[Next.js] Route Groups

Route Grups: (폴더이름)

폴더가 경로의 URL 경로에 포함되지 않도록 할 수 있다.
URL 경로 구조에 영향을 주지 않고, 경로 세그먼트와 프로젝트 파일을 논리적 그룹으로 구성할 수 있다.

 

 

괄호 표시된 폴더 이름은 경로에서 제외된다.

그러나 layout.js를 폴더 안에 포함시킬 수 있으므로 여러 layout을 중첩하여 사용하기에 용이하다.

 

여러개의 Root layout.js 폴더

가장 바깥쪽의 layout.js를 제거하고 각 경로 내에 layout.js를 추가한다.

각 루트 레이아웃은 html, body tag가 필요하다.

완전히 다른 UI 섹션으로 구분할 때 사용된다.

루트레이아웃이 다른다면 페이지를 이동할 때 전체 렌더링이 발생한다. (보통 내부의 페이지만 렌더링 되었음)