TypeScript 컴파일 흐름

JavaScript는 바로 실행, TypeScript는 한 단계 더

타입 안정성은 컴파일 시점에 얻고
실제 실행은 자바스크립트 런타임이 맡습니다.

1 입력

TypeScript 코드

타입 선언이 포함된 원본입니다. 이 상태로는 브라우저나 Node.js가 바로 실행하지 못합니다.

const user: string = "Kim";
console.log(user);

2 tsc

`tsc`는 코드를 자바스크립트로 바꾸기 전에 타입 문제를 먼저 확인하고, 실행용 코드만 남깁니다.

1 타입 검사: 잘못된 타입 사용을 실행 전에 바로 잡습니다.

2 타입 표기 제거: `: string` 같은 표기는 실행 코드에서 빠집니다.

3 JavaScript 출력: 런타임이 이해할 수 있는 순수 JavaScript를 만듭니다.

3 실행

최종 실행 대상은 항상 JavaScript입니다. 그래서 기존 브라우저 환경과 Node.js 생태계를 그대로 활용할 수 있습니다.

const user = "Kim";
console.log(user);