- Next.js 15의 라우트 인터셉팅 기능을 통해 특정 경로에 접근 시 다른 컴포넌트를 렌더링할 수 있습니다. ➡️
- 소스 폴더와 타겟 폴더를 지정하여 라우트 인터셉팅을 구현합니다. 📍
- 같은 레벨의 경로 인터셉팅에는
(./)
접두사를, 상위 레벨 경로 인터셉팅에는(../)
접두사를 사용합니다. ⬆️ - 인터셉팅된 경로는 URL은 유지하지만 다른 UI를 표시하며, 페이지 새로고침 시 원래 경로의 내용을 보여줍니다.🔄
- 실제 예시로 로그인 모달이나 사진 확대보기 등을 구현하는 방법을 보여줍니다.📸