1. 컴파일러

타입스크립트는 런타임이 존재하지 않고 컴파일러가 존재한다. ts -> js로 변환하여 실행할 수 있다.

2. TypeScript를 실행하는 두 가지 방법

2-1. tsc(typeScript compiler) 컴파일러

• typeScript를 javaScipt로 변환하며 실행하는 방법이다.
• tsc란, typeScript Compiler의 약자로, typeScript는 정적 타입을 지원한다.
• tsc명령어를 사용할 수 있는 방법은 ts컴파일러(typescript패키지)를 설치하고 올바른 환경 설정을 하는 것이다.
  • 프로젝트별로 ts를 관리하고 싶을 때 사용하는 방법: npm install --save-dev typescript
  • 전역이 아닌 프로젝트 단위에서의 ts파일을 실행하기 위한 명령어로는 npx tsc index.ts가 있다.
    • npx: node.js의 패키지 관리자인 npm과 함께 제공되는 도구로 프로젝트의 실행 범위(scope)를 자동으로 설정해 주는 역할을 한다.
  • 여러 프로젝트에서 동일한 타입스크립트 버전을 사용하려면 global으로 설치하는 방법: npm install -g typescript
  • 설치 후 어디서든 tsc명령어를 사용할 수 있다.
    코드 실행 예시: tsc index.ts

// index.ts
let str:string = "hihi~";
console.log(str);

// index.ts 파일 실행 명령어
tsc index.ts // ts가 전역에 설치된 경우
npx tsc index.ts // ts를 프로젝트별로 관리하는 경우

위의 코드를 실행한다고 가정할 때, type script를 실행하기 위해선 브라우저가 ts를 읽지 못하기 때문이다. 런타임 환경이 이해할 수 있는 언어는 javaScript로 웹 브라우저는 js만을 이해하고 실행할 수 있다.

Runtime?

• 프로그램이 작성된 코드를 해석하고 실행하는 시점
• 일반적으로 프로그래밍에서 말하는 런타임 에러는 이 단계에서 발생하는 에러를 의미한다.

Compile time

• 컴파일 타임은 코드를 컴파일러가 읽고 이해하여 실행 파일을 생성하는 시점