• js, jsx, css Code Style은 사전에 설정해둔 eslint, prettier의 설정 규칙을 따름.

디렉토리

• assets : 이미지 등 리소스 파일
• components : 컴포넌트 파일
  • 각 페이지에만 사용하는 컴포넌트는 components 폴더 하위에 페이지명을 이름으로 하는 폴더를 생성하여 작성한다.
  • components 폴더에는 공용으로 사용하는 컴포넌트를 작성한다.
• pages : 페이지 파일
• util : 커스텀 훅, 일반 함수 등 파일

파일 확장자

• 컴포넌트, 페이지 등 jsx 문법을 포함한 파일은 .jsx로 작성한다.
• 일반 함수, 커스텀 훅 등 js 문법만 포함한 파일은 .js로 작성한다.

변수, 일반 함수

• camelCase
• 변수의 경우 가급적 명사형으로, 함수는 가급적 동사형으로 작성한다.
• 화살표 함수를 사용한다.

컴포넌트, 페이지

• UpperCamelCase
• 이름이 겹치지 않게 주의하고, 컴포넌트나 페이지의 역할을 바로 알 수 있는 명사형으로 작성한다.