TypeScript와 JavaScript의 차이점

TypeScript

타입스크립트란?

---

타입스크립트는 마이크로소프트에서 개발한 언어로 자바스크립트의 상위 집합(superset)으로 정의됩니다. 이 말이 무슨 말이냐면 자바스크립트의 문법을 사용할 수 있을 뿐만 아니라 타입(Types)을 개발자들이 정의해서 사용할 수 있게 만들어줍니다. 

JavaScript에 Types을 더한 TypeScript

그러면 왜 타입스크립트를 사용할까요?

---

자바스크립트는 기본적으로 변수의 타입(Type)이 정의가 안 되는 loosely typed lanuage이 입니다. 그래서 자바스크립트를 가지고 코딩을 하다 보면은 변수가 어떤 타입으로 정의되어있는지 이해가 어려운 경우가 많은데요. 사실 저는 이런 점을 굉장히 편한다고 생각을 했었는데, 개발 규모가 커지고 다른 사람이 쓴 코드를 봐야 되는 경우가 많을 때 굉장히 불편하게 다가오더라고요.

 

특히나 함수의 매개변수(parameters)와 변수가 이렇나 정보를 가지고 있지 않다 보니, documentation을 찾아보거나 함수가 어떤 식으로 사용됐는지 전체적인 코드를 봐야 되는 경우가 많았습니다. 하지만 타입 스크립트는 코드의 타입을 정의하기 때문에 함수에서 이런 시간을 단축시킬 수 있고 타입 관련 에러가 발생하면 바로 리포트를 해줍니다.

 

var num1 = 5;
var num2 = 5;
var sum = num1 + num2;

위와 같은 자바스크립트 코드는 타입 없이 var 혹은 let으로 정의합니다.

 

let var1:number = 5;
let var2:number = 5;
let sum:number = var1 + var2;

타입스크립트는 위와 같이 코드의 타입을 정의할 수 있습니다.

여기서 재미있는 점은 타입스크립트가 자바스크립트의 상위 집합 답게 자바스크립트처럼 변수나 함수를 타입 없이 정의할 수 있는데요. 그런 방식을 Implicit type이라고 합니다.