코딩 컨벤션

• components 이름은 PascalCase로 작성 (Card.jsx, Button.jsx …)
• Non-components 이름은 camelCase로 작성 (api.js, theme.js …)
• 변수명은 camelCase로 작성
• 상수는 UPPER_CASE 로 작성 (MAX_COUNT = 6, BASE_URL = ‘’ …)
• 값이 boolean인 변수명은 is + camelCase 로 작성 (isLogin, isLoading …)
• 함수명은 handle + event 로 작성 (handleChange, handleClick …)
• 함수는 화살표 함수로 사용
• 컴포넌트를 정의할 때 import React from 'react'문을 넣지 않기
  1. React 17 이상부터는 번들 사이즈 최적화를 위해 넣지 않는 것을 권장한다.
• 구조 분해 할당을 사용
• inline css를 사용하지 않기
  1. 가독성이 떨어진다.
  2. HTML 구조를 복잡하게 한다.
  3. 불필요한 리렌더링을 하게 되므로 규모가 커지는 경우 성능 저하
• single quote 사용

깃 컨벤션

Commit message

type: subject

body

footer

형식으로 작성하는 것이 정석이지만 규모가 크지 않은 프로젝트이므로 type: subject 만 아래의 규칙을 따라 사용하기로 결정