javascript 스타일 가이드

1. tab 대신 space 2칸 사용
2. 세미콜론 필요
3. 수평 정렬 권장 ❌ (금지는 아님)
4. var 사용 ❌ (const, let 사용)
5. 화살표 함수 사용
6. 템플릿 리터럴 사용

// bad
function sayHi(name) {
  return 'How are you, ' + name + '?';
}
// bad
function sayHi(name) {
  return ['How are you, ', name, '?'].join();
}
// bad
function sayHi(name) {
  return `How are you, ${ name }?`;
}

// good
function sayHi(name) {
  return `How are you, ${name}?`;
}

7. 줄 연속 (백슬래시로 문자열 리터럴 내부의 줄 끝) 사용 금지
8. for ... of 루프는 배열에 적합, for ... in 루프는 객체에 적합
9. eval 또는 function(…string) 생성자 사용 금지

// bad
let obj = { a: 20, b: 30 };
let propName = getPropName();  // returns "a" or "b"
eval( 'var result = obj.' + propName );

// good
let obj = { a: 20, b: 30 };
let propName = getPropName();  // returns "a" or "b"
let result = obj[ propName ];  //  obj[ "a" ] is the same as obj.a

10. 상수는 ALLUPPERCASE(대문자 + )로만 명명한다
11. 모든 지역 변수 선언은 하나의 변수만 선언한다

// bad
let a = 1, b = 2, c = 3;

// good
let a = 1;
let b = 2;
let c = 3;

12. 큰 따옴표 대신 작은 따옴표 사용하기