[Next.js] Intercepting Routes

Intercepting Routes: 라우트를 가로채서 실행

규칙(폴더)

- (.) 같은 레벨

- (..) 한 레벨 위

- (..) (..) 두 레벨 위

- (...) root app 부분

ex) (..)photo : photo 폴더의 랜더링을 가로채겠다.

 

intercepting routes + parallel routes로 modal을 구현하면 다음과 같다.

x 표시를 누르지 않으면 닫히지 않는다.

뒤로, 앞으로를 누르면 제자리에 위치해 있다.

새로고침을 누르면 가로채진 페이지만 나타난다. -> 위에 모달이 올라간 모습이 아니다.

@modal은 라우터에 포함되지 않으므로 photo와 (..)photo는 같은 단계에 있다.