Learning Outcomes

Next.js 학습 목표

App Router를 단순히 따라 쓰는 데서 멈추지 않고, 실제 웹 애플리케이션을 설계하고 운영할 수 있는 판단 기준까지 연결합니다.

01

학습 목표 핵심

App Router, 서버 컴포넌트, 클라이언트 경계를 명확히 구분합니다.

02

실전 구현

라우팅, 레이아웃, 폼, 상태 흐름을 실제 화면으로 조립합니다.

03

성능과 SEO

이미지, 데이터 페칭, 캐싱 전략을 사용자 경험과 연결합니다.

04

배포 관리

Vercel 같은 플랫폼에서 빌드 결과와 운영 설정을 확인합니다.

05

문제 해결

렌더링 시점, 네트워크 요청, 빌드 로그를 근거로 원인을 좁힙니다.

App Router 학습 점검

어디서 실행되나 서버와 브라우저 중 실행 위치를 먼저 표시합니다.
무엇이 바뀌나 라우트, 데이터, 캐시가 화면에 주는 영향을 확인합니다.
어떻게 배포되나 로컬 실행과 실제 빌드 결과의 차이를 비교합니다.

학습 태도

  • 기능 이름보다 해결하는 문제를 먼저 적습니다.
  • 예제를 실행한 뒤 렌더링 결과를 짧게 기록합니다.
  • 막힌 지점은 로그와 요청 흐름으로 다시 확인합니다.