[NextJS] 20260406 동적 라우트 안에 중첩된 라우트, 인터셉팅 라우팅

월요일 첫 출근인데, 오늘은 너무 출근이 힘들었다.

비도 추적추적 오는데다, 요즘 많은일이 벌어져서 정서적으로 많이 힘들었다.

 

오늘은 집중을 할 수 있는 시간이 너무 적었다...

 

동적 라우트 안에 중첩된 라우트를 사용 하는 법은 아래와 같다.

 

                <Link href={`/news/${newsItem.slug}/image`}>

                       .... 중략

                </Link>

 

위와 같은 방식으로 사용할수 있다.

 

동적 라우트 내에 중첩하여 사용하는 방식이라...

여러 페이지들을 하나라 표현할 수 있는 방식이긴 한데

아직 어떻게 써야 할지 감이 잘 오진 않는다.

 

 

인터셉팅 라우팅

 

동일한 라우팅이름을 쓰되 앞에 (.)를 붙이면 인터셉팅 라우팅을 할수 있다.

인터셉트 라우팅이란, 페이지 내부를 통해서 들어오면 (.)imgae/page.js를 읽어들이고

그렇지 않을 경우에는 image/page.js를 호출한다.

 

역시 사용 예시는 잘 떠오르지 않는다.

 

내 홈페이지를 만들고 싶다는 욕구 하나로 열심히 학습중이다.

 

오늘은 피곤해서 짧게 학습하고 자야겠다.