변수명

• 변수명은 기본적으로 camelCase를 사용한다.
• boolean 형을 갖는 변수는 앞에 is를 붙인다.
• css는 기본적으로 kebab-case를 사용한다.
• 타입 이름은 type은 ~Types로 한다.
• 인터페이스 이름은 props type은 ~Props로 한다.
  • API : 응답 ~Response, ~Request
  • 예시 코드
• props로 받는 className string은 styleClass로 통일한다.
  • className 여러 개 사용하는 컴포넌트는 컴포넌트 + style로 통일한다.

함수명

• 함수명은 기본적으로 camelCase를 사용한다.
• 가능한 동사 + 명사의 형태를 사용한다.
• 함수명을 축약하지 않는다.
• 함수형 컴포넌트의 경우 첫 글자를 대문자로 시작한다.

이벤트 핸들러

• 이벤트 핸들러 함수 이름은 handle~로 통일한다.
• props 내 이벤트 핸들러는 handleOn<EventName>으로 통일한다.

모듈

• Component에서는 다음과 같이 import, export 한다. 이 때, import 할 경우에는 반드시 경로 alias 를 사용한다.
  • import Layout from ‘@components’
  • export {Layout, Layout2...}
• index에서는 다음과 같이 import , export 한다.
  • export { default as Layout } from './Layout';
  • export { default as Layout2 } from './Layout2';

스타일