TypeScript Guidebook
  • TypeScript 가이드북
  • 소개
    • TypeScript를 사용하는 이유
  • 환경 구성 / CLI
    • 컴파일 설정
    • 린팅
    • IDE / 에디터
    • Google TypeScript Style
    • TSDX
  • 타입
    • primitive 타입
    • any 타입
    • array 타입
    • tuple 타입
    • enum 타입
    • function / union / void 타입
    • object 타입
    • null / undefined 타입
    • never 타입
    • 사용자 정의 타입
    • 타입 어설션
  • TS vs ES6
    • 블록 영역 변수, 상수 선언
    • 템플릿 리터럴
    • 화살표 함수
    • 전개 연산자 / 매개변수
    • 비구조화 할당
  • 클래스
    • 속성 with 접근 제어자
    • 메서드 with 접근 제어자
    • 상속
    • 게터 / 세터
    • 스태틱 속성, 메서드
    • 추상 클래스
    • 싱글턴
    • 읽기전용 속성
  • 네임스페이스와 모듈
    • 네임스페이스
    • 네임스페이스 멀티 파일
    • 네임스페이스 중첩
    • 모듈
    • 모듈 번들링
  • 인터페이스
    • 인터페이스와 클래스
    • 인터페이스와 매개변수
    • 인터페이스와 객체 리터럴
    • 인터페이스 옵션 속성
    • 인터페이스 읽기 전용 속성
    • 인덱스 시그니처 속성
    • 인터페이스와 함수타입
    • 인터페이스 확장
  • 제네릭
    • 제네릭과 클래스
    • 제네릭과 함수
    • 멀티 타입 설정
    • 타입 변수 상속
  • 데코레이터
    • 데코레이터 / 팩토리
    • 데코레이터 구성
    • 클래스 데코레이터
    • 메서드 데코레이터
    • 접근 제어자 데코레이터
    • 속성 데코레이터
    • 매개변수 데코레이터
Powered by GitBook
On this page
  • GTS로 프로젝트 시작하기
  • GTS 명령 목록
  • 개별 파일 명령
  1. 환경 구성 / CLI

Google TypeScript Style

Google의 TypeScript 스타일 가이드 도구 → GTS

PreviousIDE / 에디터NextTSDX

Last updated 4 years ago

는 Google의 TypeScript 스타일 가이드이며 포맷터(formatter), 린터(linter), 자동 코드 수정(automatic code fixer)의 구성(configuration)입니다. 이 구성을 사용해 TypeScript 프로젝트를 손쉽게 시작할 수 있습니다.

GTS로 프로젝트 시작하기

GTS를 사용해 프로젝트를 시작하는 방법은 다음과 같이 간단합니다.

npx gts init

앞서 작성한 명령은 TypeScript 프로젝트 설정에 필요한 tsconfig.json, .eslintrc.json , .prettierrc.js 파일을 생성하고, package.json 파일을 만든 후 (설치 과정 옵션 질문에 Y 답변 시), 의존 패키지까지 설치합니다.

.
├── src/
│   └── index.ts        # 엔트리 파일
├── .eslintignore       # ESLint 제외 항목
├── .eslintrc.json      # ESLint 구성
├── .prettierrc.js      # Prettier 구성
├── tsconfig.json       # TypeScript 구성
├── package.json
└── package-lock.json

GTS 명령 목록

GTS는 다음 명령을 제공합니다. (package.json 파일 scripts 참고)

명

설명

npm run compile

TypeScript 컴파일러를 사용하여 소스 코드를 컴파일합니다.

npm run lint

TypeScript 린팅을 통해 타입 문제를 확인합니다.

npm run fix

가능한 경우, TypeScript 린팅 문제를 자동으로 수정합니다.

npm run clean

출력된 결과물을 모두 제거합니다.

개별 파일 명령

디렉토리(폴더) 단위가 아닌, 개별 파일 단위로 명령을 실행할 수도 있습니다.

npx gts lint index.ts 
npx gts lint one.ts two.ts three.ts 
npx gts lint *.ts
GTS
GitHub - google/gts: ☂️ TypeScript style guide, formatter, and linter.GitHub
Logo