Next.JS 프로젝트 설계 ( II )

2, 프로젝트 구성 특징

 - Private Folders :  _folderName 처럼 파일명 앞에 언더바( _ )를 붙여서 만들며, 이 파일들은 라우팅 시스템에서 접근하지 않는 사적인 폴더들 입니다.

Private Folders

- Route Groups : (folderName) 처럼 괄호를 사용하여 만들며, 라우터의 URL path 안에 포함되지 않습니다.

Route Groups

- src 디랙토리 : 선택사항인 src 디랙토리 안에서, app 를 포함한 코드작성이 가능합니다. 주로 프로젝트의 루트에 위치합니다.

src 디랙토리 위치

 

- 모듈 패스 별칭 ( module Path Aliases ) :이 기능은 중첩된 파일 패스가 깊을 때 매우 유용한 기능입니다. 아래코드를 보면 명확하게 간결함이 보입니다.

 

// 이전 버젼
import { Button } from '../../../components/button';
 
// 이후 버젼
import { Button } from '@/components/button';