TypeScript

 

TypeScript

 

타입스크립트란?

• 자바스크립트에 타입을 부여한 언어로 기존 자바스크립트 문법을 그대로 사용할 수 있으며, 컴파일 시 에러를 잡을 수 있다.
• 마이크로소프트에서 자바스크립트의 단점을 보완해 개발/관리되고 있는 오픈소스 프로그래밍 언어이다.
• 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해 주는 컴파일 과정이 필요하다.

 

타입스크립트 사용 이유

1. 에러 예방

타입스크립트는 타입을 부여하기 때문에 코드 작성 시에 알맞지 않은 타입을 넣거나, 타입을 넣지 않았을 경우 사전에 오류를 확인할 수 있다.

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

sum(10, 20) // 30
sum('10', '20') // 1020

• 위 코드는 자바스크립트 문법상 어떠한 문제도 없으므로 실행된다.
• ⇒ 변수나 반환값의 타입을 사전에 지정하지 않는 자바스크립트의 동적타이핑에 의해 코드가 실행된다.

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

sum('10', '20')

• 타입스크립트는 정적 타입을 지원하므로 컴파일 단계에서 오류를 포착하여 에러를 예방할 수 있다.

 

2. 실행 속도

자바스크립트는 동적 타입으로, 런타임(실행) 시 타입을 결정해서 적용한다.

하지만 타입스크립트는 정적 타입으로, 사람이 코드 작성 시 오류를 체크하고 타입을 미리 결정하기 때문에 컴퓨터가 할 일을 줄여 실행 속도가 빠르다는 장점이 있다.

 

3. 코드 가이드 및 자동 완성

타입스크립트는 타입이 지정되어 있기 때문에 VSCode에서 해당 타입에 대한 API를 미리보기로 띄워줄 수 있고 tab으로 빠르고 정확하게 작성할 수 있다.