IT world

Next.js 소개 Next.js는 웹 애플리케이션 개발을 위한 현대적인 React 프레임워크이다. 사용자 인터페이스는 React로 구성되며, Next.js를 통해 성능 개선과 추가 기능을 제공한다. Next.js는 자동화된 프로세스를 통해 React 프로젝트의 설정과 관리를 단순화하고, 이는 개발자가 설정보다는 실제 기능 개발에 더 많은 시간을 할애할 수 있게 한다. 또한, 개발자의 경험 수준에 관계없이, Next.js는 빠르고 동적인 웹 애플리케이션의 구축을 용이하게 한다. Next.js의 기원 현재 프론트엔드 개발에서 널리 사용되는 React의 특징은 SPA 방식을 통한 사용자 경험의 향상이다. 그러나 React만으로는 초기 로딩 시간이 길고, 검색 엔진 최적화에 제약이 있으며, 이러한 문제를 해결..

오늘은 CBV를 통한 게시물 리스트 CRUD 실습을 진행했다. 우선 django에서 urls.py에 들어갈 함수나 클래스 등은 views.py에서 정의한다. views.py를 만들때에는 FBV와 CBV 두가지 선택지가 존재하고 두가지 모두 같은 기능을 하는 View이며 차이는 로직을 클래스로 구현할 지 함수로 구현할 것인지에 대한 차이이다. 오늘의 실습은 CBV를 사용한 실습을 진행한 것이다. 클래스 기반 뷰(CBV, Class Based View) 클래스 기반 뷰(CBV)란 django가 제공하는 클래스를 활용해 구현하는 방법으로, 웹 개발 시 반복적으로 많이 구현하는 것들을 클래스로 미리 구현해서 사용자에게 제공하는 것이다. django는 자주 쓰는 기능을 클래스로 미리 구현해서 서비스를 제공하고 클..

오늘은 Create, Read, Update, Delete에 대한 Django 실습을 진행했다. 즉 저장된 내역을 읽고, 새로운 데이터를 추가하고, 기존 데이터를 수정하고, 삭제하는 내용을 실습했다. 이전 내용을 이어서 admin 페이지에서 생성한 블로그 게시물을 사용하여 CRUD 기능을 구현할 것이다. 현재 BLOG > Posts 에는 3개의 게시물이 작성되어 있다. 우선 Models.py에 DB 내용을 가져오고 admin.py에 DB에 반영한 것을 admin 페이지에 반영했다. (각 .py 역할이 정확한 내용인지 잘 모르겠다. 추후 수정 예정하겠다.) # blog > models.py from django.db import models class Post(models.Model): title = mo..

Django 실습을 진행했고 오늘은 Django 템플릿 상속과 db에 대해서 설명하려고 한다. Django 템플릿 상속 활용 템플릿 상속이란? 중복되는 코드를 한 번만 작성하고 재사용하는 기능을 뜻한다. 만약 메뉴바를 만들었는데 메뉴가 추가 되었다면? 해당 메뉴는 모든 html 페이지에 표현되어야하는데 몇 백개 되는 html 내용을 다 바꾸는 것은 비효율적이다. 따라서 중복되는 코드를 하나의 html 파일에 넣어서 효율적으로 관리하고자 하는 것이 템플릿 상속이다. 즉 중복되는, 기본 뼈대가 되는 문서를 기본 템플릿으로 정하고, 이는 공통의 코드이므로 다른 문서에서 기본 템플릿 코드가 필요하면 상속하여 가져다 사용하는 것이다. 중복되는 코드를 작성할 파일을 생성하며 주로 파일 이름은 base.html로 생..

Django 강의의 두번째 시간이다. 어제는 Django의 설치와 명령어, 간단한 예제를 만들었고, 오늘은 Django 실습을 통해 페이지를 만드는 실습을 진행했다. Django 실습 실습 내용으로는 main 페이지 하나만이 아닌 여러 페이지를 만들고 관리하는 방법을 실습했다. 1. 예를 들어 쇼핑몰을 만들 예정으로 쇼핑몰을 만들 url 목록은 아래와 같다. 'www.hojunshopping.com' => 잘 나가는 상품 10개 소개 'www.hojunshopping.com/about' => 회사 소개 'www.hojunshopping.com/product' => 상품 목록 'www.hojunshopping.com/product/1'=> 상품 목록 상세 게시물 'www.hojunshopping.com/c..

드디어 Django 강의가 시작되는 날이다. 오늘은 Setting 부터 간단한 실습까지 진행했다. 1. Django란 Django는 파이썬으로 작성된 오픈 소스 웹 프레임워크로, 모델-템플릿-뷰(MTV) 패턴을 따르고 있다. Django는 웹 애플리케이션을 개발할 수 있는 무료 오픈 소스 웹 프레임워크다. 웹 프레임워크라는 것은 웹 개발에 필요한 요소를 미리 만들어 사용자들이 쉽고 빠르게 웹 애플리케이션을 만들 수 있게 도와주는 도구이다. 또한 프레임워크 규칙이 잘 정리되어 있고 배우기 쉬우며 개발 문서 자체가 잘 마련되어 있어 웹 개발에 익숙하지 않은 사람들도 쉽게 따라할 수 있다. 2. Django 특징 1. ORM(Object-Relational Mapping): 데이터베이스와 상호작용을 자동화하여..

한 주의 chatGPT를 활용한 개인 프로젝트 기간이 끝나고 Django 강의를 시작하기 앞서 웹 개발을 더욱 쉽고 빠르게 할 수 있는 두가지 방법을 배웠다. 1. 부트스트랩(Bootstrap) 부트스트랩이란 프론트엔드 개발을 빠르고 쉽게 할 수 있는 프레임 워크로 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 JavaScript로 만들어 놓은 것이다. 사용자의 시점에 맞춰 최적화 되어 화면을 구성하고 반응형 사이트를 구축하기에 최적화 되어있다. 버튼, 이미지, 목록 뿐 아니라 메뉴바, 알림 메시지 등 웹 페이지에서 많이 쓰이는 요소를 전부 내장하고 있기 때문에 개발자 입맛에 따라 재사용 할 수 있다. 따라서 대부분 모든 웹페이지를 미리 지정된 CSS와 JavaScript의 활용으로 빠르게 만들 ..

this this 란? 객체를 가리키는 참조 변수로, 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. this는 함수가 만들어질 때가 아닌 "실행"될때 그 값이 결정된다. this가 가리키는 대상은 어떻게 this가 호출되는지에 따라 다르다. 아래 상황별로 this의 의미를 나눌 수 있다. 전역 공간에서의 this 메서드로서 호출할 때 내부에서의 this 함수로서 호출할 때 내부에서의 this 콜백 함수 호출 시 내부에서의 this 생성자 함수 내부에서의 this this를 전역에서 사용한 경우 브라우저라는 자바스크립트 런타임의 경우에 this는 항상 window라는 전역 객체를 참조한다. 전역 객체란 전역 범위에 항상 존재하는 객체를 의미한다. 브라우저라는 자바스크립트 런..