이전 포스트에서 다룬적이 있는 내용이긴 한데, 가독성도 별로고 설명이 조금 부족한 것 같아서 포스트를 다시 작성했습니다.
타입스크립트로 개발하고 실행하기 위해서는 타입스크립트 컴파일러 등의 설치가 필요합니다.
패키지를 설치하기 이전에 다음과 같은 과정을 거쳐 주세요.
Node.js가 설치되어 있어야 합니다. 링크- TS를 사용할 새 폴더 만들기
npm init으로 패키지를 초기화참고로 이 포스트 시리즈에서는
Node.js v18이 사용되었습니다.
@types/node 설치
초기화(npm init)가 완료되었다면, 먼저 @types/node 패키지를 설치합니다.
@type/node 패키지에는 Node.js의 내장 함수 등의 타입 정보들이 담겨있습니다. 그래서 Node.js 기본 기능을 사용할 때 타입 검사과정에서 오류가 뜨지 않게 해줍니다.
npm install @types/node타입스크립트 컴파일러 설치
이제 타입스크립트 컴파일러를 설치해보겠습니다.
npm install -g typescript설치 후 tsc -v로 명령을 쳤을때 버전 정보가 나오면 제대로 설치된 것 입니다.
컴파일러 설정
타입스크립트 컴파일러에 대한 설정은 tsconfig.json파일에 들어가 있습니다. 이 파일에 대한 정보는 이 포스트에서 확인하실 수 있습니다.
타입스크립트 작성
이제 모든 준비가 끝났으니 타입스크립트를 작성할 순서입니다.
타입스크립트 파일의 확장자는 .ts입니다. src 디렉토리를 만들고 거기에 index.ts 파일을 하나 만들었습니다.
console.log('Hello world!');그리고 이 .ts파일을 컴파일하기 위해 다음과 같은 명령어를 작성합니다.
tsc src/index.tstsc 파일명 명령어를 하면 해당 파일을 컴파일하게 됩니다. 컴파일 결과로 .js인 자바스크립트 코드가 생성된 것을 볼 수 있습니다.
이 자바스크립트 코드는 다음과 같이 실행할 수 있습니다.
node src/index.js
이렇게 타입스크립트 프로젝트를 생성하고 실행하는 방법에 대해서 알아보았습니다.
ts-node
그런데 조금 전에 본 코드 실행 방식이 상당히 귀찮지 않나요? 코드 작성 -> tsc 컴파일 -> js 실행 무려 3단계를 거쳐야 합니다.
그래서 이 과정을 간단하게 만들 수 있는 도구를 소개해드리려고 합니다.
ts-node는 위의 과정을 직접 거지치않고, 한 번에 컴파일에서 실행까지 시켜주는 도구입니다.
npm install -g ts-node역시 ts-node -v로 버전이 출력되면 제대로 설치 된 것 입니다.
이제부터는 ts-node명령을 통해 컴파일에서 실행까지 한 번에 수행할 수 있습니다.
