Skip to content

CodingGuidelines:TypeScript

스페이스

2공백을 사용 합니다. 탭이 아닙니다.

이유:

  • 더 많은 JavaScript 팀이 이 작업을 수행합니다 (예: airbnb, idiomatic, standard, npm, node, google/angular, facebook/react).
  • TypeScript, VSCode 팀은 4개의 공백을 사용하지만 생태계에서는 확실히 예외입니다.

세미콜론

세미콜론을 사용합니다.

이유:

  • 명시적 세미콜론은 언어 서식 도구가 일관된 결과를 제공하는 데 도움이 됩니다.
  • ASI(자동 세미콜론 삽입)이 없으면 새 개발자가 문제를 일으킬 수 있습니다. (e.g. foo() \n (function(){}))
  • TC39에서도 권장합니다.

Array

[]대신 Array<T>를 사용.

이유:

  • 읽기가 더 쉽습니다.
  • TypeScript 팀에서 사용합니다.

Dictionary

{} 대신, Record<TK, TV>;를 사용.

참고로 저 Record 는, 

type Record<K extends keyof any, T> = {
    [P in K]: T;
};

이더라

파일 이름

파일 이름은 camelCase로 만든다.

이유:

  • 많은 JS 팀에서 일반적입니다.

큰 따옴표 vs 작은 따옴표

큰 따옴표의 논리:

  • Json과의 통일성

작은 따옴표의 논리:

  • 많은 회사가 사용한다 (airbnb, standard, npm, node, google/angular, facebook/react)
  • Inline-HTML 표현이 좋아진다.
    • 작은 따옴표는 const v = '<input type="text">'; 이지만,
    • 큰 따옴표는 const v = "<input type=\"text\">"; 와 같이 백슬래시(\")를 사용

그래서... 나의 결론은 작은 따옴표 사용하자.

몇 가지 예외로,

See also

Favorite site