[next.js 공식문서] 09. Intercepting Routes

next.js 13버전 때 학습내용 정리 문서로 현재와 다름 주의

Intercepting Routes

(…)

[feed]
├── (..)photo/[id]
│   └── page.tsx
└── layout.tsx
photo/[id]
├── page.tsx
└── layout.tsx

예제

모달

• URL을 통해 모달에 액세스할 수 없습니다.
• 페이지가 새로 고쳐지면 모달이 닫힙니다.
• 모달 뒤의 경로가 아닌 이전 경로로 이동하는 역방향 탐색.
• 모달을 다시 열지 않고 앞으로 탐색합니다.

shop
├── @products
│   └── page.tsx
├── @modal/(..)cart
│   └── page.tsx
└── layout.tsx
cart
├── page.tsx
└── layout.tsx