학습 계획

Next.js 학습 운영 기준

Next.js는 React 기초 위에 라우팅, 서버 렌더링, 데이터 흐름, 배포 최적화가 올라가므로 학습 목표를 단계별로 나누어야 합니다.

PrerequisiteHTML/JS/React
Routing페이지와 레이아웃
Data서버와 캐시
Deploy성능과 운영
01

React 기초

컴포넌트, props, state를 이해해야 Next의 Client Component가 편합니다.

02

라우팅

폴더 구조가 URL과 화면 계층을 만드는 방식을 먼저 익힙니다.

03

서버 흐름

Server Component, Route Handler, 캐시가 어디서 실행되는지 구분합니다.

04

운영 감각

이미지, 폰트, 코드 분할, 배포 설정까지 제품 관점으로 확인합니다.

학습 루틴

  • 한 절을 읽을 때 실행 위치가 서버인지 클라이언트인지 표시해 둡니다.
  • 공식 예제와 직접 만든 작은 페이지를 번갈아 보며 규칙을 확인합니다.
  • 배포 전에는 로컬 개발 서버와 실제 빌드 결과의 차이를 의식합니다.

단계

React기초
Router라우터 폴더 구조
Server데이터
Deploy운영