URL 구조와 UI 조립 책임을 분리해서 설계하면 라우팅 기능이 섞여도 헷갈리지 않는다
고급 라우팅을 함께 쓸 때는 URL을 만드는 폴더와 화면 조립을 맡는 폴더를 따로 확인해야 한다.
| 설계 축 | Route Groups | Parallel Routes | Intercepting Routes |
|---|---|---|---|
| URL 영향 | 괄호 폴더는 URL에서 사라짐 | @slot은 URL에서 사라짐 | 상세 URL은 유지하고 표시 방식만 바꿈 |
| 레이아웃 책임 | 그룹 내부 children을 감싸는 레이아웃 | layout.tsx가 slot props를 동시에 배치 | feed layout이 modal 슬롯을 children 위에 얹음 |
| 대표 폴더 | (marketing), (dashboard) | @analytics, @team, @modal | (..)photo/[id] |
| 장애/빈 상태 | 그룹별 error/loading을 분리 가능 | slot별 loading/error/default 필수 | 모달 없는 상태는 default.tsx가 담당 |
| 실전 기준 | 섹션별 디자인과 관리 경계가 다를 때 | 한 URL에서 여러 패널을 동시에 보여줄 때 | 목록 맥락을 유지하며 상세를 띄울 때 |