<aside> 💡

다른 context로 전환하지 않고 경로의 콘텐츠를 표시하려는 경우 새로고침이나 외부링크를 통한 접근은 경로 가로채기가 발생하지 않음.

</aside>

Intercepting Routes

: 사용자가 특정 경로로 이동시, 중간에 가로채서 모달, 알림창 혹은 다른 레이아웃을 보여줄 수 있는 기능

→ 페이지 전체를 새로 로드하지 않고도 필요한 ui를 표시하기 위한 목적으로 사용

ex) 로그인 사이드 모달 / 로그인 페이지

Rules

(.) : 동일한 위치에 있는 segement 일치

(..) : 한 단계 위에 있는 segment와 일치

→상대경로 규칙과 비슷함

example

├── archive/
│   └── page.tsx
└── main/
    └── @modal/
        └── (..)archive/
            └── page.tsx

→ @modal은 slot 이지 segment가 아니므로 (..) 로 일치됨

https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes