Typescript-1 (install)

요즘 많은 회사에서 Typescript를 사용하고 있다.
왜 typescript를 사용해야할까?
나도 처음에는 Javascript로 괜찮지 않을까? 라는 생각을 했다.
하지만 공부를 하다보니 이걸로 만들어보면 오류를 훨씬 줄일 수 있을 것이라는 생각이 들었다.
써보면 알겠지만 오류를 미리잡을 수도 있고, 마우스만 올려놔도 이 안에 어떤 것을 썼는지가 다 나와서 따로 찾아볼 필요가 없었다.

그래서 오늘은 첫 날이니만큼 간단하게 install에 대해서 정리하려고 한다.
(모든 글은 VScode를 기준으로 한다)

1. 우선 예시를 위해서 main.ts 파일을 만들어보자!

2. console.log를 해보고 아래 terminal 창에서 node main.ts를 해보자!
   => 그런데 node는 JS 실행환경인데 어떻게 TS내용이 정상 출력 되는 것일까??
   그 이유는 console이라는 것이 JS에서도 사용되므로 node가 이해할 수 있기 때문이다!
   

3. 만약 TS 문법을 이용해서 node를 실행하면 error가 발생하는 것을 볼 수 있다.
   => node에서는 TS문법을 다 이해할 수 없다.
   => 또한 브라우저는 TS을 바로 실행 할 수 없으므로 html에서도 script 안에 main.ts를 해봐도 실행할 수 없다.

4. TS를 JS로 변환해줘야한다.

5. tsc main.ts를 해보면 main.js라는 파일이 생성된다.
   => ts 파일을 js로 만들어준다

6. 변환하지 않고 바로 실행 할 수 있도록 할 수도 있다!
   => npm install -g ts-node 설치해보자!
   => ts-node main.ts 를 해보면 js파일이 생성되지 않고, 간편하게 실행 하도록 해준다

7. 하지만 매번 이렇게 하기 힘드니 watch 기능을 사용할 수 있다
   => tsc -w main.ts / or / tsc -watch main.ts
   => JS파일이 만들어지며 자동으로 바뀌는 것을 볼 수 있다!