tsserver란?
tsserver는 Microsoft에서 개발한 인기 프로그래밍 언어인 TypeScript를 위한 language server의 구현입니다. 코드 완성, 코드 탐색, 구문 강조 표시 등 다양한 언어 기능을 코드 편집기 및 language server protocol(LSP)을 지원하는 기타 개발 환경에 제공하는 도구입니다.
tsserver는 LSP를 통해 에디터 또는 개발 환경과 통신하는 독립형 프로세스로 작동하므로 다양한 에디터 및 플랫폼에서 일관된 사용자 경험을 제공할 수 있습니다. 이 프로세스는 TypeScript 코드를 분석하고 개발자에게 오류 및 경고에 대한 실시간 피드백을 제공합니다.
tsserver는 TypeScript 패키지에 포함되어 있으며 LSP를 지원하는 편집기 및 IDE에서 자동으로 사용됩니다. Visual Studio Code, Sublime Text, Atom 등 많은 유명 편집기가 tsserver를 지원하며 사용자에게 TypeScript 언어 기능을 제공합니다.
vsCode에서 tsserver가 어떻게 동작하는가?
Visual Studio Code에서 tsserver는 laguage server로 작동하여 TypeScript 언어 기능을 제공합니다.
동작 순서
-
Visual Studio Code에서 TypeScript 파일을 열면 편집기가 해당 파일에 대한 프로젝트를 초기화하도록 tsserver에 요청을 보냅니다. 이 요청에는 파일 경로와 TypeScript 버전 및 구성 옵션이 포함됩니다.
-
tsserver는 tsconfig.json 파일에서 프로젝트 구성을 읽고 해당 파일에 대한 TypeScript 프로젝트를 설정합니다.
-
편집기에서 입력하면 Visual Studio Code는 코드 완성, 코드 탐색 및 심볼 검색과 같은 기능을 위해 tsserver에 요청을 보냅니다.
-
tsserver는 TypeScript 코드를 분석하고 요청된 정보가 포함된 응답을 편집기로 다시 보냅니다.
-
파일을 저장하면 tsserver가 코드를 다시 확인하고 오류나 경고를 편집기에 보고합니다.
-
리팩터링 또는 모든 참조 찾기와 같은 TypeScript 관련 기능을 사용하는 경우 Visual Studio Code는 해당 작업을 수행하도록 tsserver에 요청을 보냅니다.
전반적으로 tsserver는 백그라운드에서 작동하여 Visual Studio Code에 TypeScript 언어 기능을 제공합니다. 코드가 올바르게 분석되도록 보장하고 더 나은 TypeScript 코드를 작성하는 데 도움이 되는 실시간 피드백을 제공합니다.
