TypeScript - 타입스크립트 기초

자바스크립트 종류에는 표준 자바스크립트인 ES5, 흔히 ES6으로 알고 있는 ESNext, 그리고 ESNext에 타입(Type)을 추가한 TypeScript 총 세 가지가 있습니다.

 

ES5, ESNext (ES6), TypeScript 순으로 포함관계에 있습니다.

 

 

ES5는 ESNext의 소집합이므로 ESNext는 ES5의 모든 문법을 포함하고 마찬가지로 TypeScript는 ESNext의 모든 문법을 포함합니다.

---

TypeScript 사용 이유

 

자바스크립트의 장점 중 하나는 유연성입니다. 대표적으로 여려번 재할당, 재선언이 가능한 var 변수, 암묵적 변환이 자주 일어나는 매개변수 전달 등이 있는데, 이러한 유연성이 프로젝트의 규모가 커짐에 따라서 단점이 되어 변수값이 예측불가능해지고 에러 처리가 어려워지게 합니다.

 

그리하여 TypeScript로 타입을 강제하여 값이 예측불가능해지는 문제를 막고 코드 실행 전 타입 에러를 출력시켜 에러 처리를 사전에 막습니다.

 

자바스크립트는 동적 타입 언어로 런타임에서 타입 오류를 확인합니다.

타입스크립트는 정적 타입 언어로 코드 작성 단계에서 타입 오류를 확인합니다.

이 때문에 코드 실행 전에 타입 오류를 찾아 에러 방지가 가능합니다.

---

트랜스파일 (Transpile)

 

상위 버전의 코드를 하위 버전의 환경에서도 작동하도록 하위 버전의 코드로 변경하는 것을 트랜스파일링(transpiling)이라고 부릅니다.

ESNext 자바스크립트 코드는 바벨(Babel)이라는 트랜스파일러(transpiler)를 거치면 ES5 자바스크립트 코드로 변환됩니다. 이와 비슷하게 타입스크립트 코드는 TypeScript Compiler라는 트랜스파일러를 통해 ES5 자바스크립트 코드로 변환됩니다.