기억 휘발 방지소

[TypeScript] Node.js에서 TypeScript 실행하기 본문

Web/TypeScript

[TypeScript] Node.js에서 TypeScript 실행하기

choice91 2022. 2. 8. 18:54
728x90
반응형

✔️ TypeScript 설치

타입스크립트를 사용하기 위해서는 먼저 typescript를 설치해야한다.

npm i typescript
혹은
npm install typescript

 

✔️ TypeScript로 코드 작성

먼저 간단한 코드를 작성했다. 파일은 .ts로 만들었다.

// app.ts
console.log("Hello TypeScript");

'node app.ts'를 하면 실행이 된다.

위에 코드는 실행이 된다. 하지만 node가 TypeScript를 실행시킨 것이 아니라 JavaScript로 인식하고 실행을 시킨 것이다.

 

다음 코드도 실행해보자

 

let age: number;
age = 30;
console.log(age);  // SyntaxError: Unexpected token ':'

위에 코드도 실행될까?

답은 실행되지 않는다!

 

그럼 어떻게 TypeScript로 작성한 코드를 실행시킬 수 있을까?

두 가지 방법이 있다.

  1. ts-node를 사용하여 TypeScript 파일 자체를 실행하기
  2. JavaScript로 컴파일 후 실행

 

✔️ ts-node

ts-node는 TypeScript 코드를 JavaScript로 컴파일하지 않고 직접 실행시키는 라이브러리이다.

'npm i ts-node' 혹은 'npm install ts-node'로 설치할 수 있다.

 

✔️ JavaScript로 컴파일 후 실행

typescript를 설치하면 tsc 명령어를 사용할 수 있다.

'tsc 파일명'를 입력하면 '파일명.js'파일이 같은 폴더 경로에 생성되고 생성된 파일을 실행시키면 된다.

 

또는 다음과 같은 방법도 있다.

tsc --init

을 실행하면 tsconfig.json 파일이 생성되고 원하는대로 설정을 수정하고 tsc를 입력하면 된다.

tsc를 입력하면 tsconfig.json에서 rootDir에 있는 경로에 있는 .ts 파일들을 컴파일하게 되고 outDir을 지정하면 .js파일이 지정한 디렉토리에 위치한다.

728x90
반응형