[Typescript] 타입스크립트란? 한번 배우면 자바스크립트로 다시는 못 돌아감

 
 
 

나도 모르는 사이 에러를 만드는 Javascript

자바스크립트는 전 세계 모든 웹 페이지에서 쓰이는 아주 인기 많은 언어이다.
하지만 인기에 비해서, 의외로 10일만에 개발된 아주 허접한 언어이다.
 
그렇기에 허점이 많다. 가장 큰 허점은 바로 타입을 명시하지 못 한다는 점이다.
 
그렇기에 한 변수에 숫자가 들어가기도 하고, 문자가 들어가기도 한다.
 

예제를 한번 살펴보자

//매개변수 두개를 더하는 함수
function add(a,b){
	return a+b
}

add(1,1) //2

 
두 매개변수를 더하는 add 함수가 있을때, 위와 같이 add(1,1)을 넘겨주면 반환값은 2가 된다.
 

add(1,'1') //11

 
하지만 두번째 매개변수가 문자 1이라도, 자바스크립트는 어떻게든 두 변수를 더할것이고,
2가 반환될것이다.
 
이는 개발자가 함수를 만든 의도를 위배하는 결과이다.
 
그러나 자바스크립트는 아무런 에러를 표시하지 않기 때문에, 함수를 실행하고 나서야 코드가 틀렸다는 것을 알 수 있다.
 
이는 개발에 있어서 생산성을 크게 떨어뜨린다.
 
 
반면 타입스크립트는 매개 변수에 어떤 타입을 사용할 것인지 미리 지정할 수 있다.
 
 

타입스크립트를 썼을때 장점은 크게 두가지가 있다.

1. 에러를 방지한다
2. 코드 자동완성의 편의성이 크다
 
 
1. 에러를 방지한다는 부분은 앞에서 충분히 설명을 했다. 
 
그럼 2. 코드 자동완성의 편의성에 대해 알아보자
 
 
 

타입스크립트가 제공하는 코드 자동완성의 편의성

비주얼 스튜디오와 같은 IDE를 사용하면 , total에 대한 타입을 미리 추론해준다

//매개변수 두개를 더하는 함수
function add(a: Number,b: Number){
	total=a+b
return total;
}

total은 두 정수의 합이므로, total 또한 Number 타입이라고 유추하여 알려준다