인터셉팅 라우트는 같은 상세 URL을 모달 또는 전체 페이지로 다르게 보여준다
피드에서 클릭하면 현재 화면 위에 모달을 얹고, 직접 접근하면 공유 가능한 전체 페이지로 렌더링한다.
| 접근 방식 | 사용 파일 | 보이는 결과 | 사용자가 얻는 것 |
|---|---|---|---|
| 피드에서 /photo/42 클릭 | feed/@modal/(..)photo/[id]/page.tsx | 피드 위에 사진 모달 표시 | 목록 맥락을 잃지 않고 상세 확인 |
| 브라우저에 /photo/42 직접 입력 | photo/[id]/page.tsx | 사진 상세 전체 페이지 표시 | 공유 가능한 고유 URL 유지 |
| 닫기 버튼 또는 배경 클릭 | router.back() 또는 /feed 링크 | 모달만 닫고 피드로 복귀 | 뒤로가기 동작이 자연스러움 |
| 모달이 없는 상태 | feed/@modal/default.tsx | 빈 슬롯 렌더 | 새로고침 시 깨진 슬롯 방지 |
| 경로 깊이 조정 | (.), (..), (...) | 어느 상위 세그먼트를 가로챌지 결정 | 잘못 쓰면 전혀 다른 라우트를 가로챔 |