- 넥스트 JS 앱 라우터는
app
폴더 기반으로 라우트를 구성합니다. 📁 page.tsx
는 해당 라우트의 페이지 내용을,layout.tsx
는 공통 레이아웃을 정의합니다. 🖼️- 폴더 구조와
page.tsx
파일 생성으로 기본 라우트를 정의합니다. 📂 - 폴더를 중첩하여 중첩 라우트를 구현할 수 있습니다. 겹치면 안됩니다. 🔗
[폴더명]
형태로 동적 라우트를 정의하고,params
속성으로 값을 가져옵니다. 🗂️[...slug]
형태로 캐치-올 세그먼트를 정의하여 모든 하위 경로를 처리합니다. 🌠_폴더명
형태로 프라이빗 폴더를 만들어 라우트를 숨길 수 있습니다. 🙈(그룹명)
형태로 라우트 그룹을 만들어 폴더 구조를 정리할 수 있습니다. 🗂️