[수업 목표]
- Next.js로 프로젝트를 세팅하고 React와의 차이점을 이해합니다.
- Next.js의 특징인 파일기반 라우팅을 이해합니다.
- 파일기반 라우팅에 꼭 필요한 특별한 파일들을 이해합니다.
- 페이지 이동과 관련된 여러 기능에 대해 알아봅니다.
- Tailwind CSS의 활용방법을 숙지합니다.
[목차]
<aside>
💡 모든 토글을 열고 닫는 단축키
Windows : Ctrl + alt + t
Mac : ⌘ + ⌥ + t
</aside>
01. 첫 installation : react와는 어떤 것이 다른지 특징 살펴보기
<aside>
✔️ Next.js도 간단한 명령어로 프로젝트를 생성할 수 있어요. 설치 이후 특징을 함께 살펴보도록 합니다.
</aside>
- (1) 설치하기
- (2) 특징살펴보기
- (3) 살짝 수정해보기
02. 라우팅을 이해하기 위한 주요 용어