필요한 도구

TypeScript 개발에 필요한 도구는 두 가지입니다.

• Node.js: TypeScript를 컴파일하고 실행하는 런타임
• VS Code: TypeScript를 작성하는 에디터

Node.js 설치

Windows

1. https://nodejs.org 에 접속합니다
2. LTS 버전(22.x)을 다운로드합니다
3. 설치 파일을 실행하고, 기본 설정으로 설치합니다

macOS

Homebrew가 설치되어 있다면 터미널에서 다음 명령어를 실행합니다.

brew install node@22

Homebrew가 없다면 https://nodejs.org 에서 직접 다운로드합니다.

설치 확인

터미널(Windows는 명령 프롬프트 또는 PowerShell)을 열고 다음 명령어를 실행합니다.

node --version

v22.x.x와 같은 버전 번호가 출력되면 성공입니다.

npm(Node Package Manager)도 함께 설치되었는지 확인합니다.

npm --version

VS Code 설치

다운로드 및 설치

1. https://code.visualstudio.com 에 접속합니다
2. 운영체제에 맞는 버전을 다운로드합니다
3. 설치 파일을 실행하고, 기본 설정으로 설치합니다

필수 확장 프로그램

VS Code를 설치한 후, TypeScript 개발에 유용한 확장 프로그램을 설치합니다.

VS Code 왼쪽 사이드바에서 확장(Extensions) 아이콘을 클릭하고, 다음 확장 프로그램을 검색하여 설치합니다.

Error Lens는 특히 추천합니다. TypeScript의 에러 메시지를 에디터 화면에서 바로 확인할 수 있어 학습에 큰 도움이 됩니다.

TypeScript 전역 설치

TypeScript 컴파일러(tsc)를 전역으로 설치합니다.

npm install -g typescript

설치가 완료되면 버전을 확인합니다.

tsc --version

Version 5.8.x와 같은 버전 번호가 출력되면 성공입니다.

tsx 설치

이 책에서는 TypeScript 파일을 빠르게 실행하기 위해 tsx를 사용합니다.

npm install -g tsx

설치 확인을 합니다.

tsx --version

tsx는 TypeScript 파일을 컴파일 없이 바로 실행할 수 있게 해주는 도구입니다. 학습 과정에서 매우 편리하게 사용할 수 있습니다.

설치 확인 정리

모든 도구가 정상적으로 설치되었는지 한 번에 확인합니다.

node --version    # v22.x.xnpm --version     # 10.x.xtsc --version     # Version 5.8.xtsx --version     # tsx v4.x.x

네 가지 도구의 버전이 모두 출력되면 개발 환경 준비가 완료된 것입니다.