전체 스택 웹 애플리케이션을 구축하여 Next.js의 주요 기능 배우기
1. 개요
- 스타일링 : Next.js에서 애플리케이션의 스타일을 지정하는 방법
- 최적화 : 이미지, 링크, 글꼴을 최적화하는 방법
- 라우팅 : 파일 시스템 라우팅을 사용하여 중첩된 레이아웃과 페이지를 만드는 방법
- 데이터 가져오기 : Vercel에서 데이터베이스를 설정하는 방법과 가져오기 및 스트리밍
- 검색 및 페이지 매김 : URL 검색 매개변수를 사용하여 검색 및 페이지 매김을 구현하는 방법
- 데이터 변경: React Server Actions를 사용하여 데이터를 변경하고 Next.js 캐시를 재검증하는 방법
- 오류 처리: 일반적인 오류와 찾을 수 없는 오류(404)를 처리하는 방법
- 양식 유효성 검사 및 접근성: 서버 측 양식 유효성 검사를 수행하는 방법과 접근성 향상
- 인증 : NextAuth.js, 미들웨어를 사용하여 애플리케이션에 인증을 추가하는 방법
- 메타데이터 : 메타데이터를 추가하고 소셜 공유를 위해 애플리케이션을 준비하는 방법
2. 전제지식
React와 JavaScript에 대한 기본적인 이해
React를 처음 접한다면 먼저 React Foundations 과정 수강하기
3. 시스템 요구 사항
- Node.js 18.17.0 이상 - node.js 다운로드 페이지
- 운영 체제: macOS, Windows(WSL 포함) 또는 Linux.
- Gitgub 계정, Vercel 계정
