1. 지금까지의 선행 학습
- Next.js란 어떤 기술인가?
- 사전 렌더링(Next.js의 대표 기능)
- 실습용 백엔드 서버 세팅
2. Page Router & App Router
- Next.js에서 제공하는 자체 라우팅 시스템입니다.
- 반면 리액트에서는 외부 라이브러리 React Router를 사용해야 했습니다.
1) 페이지 라우터
- 4~5시간 분량 학습 예정
- Next 초창기부터 제공되어 오던 구 버전의 라우터
2) 앱 라우터
- 9~10시간 분량 학습 예정
- Next 13 버전과 함께 처음으로 공개된 신규 라우터
- 기존 페이지 라우터의 단점 보완
- 다양한 신규 기능 제공(서버 컴포넌트 등)
3. Page Router 선행 학습의 중요성
앱 라우터만 배우게 된다면 페이지 라우터의 어떤 점을 앱 라우터가 보완한 것인지 파악할 수 없습니다. 어떻게 라우팅 시스템이 개선되어 왔는지 차근차근 알기 위해서 페이지 라우터 학습을 선행하는 것을 권장합니다. 또한 앱 라우터는 아직은 과도기를 겪고 있는 단계이기 때문에, 많은 홈페이지에서 널리 사용되고 있는 페이지 라우터를 알아두는 것이 중요합니다. 물론 아예 사용하지 못할 정도로 중대한 버그가 있는 것은 아니나, Parallel & Intercepting Route 개발 모드일 때의 버그 등 아직은 기능이 완벽하지는 않습니다. (참고로 앞서 공부했던 사전 렌더링은 페이지 라우터와 앱 라우터 모두에게 적용되는 기능입니다.)
Junior Frontend Developer