[참고링크] https://ui.toast.com/fe-guide/ko_CODING-CONVENTION

들여쓰기(공백 문자 2개 또는 4개를 사용)

tab 한번으로 결정

사용하는 개발환경에따라 탭 또는 스페이스의 들여쓰기가 다르게 보일수 있기때문에 이를 통일하지 않으면 가독성이 떨어진다.

문장의 종료

반드시 세미콜론(;)을 사용한다.

이를 문법으로 강제하지 않지만, 종종 생각지 못한 오류를 만들고 디버깅을 어렵게 한다.

명명 규칙

1) 변수와 함수는 카멜 케이스을 사용한다, 상수의 경우 const 선언 및 대문자 스네이크 케이스로 작성한다.

// 숫자, 문자, 불린
let dog;
let variableName;

// 배열 - 배열은 복수형 이름을 사용
const dogs = [];

// 정규표현식 - 정규표현식은 'r'로 시작
const rDesc = /.*/;

// 함수
function getPropertyName() {
  ...
}
const KEY_NAME = "GG"

// 이벤트 핸들러 - 이벤트 핸들러는 'on'으로 시작
const onClick = () => {};
const onKeyDown = () => {};

// 불린 반환 함수 - 반환 값이 불린인 함수는 'is'로 시작
let isAvailable = false;

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

// Bad
let class;
let enum;
let extends;
let super;
let const;
let export;
let import;

3. 생성자, 컴포넌트는 파스칼 케이스를 사용한다.

class ConstructorName { // 클래스 명명 규칙
  ...
};

function MessageList(){ // 컴포넌트 명명 규칙
 return <div><div/>
}

4)상수는 영문 대문자 스네이크 표기법(Snake case)를 사용.

SYMBOLIC_CONSTANTS = "<http://~~~~>";