[Next.js] 라우팅 완전 정복 정적/동적 페이지부터 Link까지
·
프로그래밍/Next.js
[Next.js] 라우팅 완전 정복 – 정적/동적 페이지부터 Link까지Next.js는 파일 기반 라우팅을 제공합니다.pages 폴더 안에 파일을 만들기만 해도 자동으로 URL이 생성되며, 정적, 동적, 중첩 라우팅까지 모두 처리할 수 있습니다.이번 글에서는 Next.js 라우팅 시스템의 기본 개념과 실전 사용법을 정리합니다.✅ 1. 정적 라우팅pages/about.tsx 파일을 만들면 /about 경로가 자동 생성됩니다.파일 구조 = URL 구조라는 점이 Next.js의 핵심입니다.// pages/about.tsxexport default function About() { return About Page;}위 파일을 만들면 브라우저에서 /about 경로로 접근 가능합니다.✅ 2. 중첩 라우팅폴더를 이..