라우트를 가로채면 현재 레이아웃 내에서 애플리케이션의 다른 부분에서 라우트를 로드할 수 있습니다. 이 라우팅 패러다임은 사용자가 다른 컨텍스트로 전환하지 않고도 라우트의 콘텐츠를 표시하려는 경우에 유용할 수 있습니다.
예를 들어 피드에서 사진을 클릭하면 사진을 모달에 표시하여 피드에 오버레이할 수 있습니다. 이 경우 Next.js는 /photo/123 라우트를 가로채 URL을 마스킹한 후 /feed 위에 오버레이합니다.
그러나 공유 가능한 URL을 클릭하거나 페이지를 새로 고침하여 사진으로 이동하는 경우 모달 대신 전체 사진 페이지가 렌더링되어야 합니다. 라우트 가로채기가 발생하지 않아야 합니다.
라우트를 가로채는 것은 (..) 컨벤션을 사용하여 정의할 수 있으며, 이것은 세그먼트에 대한 상대 경로 컨벤션 ../ 과 유사합니다.
아래와 같이 사용할 수 있습니다.
(.) 를 사용하여 같은 레벨의 세그먼트를 매칭합니다.(..) 는 한 단계 위의 세그먼트를 매칭합니다.(..)(..) 는 두 수준 위의 세그먼트를 매칭합니다.(...) 는 루트 app 디렉토리에서 세그먼트를 매칭합니다.