tsserver (IDE 등에서 사용하는 도구)

VSCode와 같은 IDE에서 utils.ts와 같은 .ts 파일을 열어보셨나요?

add 함수의 두 번째 인자에 빨간줄이 표시되며, 마우스를 올리면 타입 오류 메시지가 나타납니다. 또한 PROBLEMS 탭에도 해당 오류가 표시됩니다.

VSCode와 같은 IDE가 어떻게 타입 오류를 자동으로 감지하고, 사용자에게 안내해줄 수 있을까요?

이 기능을 수행하는 것이 바로 tsserver라는 프로그램입니다. tsserver는 타입스크립트 코드를 분석하고 타입 오류를 검사하며, IDE와 통신하여 타입 오류를 표시하고 코드 자동완성, 코드 리팩토링 등의 기능을 제공합니다.

tsc와 마찬가지로 tsserver도 typescript 패키지에 포함되어 있으며, VSCode에는 기본적으로 내장되어 자동으로 동작합니다. .ts 파일뿐만 아니라 .js 파일도 tsserver가 분석하고 타입 오류를 검사해줍니다. 일반적으로 우리가 tsserver를 직접 쓸 일은 없습니다.