1. 소스파일

• React Component를 정의한 파일은 PascalCase 로 적습니다.
• React Component를 포함하고 있지 않다면 camelCase 로 파일을 정의합니다.

2. 형식

• 변수명이 조금 길어져도 줄임말은 지양합니다.

  // BAD
  const 함수 = (msg) => { }
  
  // GOOD
  const 함수 = (message) => {}
  

• 작은 따옴표를 기본으로 사용합니다.

• 들여쓰기는 2칸 을 사용합니다.

• 중첩 레벨을 가능한 억제합니다.

  // BAD
  for (int i = 0; i < 10; i++) {
  	if (i % 2 === 0) {
  		console.log(i);
  	}
  }
  
  // GOOD
  for (int i = 0; i < 10; i++) {
  	if (i % 2 !== 0) {
  		continue;
  	}
  	console.log(i);
  }
  

3. 타입

• interface : object, class의 모양을 특정하는 경우 사용

• type : 그 외 사용

• any 타입을 사용하지 않습니다.

  • 가급적 제네릭 타입을, 그것도 안되면 unknown 타입을 사용해야 합니다.

  // BAD 👎
  function print(value: any) { ... }
  
  // GOOD 👍
  function print<Value>(value: Value) { ... }
  function print(value: unknown) { ... }
  

• 제네릭을 사용할 때 T, U, V 같이 한 문자가 아닌 명시적인 이름을 사용합니다.

  // BAD 👎
  function print<T>(value: T) { ... }
  
  // GOOD 👍
  function print<Value>(value: Value) { ... }
  

4. 변수

• file-scope 상수는 UPPER_CASE로 적습니다.
• 그 외에는 모두 camelCase로 적습니다.
• Boolean names : true, false를 나타내기 때문에 is, has, can를 사용합니다.