TS to JS

첫 TypeScript 실행 흐름

첫 TypeScript 프로그램은 변수와 함수에 타입을 붙이고, tsc로 검사와 변환을 거친 뒤 JavaScript 결과를 실행하며 확인합니다.

Write TS타입 있는 코드
Type Check계약 확인
Emit JSJavaScript 생성
RunNode로 실행
01

타입 주석

변수, 매개변수, 반환값에 기대하는 값의 형태를 명확히 적습니다.

02

함수 계약

입력과 출력 타입이 맞지 않으면 실행 전에 오류를 발견합니다.

03

컴파일

TypeScript 코드는 JavaScript로 변환되어 실제 실행됩니다.

04

실행 확인

생성된 JS 파일을 Node나 브라우저 환경에서 실행해 결과를 봅니다.

초기 습관

  • 타입 오류를 지우려고 any부터 쓰기보다 값의 실제 형태를 먼저 좁힙니다.
  • 컴파일 결과 파일과 원본 TS 파일을 구분해 수정합니다.
  • 함수 반환 타입을 명시하면 예상과 다른 반환을 더 빨리 잡을 수 있습니다.

작업 단위

.ts원본
type계약
tsc변환
.js실행