TS 실습환경 구축하기

기본적인 타입스크립트가 동작되는 환경을 만들기 위한 절차를 정리해보았다.

node.js package 초기화

우선 node.js package를 초기화 해줘야한다.

npm init

터미널에 입력하게 되면, 패키지 명같은 추가 정보를 입력하라고 나오는데 enter를 눌러 다음으로 계속 넘어가주면 된다.

그러면 package.json 파일이 생성된다.

types/node 설치

types/node는 type에 대한 내장기능을 제공하는 패키지이다.

npm i @types/node

터미널에 입력하게 되는 package.json의 dependencies에 type/node가 설치되어 있는 것을 확인할 수 있다.

typeScript 패키지 설치

typescript의 컴파일러를 사용하기 위해 지금 사용하는 로컬환경에 전역적으로 typescript를 설치해줄거다.

sudo npm install typescript -g

위의 명령어로 전역적으로 typescript를 설치해줄 수 있다.
명령어 실행 후 타입스크립트가 잘 설치되었는지 확인해보려면

tsc -v
// Version 5.3.3

tsc -v 명령어로 현재 설치되어있는 타입스크립트의 버전이 몇인지 확인할 수 있다.

typeScript Compile

타입스크립트를 바로 사용하여 웹을 동작시킬 수는 없다.
그렇기 때문에 타입스크립트 코드를 자바스크립트로 컴파일해주는 작업이 필요하다.

tsc src/index.ts // ts파일의 경로

tsc와 컴파일하고자 하는 파일의 경로를 적고 실행시켜주면, 해당 폴더에 ts파일이 아닌 js파일이 생성되는 것을 확인할 수 있다.
타입스크립트의 컴파일러가 해당 ts파일을 js파일로 컴파일 해 준 결과이다.

typeScript 실행

타입스크립트를 컴파일 없이 바로 실행시키기 위해서는

sudo npm i -g tsx

우선 tsx를 설치해준다.
기존에는 ts-node를 사용했었는데 23년 12월 기준 node 20버전 이상에서는 ts-node는 더이상 동작하지 않는다.
그래서 tsx를 사용하면 된다.

실행은

tsx src/index.ts

tsx명령어와 함께 실행시키고자하는 ts파일의 경로를 적어주고 실행하면 해당 파일이 실행되는 것을 확인할 수 있다.