#6 Next.js - 경로(route)에 포함되지 않는 폴더 만들기 - 라우트 그룹(Route Groups), Private Folder <Using App Router>

이번 글에선 폴더가 경로에 포함되지 않도록 하여 폴더를 그룹핑(Grouping)할 수 있는 라우트 그룹(Route Groups)과 경로에 포함되지 않고 컴포넌트를 모아둘 수 있는 Private Folder에 대해 소개해보려고 한다! 0.

라우트 그룹(Route Groups) 지난 블로그에서 next 13 이후 App Router에선 폴더를 생성하면 자동으로 라우트가 되어 경로가 생성된다고 이야기 했었다. 그러나, 폴더들을 정리하여 그룹핑하고 싶을 때는 어떻게 해야 할까?

예를 들어 두 그룹의 폴더에 layout을 다르게 주고 싶으면 어떻게 해야 할까? 이때 사용하는 것이 라우트 그룹이다!

라우트 그룹은 폴더를 괄호 -> () 로 감싸주면 생성 가능하다! 사진을 통해 살펴보자.

여기서 (marketing) 폴더와 (shop) 폴더가 라우트 그룹에 해당한다. 서로 다른 경로에 다른 layout을 주고 싶을 때 주로 라우트 그룹을 사용한다.

코드를 통해 더 자세하게 살펴보자. app 폴더...