PART 02. 라우팅과 페이지

Nuxt.js가 처음 개발자들을 놀라게 하는 기능 중 하나가 바로 파일 기반 라우팅입니다. 라우터 설정 파일을 따로 작성하지 않아도 pages/ 폴더 안에 파일을 만드는 것만으로 URL이 자동으로 연결됩니다.

이번 파트에서는 Nuxt.js의 라우팅 시스템을 처음부터 차근차근 살펴봅니다. 단순한 정적 경로에서 시작해 동적 파라미터를 받는 경로, 여러 페이지에서 공통으로 쓰는 레이아웃, 그리고 페이지 이동을 가로채는 미들웨어까지 다룹니다.

학습 목표

• pages/ 폴더 구조와 URL 매핑 원리를 이해합니다.
• 동적 라우팅으로 파라미터를 받고 활용하는 방법을 익힙니다.
• 레이아웃 시스템으로 공통 UI를 효율적으로 관리합니다.
• <NuxtLink>와 useRouter()로 페이지 간 이동을 구현합니다.
• 라우트 미들웨어로 인증 등 접근 제어를 적용합니다.