편집기를 사용하여 타입 시스템 탐색하기

타입스크립트를 설치하고 나면 다음의 두 가지를 실행할 수 있습니다.

  • 타입스크립트 컴파일러(tsc) : 일반적으로 사용하는 것
  • 타입스크립트 서버(tsserver) : 백그라운드 상에서 타입스크립트 컴파일러를 동작시킬 수 있는 일종의 툴
    • 여기에 따르면, VS Code는 자체적으로 tsserver를 통한 TypeScript의 언어 서비스를 지원하고 있습니다.

우리는 타입스크립트의 "언어 서비스"를 사용할 수 있는데, 이는 보통 에디터를 통해서 이루어지며, 별도로 타입스크립트 서버를 구축해서 이를 제공할 수도 있습니다. "언어 서비스"에는 코드 자동완성, 명세(사양, Specification) 검사, 검색, 리팩토링이 포함됩니다.

타입스크립트를 제대로 활용하기 위해서는 이러한 언어 서비스를 적극적으로 활용하는 것이 좋습니다. VS Code 상에서 이를 활용하는 방법에 있어서는 여기를 살펴봅시다.

에디터를 통하여 타입스크립트의 타입 시스템에 익숙해지기 위해 다음과 같은 방법들을 활용하는 것이 좋습니다.

  • 변수 위에 마우스 커서를 대면 TS가 해당 타입을 어떻게 판단하고 있는지 확인할 수 있습니다.
  • 에디터 상에서 발생하는 타입 에러를 살펴볼 수 있습니다.
  • TS가 동작을 어떻게 모델링하는지 파악하기 위해선 타입 선언 파일을 찾아보는 것이 좋습니다.