JavaScript를 보완한 언어 TypeScript

TypeScript?

TypeScript는 JavaScript의  MS에서 만든 상위언어이며, 구문(Syntax)과 런타임 특성(Runtime Behavior)을 공유하고, 타입(Type)을 부여하여 기존 JavaScript 에서 느슨하게 짜여진 코드로 발생하기 쉬운 오류를 사전에 예방이 가능하다. TypeScript를 브라우저에서 실행하기 위해서는 파일을 변환(Compile)해줘야한다.

 

구문(Syntax) : 구문은 프로그램을 만들기 위해 코드를 작성하는 방법을 의미한다. TypeScript 는 JavaScript의 구문을 허용하는 상위 언어이다. 그렇기 때문에 JavaScript 코드를 TypeScript 파일에 넣어도 잘 작동한다.

 

런타임 특성(Runtime Behavior) :TypeScript는 JavaScript의 런타임 특성을 가진 언어이며, JavaScript 코드의 런타임 특성을 변화시키지 않는다. TypeScript 기존 코드에  타입 오류가 있음을 알아도 JavaScript 코드를 TypeScript로 이동시키는 것 같은 방식으로 실행시킬 것을 보장한다.

 

TypeScript를 왜 써야하는지?

에러의 사전 방지

//JavaScript
function sum(a,b) {
  return a + b;
}

//TypeScript
function sum(a: number, b: number) {
  return a + b;
}

 

두 코드는 숫자의 합을 구하는 함수코드이다. JavaScript에서는 타입에 관대하여 인자 a와 b가 Number타입이던 String타입이던 계산된 결과 값을 보여주게된다.

반면 TypeScript에서는 아래 이미지와 같이 사전에 에러 발생 위험을 예방해준다.

 

코드 자동 완성과 가이드를 통한 생산성 향상

TypeScript는 MS에서 제작되어 Visual Studio Code 같은 개발 툴의 기능을 최대한 활용할 수 있다. VSC내부가 TypeScript로 작성되어있어 TypeScript 개발에 유리하다.

TypeScript 시작하기

 

전역(Global) 설치

npm i -g typescript 

yarn global add typescript

 

로컬(Local) 설치

npm i typescript --save-dev

yarn add typescript --dev

 

 

ref : "TypeScript 번역본", "핸드북"