#7 Next.js - Parallel Routes(병렬 라우트), Intercepting Routes(인터셉팅 라우트) <Using App Router>

오늘은, 폴더가 다른 페이지를 하나의 화면에 동시에 띄울 수 있는 Parallel Routes(병렬 라우트), 서로 다른 주소에 있는 파일(컴포넌트)을 한 화면에 같이 띄우게 하는 Intercepting Routes(인터셉팅 라우트) 에 대해 정리해보려고 한다! 0.

Parallel Routes(병렬 라우트)와 Intercepting Routes(인터셉팅 라우트) 병렬 라우트를 통해 동일한 레이아웃 내에서 하나 이상의 페이지를 동시에 또는 조건부로 렌더링할 수 있다. 이는 대시보드 및 소셜 사이트의 피드와 같이 앱의 매우 동적인 섹션에 유용하다.

폴더 이름 앞에 @를 붙이면 병렬라우트를 사용할 수 있다. 일단 사진을 통해 살펴보자.

병럴 라우트를 사용하면 한 화면에 동시에 두개의 페이지를 띄울 수 있다. 또한 Intercepting Routes(인터셉팅 라우트)는 서로 다른 주소에 있는 파일(컴포넌트)을 한 화면에 같이 띄우게 해준다!

엥 이게 된다고? 인터셉팅 라우트를 사용하기 위...