TypeScript 기본

⬛ TypeScript란 ?

 → MS에서 만든 자바스크립트의 상위호환 언어이다.

 → 자바스크립트 기본 문법에 타입스크립트 문법을 추가한 언어이다.

 → 함수, 인자, 리턴값에 타입을 지정할 수 있다.

 → 코드에 목적을 명시하고 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그를 사전에 제거한다.

 → 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다.

 → 반대로 번거롭고 코드량이 증가해 컴파일 시간이 오래 걸린다.

자바스크립트	타입스크립트
동적 타입의 인터프리터 언어	정적 타입의 컴파일 언어

 

⬛ TypeScript 코드 컴파일

npm install -g typescript

 → npm을 사용하여 타입스크립트 컴파일러를 전역에 설치한다.

 

tsc --init

 → tsconfig.json 생성.

 

tsc 파일명.ts

 → 타입스크립트 컴파일러는 자바스크립트 파일로 트랜스파일링 한다. (같은 파일명의 .js파일 생성)

 

tsc -w
tsc --watch

 → ts파일을 저장할 때 마다 자동으로 컴파일한 뒤 js파일을 실행해주도록 하는 기능.

 

 },
  "exclude": ["node_modules"]
}

 → tsconfig.json 파일에 추가. (exclude ↔ include)

1. "exclude": ["파일명.ts"] → 해당 파일 컴파일 과정에 포함하지 못하게 설정. (js파일 생성안함.)
2. "exclude": ["*.dev.ts"] → 이런 패턴의 모든 파일을 포함하지 못하게 설정.
3. "exclude": ["**/*.dev.ts"] → 이런 패턴의 모든 폴더에 해당하는 파일을 포함하지 못하게 설정.