Static Type Layer

JavaScript와 TypeScript 차이

TypeScript는 JavaScript 위에 타입 검사 계층을 더해 실행 전에 잘못된 값 사용과 함수 계약 위반을 더 빨리 발견하게 합니다.

Write TS타입과 코드 작성
Type Check계약 검사
CompileJS로 변환
Run브라우저/Node 실행
01

실행 언어

브라우저와 Node가 직접 실행하는 것은 최종 JavaScript입니다.

02

타입 검사

TypeScript는 실행 전에 값의 형태가 맞는지 확인합니다.

03

컴파일 단계

타입 정보는 주로 개발 단계에서 사라지고 JavaScript로 변환됩니다.

04

개발 경험

자동완성, 탐색, 리팩터링 지원이 커져 큰 코드에서 유리합니다.

차이를 보는 기준

  • 런타임 동작은 JavaScript 규칙을 따르므로 JS 기초가 여전히 중요합니다.
  • 타입은 버그를 모두 없애는 도구가 아니라 변경 위험을 줄이는 도구입니다.
  • 처음에는 함수 인자와 반환값부터 타입을 붙이면 효과를 빨리 느낍니다.

비교

JS동적 타입
TS정적 검사
Compile변환
IDE지원 강화