타입스크립트 프로젝트 시작하는 방법(라이브러리 설치와 TSC)

# 타입스크립트 설치
$ npm i typescript -g

# 타입스크립트 파일 컴파일 -> js파일로 컴파일 된다
# 이 과정이 반복되기 때문에 웹팩 등으로 자동화 환다
$ tsc *파일명.ts*

타입스크립트 설정 파일

tsc 명령어는 컴파일 명령어인데 컴파일 할 때 옵션을 설정할 수 있다.

파일명을 tsconfig.json으로 만든 후 각종 옵션을 추가한다.

{
  "compilerOptions": {
    "allowJs": true,
    "checkJs": true,
    "noImplicitAny": true
  }
}

참고로 위 속성 중, "noImplicitAny": true는

// 아래 인자중에 a 처럼 any라도 넣어달라고 하는 속성이다
function sum(**a: any**, b: number): number {
	return a + b;
}

관련 공식 문서 페이지

https://www.typescriptlang.org/tsconfig

타입스크립트 플레이그라운드 사이트 소개

https://www.typescriptlang.org/play/

왼쪽에 ts 코드를 입력했을 때 오른쪽에 js 로 변환된 코드를 확인할 수 있게 해주는 페이지이다.

Class 로 작성된 코드도 위 이미지처럼 변환 되는 것을 확인할 수 있다.