목록parallel-router (1)

뭉균의 개발일지

[Next.js] Parallel Routes(병렬 라우트)

🚪들어가며 (해당 포스팅은 Next.js의 공식문서의 개념 정의를 참고하여 작성했습니다.) 인스타그램을 보다보니 위의 GIF와 같이, 링크가 같음에도 불구하고 게시물을 처음 클릭했을 때는 모달 형태로 페이지가 렌더링되고 이후에 새로고침을 하면 모달이 아닌 페이지가 렌더링되는 경우를 발견했습니다.  이 기술을 구현하기 위해서 Next.js에서의 Parallel Routes와 Intercepting Routes가 사용되는데, 이번 포스팅에서는 Parallel Routes에 대해 먼저 알아보고 추후 게시물을 통해 Intercepting Routes를 다루겠습니다.    📖 Parallel Routes Parallel Routes를 사용하면 동일한 레이아웃 내에서 하나 이상의 페이지를 동시에 또는 조건부로 ..
Next.js 2025. 1. 26. 22:40
이전 Prev 1 Next 다음