[Routing] 04 경로 그룹 (Route Groups)

경로 그룹 (Route Groups)

공식 문서 링크

경로 그룹

소괄호를 사용하여 파일의 논리 그룹을 구성한다.

보통 app 디렉토리에서 중첩된 폴더는 일반적으로 URL 경로에 매핑된다.
대신, 소괄호를 사용하여 그룹화 해주면 해당 폴더의 경로는 URL 경로에 포함되지 않는다.

어떤 때에 쓰이나?

1. 경로를 그룹으로 구성한다.
2. 동일한 경로 구간 수준에서 중첩 레이아웃을 활성화 한다:
   1. 여러 루트 레이아웃을 포함하여 동일한 세그먼트에 여러 중첩 레이아웃 만들기
   2. 공통 구간의 경로 하위 집합에 레이아웃 추가

예시

1. URL 경로에 영향을 주지 않고 경로를 그룹으로 구성한다.

(marketing) /about, /blog
(shop) /account

-> 각각 레이아웃을 따로 둘 수 있다.

특정 세그먼트를 레이아웃으로 선택

/account, /cart, /checkout 같은 레벨의 경로들인데, 만약 /account, /cart만 동일한 레이아웃으로 묶어주고 싶다면 소괄호를 사용하여 (shop) 논리 그룹으로 만들어준다.

여러 루트 레이아웃 만들기

즉 각 그룹마다 각기 다른 레이아웃을 만들고 싶다면 () 소괄호 밑에 layout.js를 생성해주라는 뜻이다.

(옵시디언에서 작성되었습니다.)