폴더가 깊어질수록 layout은 바깥에서 안쪽으로 감싸진다
중첩 레이아웃은 수동으로 import해서 감싸는 구조가 아니라, 폴더의 layout.tsx가 부모 layout의 children 자리에 차례로 들어가는 구조다.
| URL | 렌더 순서 | 각 계층의 역할 | 바뀌는 부분 |
|---|---|---|---|
| /dashboard | RootLayout > DashboardLayout > DashboardPage | 전역 껍데기와 대시보드 공통 UI | DashboardPage |
| /dashboard/profile | RootLayout > DashboardLayout > ProfileLayout > ProfilePage | 프로필 섹션 메뉴 추가 | ProfilePage |
| /dashboard/profile/edit | RootLayout > DashboardLayout > ProfileLayout > EditPage | 프로필 레이아웃 유지 | EditPage |
| /products/42 | RootLayout > ProductPage | 별도 layout이 없으면 바로 page | ProductPage |
| layout.tsx 없음 | 가장 가까운 부모 layout 사용 | 범위가 좁아짐 | 공통 UI가 적용되지 않을 수 있음 |