-
tsx, jsx 파일의 경우 PascalCase를 사용합니다.
-
ts, js 파일의 경우 camelCase를 사용합니다.
-
폴더 명은 소문자를 사용합니다.
-
컴포넌트의 경우 함수명을 파일명과 동일하게 합니다.
-
app 폴더의 경우, 페이지를 모아둡니다. 해당 페이지에서만 사용되는 컴포넌트는 해당 폴더에 넣습니다.
-
app 폴더의 경우, ([섹션]) 폴더를 통해 그룹핑합니다. 해당 섹션에 관련된 페이지들을 모아둡니다.
-
Component 폴더의 경우, 재사용 가능한 컴포넌트를 모아둡니다.
-
layout 폴더의 경우, 페이지의 디자인 레이아웃을 모아둡니다.
-
utils 폴더의 경우, 재사용 가능한 함수를 모아둡니다.
-
model 폴더의 경우, 재사용 가능한 타입을 모아둡니다.
-
redux 폴더의 경우, redux 관련 파일을 모아둡니다.
-
services 폴더의 경우, api 관련 파일을 모아둡니다.
-
constants 폴더의 경우, 상수를 모아둡니다.