TypeScript란?

정의

TypeScript는 Microsoft가 개발 및 유지 관리하고 오픈 소스 프로그래밍 언어입니다.
JavaScript의 모든 구문과 의미를 지원하는 동시에 정적 유형 지정 및 ECMAScript의 상위 집합인 더 풍부한 구문과 같은 몇 가지 추가 기능을 제공합니다.
다음 다이어그램은 TypeScript와 ES5, ES2015, ES2016 간의 관계를 보여줍니다.



Angular 2에서는 JavaScript와 함께 Angular 1.x와 비슷한 방식으로 만들 수 있습니다.
그러나 JavaScript에서 런타임 오류가 발생하면 객체 또는 메서드 이름의 맞춤법 오류와 같은 오류에 대해서만 알 수 있습니다.

코드를 프로덕션에 배포하기 전에 이를 방지하기 위해 많은 단위 테스트를 작성하지만,
웹에서 많은 에러가 발생해도, 웹에서는 그 에러를 내부에서 처리하여 잘 구동시켜, 사용자에게 알리지 않고 처리하는 경우가 많다.
스크립트로 작성하면 오류를 많이 모르지만,

TypeScript는 컴파일러에 의한 코드 오자를 처리하는 정적 타입 지정의 이점을 통해 컴파일 타임에 모든 타입 에러를 알린다.

또, TypeScript의 기본 기능의 하나인 주석을 사용하면 텍스트 에디터와 IDE가 코드에 대해서 보다 좋은 정적 분석을 수행할 수 있다.
이것은 더 나은 리팩토링 도구와 자동 완료 기능을 사용하고 코드를 만드는 동안 실수를 줄임으로써 생산성을 높일 수 있음을 의미합니다.

따라서 Angular 2에서는 JavaScript보다 TypeScript를 주력으로 하고 있으며 TypeScript를 사용하면 많은 이점이 있다.

스크립트에서는 인터프리터 방식을 사용하지만, 인간이 작성한 코드를 컴퓨터가 번역(컴파일) 없이 바로 처리하는 것이 인터프리터 방식이다.

문법

타입 스크립트는 변수 선언시 let을 사용한 고변수 함수 모두가 들어가는 데이터 타입을 Generic과 같이 지정해야 한다.
그중 JavaScript에서는 보이지 않았던 추가된 데이터 타입이 있다.

tuple - 복수의 자료형이 가능하다. OR의 의미와 같고, 파이프를 사용해 String|Number 등 넣을 수 있는 데이터 타입을 지정할 수 있다.
enum - 열거형 또는 데이터 타입에 사용 - 데이터 타입을 위한 데이터입니다.
any - 모든 데이터 유형이 가능합니다.
void - 리턴 타입이 없는 함수이다.
never - 특정의 값이 절대로 발생할 수 없는 경우에 사용한다.