☑️ 코드 컨벤션이 필요한 이유

• 유지보수가 용이: 시간과 비용 절약을 위해 타인이 봤을 때도 금방 이해하고 수정하기 쉽게끔 작성
• 일관된 코드: 모든 개발자가 각자의 규칙을 갖고 있기 때문에 하나의 규칙을 정해 일관된 코드 작성

☑️ 코드 컨벤션

들여쓰기

• space와 tab을 섞어서 사용하지 않는다.
  • tab 사용 (tab size: 2)
  • eslint:recommended extends 사용

문장의 종료

• 한 줄에 하나의 문장만 허용
• 문장 종료 시에는 반드시 세미콜론(;) 사용

명명 규칙

• 상수는 영문 대문자 스네이크 케이스 사용

  SYMBOLIC_CONSTANTS;
  

• 컴포넌트 및 생성자는 파스칼 케이스 사용

  // Component
  Header.js 
  Footer.jsx 
  MainBanner.js 
  BlogList.jsx
  
  // Class
  class ConstructorName {
    ...
  };
  

• 변수, 함수는 카멜 케이스 사용

  // 숫자, 문자, 불리언
  let dog;
  let variableName;
  
  // 배열 - 배열은 복수형 이름을 사용
  const dogs = [];
  
  // 정규표현식 - 정규표현식은 'r'로 시작
  const rDesc = /.*/;
  
  // 함수
  function getPropertyName() {
    ...
  }
  
  // 이벤트 핸들러 - 이벤트 핸들러는 'on'으로 시작
  const onClick = () => {};
  const onKeyDown = () => {};
  
  // 불리언 반환 함수 - 반환 값이 불리언인 함수는 'is'로 시작
  let isAvailable = false;
  

• Unit test 파일명은 대상 파일명과 동일하게 작성

  MainBanner.js 
  MainBanner.test.js 
  
  BlogList.js 
  BlogList.test.js
  

선언과 할당