전체 글73 Next.js Next.js 소개 Next.js는 웹 애플리케이션 개발을 위한 현대적인 React 프레임워크이다. 사용자 인터페이스는 React로 구성되며, Next.js를 통해 성능 개선과 추가 기능을 제공한다. Next.js는 자동화된 프로세스를 통해 React 프로젝트의 설정과 관리를 단순화하고, 이는 개발자가 설정보다는 실제 기능 개발에 더 많은 시간을 할애할 수 있게 한다. 또한, 개발자의 경험 수준에 관계없이, Next.js는 빠르고 동적인 웹 애플리케이션의 구축을 용이하게 한다. Next.js의 기원 현재 프론트엔드 개발에서 널리 사용되는 React의 특징은 SPA 방식을 통한 사용자 경험의 향상이다. 그러나 React만으로는 초기 로딩 시간이 길고, 검색 엔진 최적화에 제약이 있으며, 이러한 문제를 해결.. 2024. 3. 27. [Django] 24.02.27 Django CBV 실습 오늘은 CBV를 통한 게시물 리스트 CRUD 실습을 진행했다. 우선 django에서 urls.py에 들어갈 함수나 클래스 등은 views.py에서 정의한다. views.py를 만들때에는 FBV와 CBV 두가지 선택지가 존재하고 두가지 모두 같은 기능을 하는 View이며 차이는 로직을 클래스로 구현할 지 함수로 구현할 것인지에 대한 차이이다. 오늘의 실습은 CBV를 사용한 실습을 진행한 것이다. 클래스 기반 뷰(CBV, Class Based View) 클래스 기반 뷰(CBV)란 django가 제공하는 클래스를 활용해 구현하는 방법으로, 웹 개발 시 반복적으로 많이 구현하는 것들을 클래스로 미리 구현해서 사용자에게 제공하는 것이다. django는 자주 쓰는 기능을 클래스로 미리 구현해서 서비스를 제공하고 클.. 2024. 2. 27. [Django] 24.02.26 Django CRUD 실습 오늘은 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.. 2024. 2. 26. [Django] 24.02.23 Django 실습2 Django 실습을 진행했고 오늘은 Django 템플릿 상속과 db에 대해서 설명하려고 한다. Django 템플릿 상속 활용 템플릿 상속이란? 중복되는 코드를 한 번만 작성하고 재사용하는 기능을 뜻한다. 만약 메뉴바를 만들었는데 메뉴가 추가 되었다면? 해당 메뉴는 모든 html 페이지에 표현되어야하는데 몇 백개 되는 html 내용을 다 바꾸는 것은 비효율적이다. 따라서 중복되는 코드를 하나의 html 파일에 넣어서 효율적으로 관리하고자 하는 것이 템플릿 상속이다. 즉 중복되는, 기본 뼈대가 되는 문서를 기본 템플릿으로 정하고, 이는 공통의 코드이므로 다른 문서에서 기본 템플릿 코드가 필요하면 상속하여 가져다 사용하는 것이다. 중복되는 코드를 작성할 파일을 생성하며 주로 파일 이름은 base.html로 생.. 2024. 2. 23. [Django] 24.02.21 Django 실습 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.. 2024. 2. 21. [Django] 24.02.20 Django에 대해서 드디어 Django 강의가 시작되는 날이다. 오늘은 Setting 부터 간단한 실습까지 진행했다. 1. Django란 Django는 파이썬으로 작성된 오픈 소스 웹 프레임워크로, 모델-템플릿-뷰(MTV) 패턴을 따르고 있다. Django는 웹 애플리케이션을 개발할 수 있는 무료 오픈 소스 웹 프레임워크다. 웹 프레임워크라는 것은 웹 개발에 필요한 요소를 미리 만들어 사용자들이 쉽고 빠르게 웹 애플리케이션을 만들 수 있게 도와주는 도구이다. 또한 프레임워크 규칙이 잘 정리되어 있고 배우기 쉬우며 개발 문서 자체가 잘 마련되어 있어 웹 개발에 익숙하지 않은 사람들도 쉽게 따라할 수 있다. 2. Django 특징 1. ORM(Object-Relational Mapping): 데이터베이스와 상호작용을 자동화하여.. 2024. 2. 20. 이전 1 2 3 4 ··· 13 다음
