코딩 컨벤션이란?

읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약

코딩 컨벤션이 필요한 이유?

1. 자바스크립트는 다른 언어에 비해 유연한 문법구조를 가지기 때문에 개발자 간 통일된 규약이 없다면 코드의 의도를 파악하거나 오류를 찾기 어렵다.
2. 코딩 컨벤션을 준수하면 가독성이 좋아지고, 성능에 영향을 주거나 오류를 발생기키는 잠재적 위험 요소를 줄여준다. 특히, 규모가 큰 프로젝트일수록 유지보수 비용을 줄이는 데 도움이 된다.

들여쓰기: 공백 문자 2개

space와 tab을 섞어서 사용하지 않도록 주의한다.

문장 구성: 한 줄 한 문장 / 세미콜론(;) 사용

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

=> 왜? 자바스크립트에서 필수 문법은 아니지만, 이를 지키지 않을 시 종종 생각지 못한 오류가 나거나 디버깅이 어려워질 수 있다.

식별자 작성 스타일

• 기본적으로 camelCase로 작성한다. - 변수, 함수

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

// 배열 - 복수형으로 작성한다.
let animals = [];

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

// 함수
function getPropertyName() {
    ...
}

// 이벤트 핸들러 - 'on'으로 시작한다.
function onClick = () => {};
function onKeyDown = () => {};

// 불린 반환 함수(리턴 값이 true, false) - 'is'로 시작한다.
let isAuthenticated = true;

• 이벤트 핸들러 네이밍

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

// 나쁜 예시
let class;
let enum;
let extends;
let super;
let const;
let import;
let export;

• PascalCase로 작성되는 경우 - 클래스, 생성자

class ConstructorName {
    ...
};

class User {
    information(option) {
        this.name = option.name
    }
};

const people = new User({
    name: '김현지',
});