컨벤션

• 변수 및 함수명 : 카멜 케이스 (ex. frontEnd)

  • (서버에서 가져온 값은 스네이크 케이스) → 백엔드분들과 협의

• 컴포넌트명 : 파스칼 케이스 (ex. FrontEnd)

• 파일명 : 카멜 케이스

• 폴더명 : 카멜 케이스

• 상수명, 환경변수: 대문자 스네이크 케이스 (ex. REACT_APP_BASE_URL)

• jsx 문법을 사용하면, 확장자명을 .jsx로 설정하기 (ex. App.jsx)

• jsx 문법을 사용하지 않으면, 확장자명을 .js로 설정하기 (ex. redux/*)

• 변수명을 직관적으로 작성합니다

  • 설명이 필요할 경우 주석을 활용(다만, 너무 남발하지 않는다)

• 변수명을 줄일 경우 팀원에게 의견을 교류합니다.

  (ex. button → btn)

• 핸들러함수에는 앞에 handle 을 붙여서 사용합니다

  (ex. handleClickSearchBtn, handleChangeSearchTerm)

• boolean 값이 들어가는 변수명에는 is , has 사용을 합니다

  (ex. isLogin, hasName)

• 함수는 한가지 동작만 일으키는 것을 권장하나, 부수적인 기능이 수반된다면 함수명에 표기를 해줍니다

• 어떤 값으로부터 다른 값을 계산하는 함수: get___From( ... )

  (ex. getTodyaFrom(date, index))

• 원활한 수정과 불필요한 diff 생성을 방지하기 위해 for, if, function 등에서 중괄호는 생략하지 않습니다

• Typescript로 진행하지 않기 때문에 생각치 못한 오류가 발생할 수 있으니, prop-types 라이브러리를 사용 권장을 권장합니다

  → Typescript로 진행하기로 결정, migration 완료 (22.05.09)

• import ... from ... 문의 순서는 기본적으로 신경쓰지 않고 진행합니다

• github issue 기능을 최대한 활용합니다

브랜치구조