Variables

• file-scope 상수는 UPPER_CASE 로 작성합니다.

  • e.g. Error Message 전역 상수

  const INPUT_ERROR = "입력이 잘못 되었습니다.";
  const SERVER_ERROR = "서버 오류입니다.";
  const AUTH_ERROR = "권한 오류입니다.";
  
  const OUTPUT_MESSAGE = {
  	INPUT_ERROR,
  	SERVER_ERROR,
  	AUTH_ERROR,
  };
  module.exports = OUTPUT_MESSAGE;
  

• 그외에는 모두 camelCase

• Boolean 타입의 변수는 is, has, can과 같은 접두사를 붙입니다.

Event Handler

• Component Prop로 넘기는 이벤트 핸들러에는 on 접두사를 붙입니다.

File Naming

• components 이름은 PascalCase 로 작성합니다.
• Non-components, inline스타일, 속성명은 camelCase 로 작성합니다.

BUG AVOIDANCE

• null 또는 undefined 일 수 있는 값은 optional chaining 연산자 ?.를 사용합니다.

ARCHITECTURE & CLEAN CODE

• 유틸리티 파일을 만들어 중복된 코드를 피합니다.
• 하나의 파일에 하나의 React component만 만듭니다.
• 다른 사람의 이해를 돕기 위해 주석을 다는 것을 권장합니다.
• console.log()를 지우고 커밋하길 권장합니다.
• API 호출이나 상태관련 로직은 분리해서 사용합니다.

ES6

• spread 연산자를 사용합니다.
• let과 const만 사용합니다. (var 사용금지)