목록App Router (1)

다다의 개발일지 6v6

[Next.js] App Router - 디렉토리 기반의 라우팅! 신기하다..

앱 라우팅(App Router) Next.js 13부터 디렉토리 기반의 라우팅 App Router가 도입됐다고 한다.기존의 pages/ 방식과 다르게, 파일과 폴더 구조만으로 자동으로 라우팅이 설정된다  기본 구조Next.js에서 app/ 폴더 안에 파일을 추가하는 것만으로 페이지를 생성할 수 있음📂 디렉토리 구조 예시/app ├─ layout.tsx # 모든 페이지에 공통 적용 (레이아웃) ├─ page.tsx # `/` (홈 페이지) ├─ about/ │ ├─ page.tsx # `/about` 페이지 ├─ blog/ │ ├─ page.tsx # `/blog` 페이지 │ ├─ post/ │ │ ├─ page.tsx # `/blo..
Frontend/Next.js 2025. 3. 1. 16:49
이전 Prev 1 Next 다음