NextJS에서 라우트 그룹화

때때로 편의를 위해 여러 라우트를 하나의 폴더로 그룹화해야 할 수 있습니다. 그룹화 폴더가 URL에 별도의 세그먼트를 생성하지 않도록 하기 위해서입니다.

이를 위해 그룹화 폴더의 이름을 괄호로 묶어야 합니다. 예제를 통해 살펴보겠습니다.

URL /reg로 회원가입을, URL /log로 로그인을 구현하려 한다고 가정해 봅시다. 이러한 URL에 해당하는 폴더들을 (auth)라는 공통 폴더에 통합하겠습니다.

그러면 다음과 같은 파일 구조가 생성됩니다:

회원가입 페이지 파일을 만들겠습니다:

export default function Reg() {
	return <h1>register</h1>;
}

로그인 페이지 파일을 만들겠습니다:

export default function Log() {
	return <h1>login</h1>;
}

강의에서 설명한 작업을 수행해 보세요. 모든 것이 예상대로 작동하는지 확인하세요.