TypeScript 설치

🎀 설치하기

npm init

1. npm init으로 노드 js 프로젝트를 만든다.

npm install --save-dev-typescript

2. typescript를 devdependencies에 설치한다. (실제 프로젝트에 사용되지 않고 개발 단계에서만 필요한 것이니까 dev에 설치)

npx tsc --init

3. typescript 설정 파일을 만든다.
   tsc는 type script compiler를 의미한다. TS 코드를 JS 코드로 변환해 준다.
   --init은 초기 설정 파일을 생성해준다.

package.json

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },

  "scripts": {
    "build": "tsc"
  },

4. 위 test 부분을 이렇게 변경해 준다.
   TS를 JS로 변경시켜줄 명령어를 설정한 것이다.

console.log("안녕 타입스크립트!");

5. 루트 폴더에 main.ts라는 파일을 생성하고 간단한 코드를 입력한다.

"use strict";
console.log("안녕 타입스크립트!");

6. 터미널에 npm run build를 입력해 보면, main.js라는 파일이 생성되고 위와 같이 컴파일 되어진게 보여질 것이다.

package.json

  "scripts": {
    "build": "tsc",
    "start": "node main.js" // 이 부분 추가
  },

7. JS 파일을 node로 실행시킬 수 있도록 하는 명령어 추가