• 기존 Page Router의 페이지 생성 방법

App Router 버전으로 페이지 생성하기

폴더명을 기준으로 경로가 설정되고, 하위에 page.tsx 파일을 생성한다.

이 파일만 페이지로써 동작할 수 있다.

src/
├── app/
│   ├── Home/
│   │   └── page.tsx   // home페이지
│   └── Search/
│       ├── page.tsx   // search페이지
│       └── item/
│            └── page.tsx   // search페이지 하위의 item페이지
│            └── [id]/
│                 └── page.tsx   // item패이지 하위의 동적 경로
...

➕ Optional catch-all routes 사용하는 법

└── item/
    └── page.tsx   
    └── [[...id]]/ // 폴더명에 "[...]" 추가
         └── page.tsx