Next.js · 초급
Next.js 초급 단계에 공개된 학습 글입니다. 단계별 목표를 참고해 필요한 글부터 읽어 보세요.
단계별 학습 목표
각 단계의 학습 목표입니다. 공개된 글은 위의 단계별 링크에서 바로 볼 수 있습니다.
초급 목표
라우팅과 페이지 구성의 기본을 익혀, 서버와 브라우저의 역할을 구분하고 데이터가 표시되는 웹 화면을 만드는 방법을 다룹니다.
학습 주제
- 파일 기반 라우팅
- 서버와 클라이언트 경계
- 데이터 표시와 오류 화면
중급 목표
데이터 갱신과 인증 흐름을 화면에 연결하여, 로딩과 오류 및 캐시로 생기는 실제 사용자 문제를 해결하는 방법을 다룹니다.
학습 주제
- 데이터 변경과 갱신
- 인증과 접근 제어
- 캐시와 오류 처리
고급 목표
서비스의 데이터 특성과 운영 조건을 기준으로, 렌더링과 캐시 및 배포 구조의 장단점을 비교하는 설계를 다룹니다.
학습 주제
- 렌더링 전략 비교
- 캐시 일관성 설계
- 운영 관측과 배포 선택
단계 안에서는 학습 순서대로 표시합니다. 선택 참고는 필수 진도에 포함하지 않습니다.
초급 14개
학습 1 / 37 · 필수 학습
Next.js App Router 첫 프로젝트 만들기학습 2 / 37 · 필수 학습
Next.js package.json scripts dependencies 이해학습 3 / 37 · 필수 학습
Next.js Server Component와 Client Component 구분학습 4 / 37 · 필수 학습
Next.js next 폴더와 빌드 산출물 이해학습 5 / 37 · 필수 학습
Next.js Route Group Private Folder template tsx학습 6 / 37 · 필수 학습
Next.js Parallel Routes default tsx학습 7 / 37 · 필수 학습
Next.js Intercepting Routes 모달 라우팅학습 8 / 37 · 필수 학습
Next.js 동적 라우트 slug params catch-all학습 9 / 37 · 필수 학습
Next.js params should be awaited 오류 해결학습 10 / 37 · 필수 학습
Next.js loading error not-found 라우트 상태 처리학습 11 / 37 · 필수 학습
Next.js window is not defined 오류 해결학습 12 / 37 · 필수 학습
Next.js hydration failed 오류 해결학습 13 / 37 · 필수 학습
Next.js Server Component 데이터 조회와 Streaming
이 단계의 학습 글은 준비 중입니다.