2. TypeScript - 실행

실제로 TypeScript의 문법에 대해 들어가기 이전에, ts파일을 어떻게 실행시키는지 먼저 간단하게 알아보자.

 

---

TS파일은 JS가 사용가능한 모든 곳에서 다 사용이 가능하다. 

하지만, ts파일을 바로 브라우저나 node에서는 완전히 읽어내지 못한다.

즉, tsfile -> js로 변환 해줄 필요가 있다는 것이다.

 

 

1. node에서 ts파일

npm i -g ts-node

 

 

자, ts-node를 npm을 통해 설치해주자. 

 

그리고 지금까지 해왔던 node main.ts형식이 아닌

ts-node main.ts 로 하면 정상적으로 node환경에서 ts파일을 띄울 수 있다. 

 

2. 브라우저에서 ts파일

//typescript 설치
npm i typescript
//ts-> js로 컴파일
tsc {fileName}.ts

 

우선, TypeScript를 npm에서 설치하고, 위 명령어를 통해 js로 변환 시킬 수 있다.
그리고 그 변환된 js파일을 브라우저에 띄울 수 있다. 

 

하지만, ts파일에서 변화가 생길때 마다 tsc main.ts를 해줘야 js파일에 반영이 된다. 매우 귀찮다...

 

tsc main.ts -w

 

형식을 통해 watch모드로 실행 시킬 수 있다. 이 방법을 통해, 매번 커맨드를 입력하지 않아도 된다.

 

 

 

물론, 위의 방식은 TS 문법을 간단하게 테스트 하기 위해 사용하는 방법이다. 더 큰 프로젝트에서 어떻게 설정하는지는 차차 알아가도록 하자.