Next.js 14 페러렐 라우트과 인터셉팅 라우트

·2024년 4월 20일
0

Next.js

목록 보기
6/13

localhost3000/home/compose... 경로로 들어갔을 때,
인터셉팅 라우트 처리를 하지 않으면 compose 폴더에 있는 page.tsx View가 보인다.

하지만 지금같은 경우에는 @modal 폴더에 (.)로 인터셉팅 라우트 처리를 해줬는데, 여기서 궁금증이 있었다.

(.)은 동일 수준에 있는 세그먼트를 참조한다. 라는 것으로 알고있는데, 여기서 @modal 폴더 안에 (.)compose가 있으니까 한 단계 위 세그먼트 참조인 (..)를 해야 맞지 않는가?
라는 의문이 있었다.

Next.js 공식 문서에서 해답을 찾을 수 있었다.
Interceptin Routes_next.js

여기서 말하는 슬롯은 @가 붙은 폴더이다.

즉, @가 붙은 폴더는 경로 세그먼트에 포함되지 않으므로 동일 세그먼트를 뜻하는 (.) 인터셉팅 라우트가 맞다.

profile
- 배움에는 끝이 없다.

0개의 댓글