블로그

하나의 URL, 두 가지 경험: Next.js 인터셉팅 라우트로 새로고침에도 살아남는 모달 만들기

새로고침하거나 링크를 공유하면 사라지는 모달은 페이지가 아니라 함정입니다. Next.js의 병렬 라우트와 인터셉팅 라우트를 활용해, 포트폴리오 카드를 클릭하면 모달로 열리지만 직접 방문하면 실제로 공유 가능하고 SEO에 색인되는 독립 페이지로 해석되도록 만든 방법을 소개합니다 — UI 한 줄도 중복하지 않고 말이죠.

June 2, 2026 · 7분 분량