typescript 정리

2019-11-05

전부터 타입스크립트에 대해서 조금씩 찾아보다가 최근에 chrome-extension 프로젝트에 적용하기로 했다.
타입스크립트에 대해서 이렇게 쓰는게 맞는지 잘 모르겠어서 내용들을 조금씩 정리해보려고 한다.

개요

  • 마이크로소프트에서 개발하고 관리하는 오픈소스 라이브러리
  • 어떤 브라우저, 호스트, 운영 체제에서 작동
  • 자바스크립트의 상위 집합으로 ECMAScript 지원
  • 런타임 환경이 아닌 컴파일 환경에서 타입체크를 해서 오류를 줄여줌

실행과정

  • typescript 코드를 TSC(TypeScript Complier)를 통해서 JavaScript로 변환하며 이때 타입 검사를 한다.
  • JavaScript 코드를 node를 통해서 실행하여 process로 만든다.

타입 제어방법

  • 타입 어노테이션(type annotation)을 이용하여 변수에 타입을 선언

설치 및 환경 세팅

  • 먼저 typescript를 npm 에서 설치한다.
  • 그 외에 프로젝트에 따라 ts-loader나 필요한 라이브러리를 부수적으로 설치한다.

tsconfig.json

  • 타입스크립트를 컴파일 할 때 필요한 설정을 관리