Routing: Intercepting Routes

클라이언트에서 라우팅 할 때만 인터셉트 라우팅이 적용됩니다.

경로를 가로채면 현재 레이아웃 내 애플리케이션의 다른 부분에서 경로를 로드할 수 있습니다. 이 라우팅 패러다임은 사용자가 다른 컨텍스트로 전환하지 않고도 경로의 내용을 표시하려는 경우 유용할 수 있습니다.

예를 들어, feed 내부에 사진을 클릭할 때 feed 위에 모달이 나타나야하는 경우 Next.js는 /feed 경로를 가로채고 이 URL을 photo/123 대신에 보여줍니다.

만약 링크 태그를 통해 접근을 하는 경우에는 가로채기가 되어 app>beforeLogin>@modal>(.i)>flow>login>page.tsx가, url (i/flow/login)로 직접 접근을 하거나 새로고침을 하는 경우에는 app>beforeLogin>i>flow>login>page.tsx 가 렌더링되게 됩니다.

Convention

구문을 정리하면 다음과 같습니다.

• (.)는 동일한 수준의 세그먼트와 일치합니다.
• (..)는 한 수준 위의 세그먼트와 일치합니다.
• (..)(..)는 두 수준 위의 세그먼트와 일치합니다.
• (…)는 루트 앱 디렉토리부터의 세그먼트와 일치합니다.

모달