23.08.05 TIL

타입스크립트 는 자바스크립트를 포함하지만(전문용어로는 슈퍼셋, 합집합), 자바스크립트는 타입스크립트와 호환이 되지 않는다.
그래서 타입스크립트 컴파일러를 사용해서 자바스크립트로 번역(=컴파일)해야 사용할 수 있다.

ts-node를 사용하는 방법

ts-node 는 타입스크립트를 해석할 수 있는 node.js

npx ts-node
let 이름: string = 1
// 파일 해석
npx ts-node index.ts

타입스크립트 컴파일러 설치

// 프로젝트 디렉토리 생성[s]
mkdir hello-ts
cd hello-ts
// 프로젝트 디렉토리 생성[e]

// 프로젝트 열기
code .

// 프로젝트 초기화
npm init -y

// 타입스크립트 번역기 설치
npm i typescript -D

tsconfig.json

{
  "compilerOptions": {
    // 최신 자바스크립트 버전에 맞춰 번역함
    "target": "ESNext",
    // import/export 는 최신 자바스크립트 버전에 맞춘다
    "module": "ESNext",
    // 에러를 만나면 번역하지 않음
    "noEmitOnError": true
  }
}

주석은 제거 후 삽입

타입스크립트 실행

index.ts 는 웹 브라우저에서 바로 동작하지 않기 때문에
자바스크립트로 변환 시켜준다.

npx tsc -w