Camel Casting & Snake Casting

• 자바스크립트에서는 일반적으로 띄어쓰기 대신 대분자로 표현하는 Camel Style로 변수명을 작성합니다. 단 상수 이름을 지을 때는 Snake Case를 활용합니다.

const camelCase;
const MAX_VALUE = 100;

Space 2

• 논리적으로 종속된 코드는 tab을 사용하지 않으며, space 4칸보다도 2칸으로 작성합니다.

Naming

• Variable names : 변수가 존재하는 목적을 토대로 한 단어로 표현하여야 합니다.
• Boolean names : true or false 를 나타내기에 이름 앞에 is 또는 are을 넣습니다.
• Function names : 일반적으로 시작을 countNumber 등과 같이 동사로 시작합니다. 즉, 해당 함수가 어떤 역할을 수행하고 입력값과 출력값이 무엇일지 이름만 봐도 추측할 수 있는 이름이 좋은 함수명입니다.
• Capital letters in variable names : 생성자 함수 혹은 변수가 포함된 class 명에 첫글자를 대분자로 표현합니다. 또한, 일정한 값을 갖는 상수의 이름을 정할 때 이름 전체를 대분자로 활용합니다.
• 줄임말은 지양, foo, div 등 의미 없는 단어는 사용 X
• 반복되는 Operator는 변수로 설정하면 보다 가독성이 좋아집니다.

function User() {
}

const MAX_VALUE = 100;

Symbols / punctuation (prettier 기능 사용)

• 문법적으로 생략이 가능한 경우에도 중괄호를 생략하면 안됩니다. (If, for문 등)
• Quoting : 큰 따음표보다는 작은 따음표를 사용하세요. HTML은 태그 속성에 주위에 큰 따옴표를 붙이기 때문입니다.