타입스크립트

타입스크립트

타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있다.

타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부른다.

Typescript는 동적타입언어인 Javascript의 약점을 보완하기 위해서 타입을 지정해주는 것이다.

타입이 필요한 이유는 결론은 메모리를 절약하기 위해서이다. 메모리에 저장된 것을 읽어들일때, 값을 메모리에 저장할때, 값이저장되어있는 것을 참조할때의 크기들을 알아야 하기 때문이다.

또한, 에러를 잡기가 쉬워지고, 다른 동료와 협업 할때 코드의 예측도 가능해지고, 코드에디터의 도움을 더 받을 수 있다.

타임스크립트는 ES7이하의 표준을 포함한다. 그렇기에 기존의 ES5 자바스크립트 문법을 그대로 사용할 수 있다.

그리고 ES6의 새로운 기능들을 사용하기 위해 별도 트랜스파일러를 사용하지 않아도 된다. ES6의 새로운 기능을 기존의 자바스크립트 엔진에서 사용할 수 있다.

타입스크립트 장점

에러 사전 방지

function sum(a: number, b: number) {
  return a + b;
}
sum('10', '20'); // Error: '10'은 number에 할당될 수 없습니다.

또한 타입을 지정하고 먼저 타입을 선언함으로써, 프로그래밍 단계, HTTP 통신을 통한 데이터를 주고받는 과정에서 생기는 데이터를 안전하게 주고 받을 수 있다.

코드 자동 완성

function sum(a: number, b: number): number {
  return a + b;
}
var total = sum(10, 20);
total.toLocaleString();

슈퍼셋

타입스크립트는 자바스크립트의 슈퍼셋, 즉 자바크립트의 +알파이다.

즉, 자바스크립트와는 100% 호환이 되는건 물론이며, 이 외에 클래스,인터페이스 등 객체지향 프로그래밍 패턴을 제공한다.

자바스크립트의 단점은 줄여주고 대신 더 좋은 기능들을 감싼 형태라고 보면 된다.

또한 타임스크립트는 ES7이하의 표준을 포함한다.

그렇기에 기존의 ES6 문법을 babel 없이도 이용가능하다.