컴포넌트

• 함수형 컴포넌트를 우선으로 사용한다.

문장의 종료

• 문장 종료 시에는 반드시 세미콜론(;)을 사용한다.

명명 규칙

• 타입 선언 시 interface를 사용한다.

  • type은 사용하지 않는다.

• 변수, 함수에는 카멜 케이스를 사용한다.

  // 숫자, 문자, 불린
  let dog;
  let variableName;
  
  // 배열 - 배열은 복수형 이름을 사용
  const dogs = [];
  
  // 정규표현식 - 정규표현식은 'r'로 시작
  const rDesc = /.*/;
  
  // 함수
  function getPropertyName() {
    ...
  }
  
  // 이벤트 핸들러 - 이벤트 핸들러는 'handle'으로 시작
  const handleClickButton = () => {};
  

• 예약어를 사용하지 않는다.

• 컴포넌트든 함수든 선언 시 함수 표현식으로 선언한다.

  [EX]
  const App = () => {}
  

• URL, HTML 같은 범용적인 대문자 약어는 그대로 사용한다.

선언과 할당

• let과 const만을 사용한다. 즉, var를 사용하지 않는다.

• const 와 let 은 사용 시점에 선언 및 할당을 한다.

• 웬만하면 const 로 선언하고 재할당이 필요한 변수들만 let으로 선언한다.

• 외부 모듈과 내부 모듈을 구분하여 사용한다.

  // 위: 외부 모듈
  import { Router } from "react-router-dom";
  
  // 아래: 내부 모듈
  import asset from "./assets"