개발 환경 설정

개발 환경 기준 맞추기

Node.js, 패키지 관리자, tsc, VS Code가 같은 프로젝트 설정을 바라봐야 타입 오류를 코드 문제와 환경 문제로 구분할 수 있습니다.

런타임

Node.js 확인

npm 또는 yarn이 동작하는 기준을 먼저 세워 타입스크립트 패키지를 설치할 준비를 합니다.

node -v
컴파일러

tsc 설치

전역 설치와 프로젝트 설치의 차이를 이해하고, 현재 프로젝트에서 쓰는 버전을 확인합니다.

npx tsc
에디터

VS Code 연결

TypeScript 서버가 tsconfig.json을 읽어 자동완성과 오류 표시를 제공하는지 점검합니다.

tsserver
프로젝트

초기 파일 구성

src, tsconfig.json, 출력 폴더의 역할을 나누면 첫 컴파일 오류를 추적하기 쉽습니다.

tsconfig.json