[01] TypeScript란

Type script?

• 타입스크립트는 자바스크립트에 타입을 부여한 언어
• 자바스크립트의 확장된 언어
• 자바스크립트는 동적 타입 언어(dynamic type language)이기 때문에 런타임 속도는 빠르지만 타입 안정성이 보장되지 않는다

TypeScript의 장점

• 정적 타입 언어이기 때문에 컴파일 시 시간이 조금 걸리더라도 안정성을 보장한다는 점
• 타입스크립트는 타입을 선언하기 때문에 자바스크립트에 모호하게 사용되던 타입을 제어할 수 있게 되어 훨씬 더 간편하게 에러를 잡을 수 있게 한다
• 무료 IDE에서도 강력한 기능을 제공한다

TypeScirpt의 단점

• 자바스크립트에 비해 초기 세팅이 까다롭다
• 타입스크립트는 자바스크립트 보다 코드를 더 많이 작성해야 한다
• 코드의 가독성이 떨어진다
• 규모가 커지면 커질수록 귀찮은 타입 설정

컴파일 세부설정

타입스크립트 컴파일러 설치
npm i -g typescript

• 타입스크립트 컴파일러 설치

tsc -w

• js파일 ts로 자동변환

컴파일시 세부설정

1. tsconfig.json 생성
2. json파일 setting

  "compilerOptions": {
      "strict": true,
      "module": "commonjs",
      "moduleResolution": "node",
      "lib": ["es2015","es2016","es2017","es2018","es2019","es2020"],
      "target": "ES5",
      "outDir": "./dist",
      "esModuleInterop": true
  },
  "exclude": ["node_modules"],
  "include": ["src/**/*"]
} 

• 자세한 설정은 검색