UX·UI - FrontEnd Dev. Story

프론트엔드/typeScript

터미널 이용해서 타입스크립트를 자바스크립트로 변환(컴파일)하는 방법

클로이겅쥬 2021. 11. 24. 17:12
반응형

 

 

 

TypeScript [ 타입스크립트 ] Beginning

- 터미널에서 node를 사용해서 자바스크립트로 컴파일 진행 방법


 

 

1. 터미널에서 "typeScript" 폴더를 만든다

- mkdir typeScript 입력

 

 

2. script.ts 타입스크립트 파일을 만든다.

 

 

 

3. script.js 파일안에 타입스크립트를 작성한 뒤, node script.ts 실행.

 

* 타입스크립트 문법을 사용하고 터미널에서 node script.ts 실행하면 에러가 뜬다.

왜냐면 노드에서 타입스크립트를 다 이해할 수 없기때문이다 (브라우저 환경에서도 마찬가지)

 

 

 

 

 

 

:: 그렇다면 어떻게??

4. 터미널에 tsc script.ts를 실행한다.

- script.js가 생성되면서 노드/브라우저에서 읽히는 자바스크립트로 변환된다.

여기서 node script.js를 실행하면 에러없이 잘 활성화된다.

 

** javaScript 이용한데서 typeScript를 이용할 수 있지만 반드시 컴파일화를 시켜야한다.

 

 

 

 

 

:: 간단하게 공부하고 빠르게 결과값을 확인하고싶을때는 ?

5. 터미널에서 npm install -g ts-node 실행한다.

 

 

6. 터미널에서 ts-node script.ts를 실행하면 바로 터미널에서 타입스크립트를 확인할 수 있다.

- 브라우저에서는 터미널에서 tsc script.ts -w 를 실행하면 script.js 파일을 생성하면서 

script.ts 파일이 업데이트 될때마다 자동으로 업데이트하면서 확인 가능하다.

 

 

 

 

 

반응형