TypeScript를 왜 쓸까?

왜 타입스크립트를 쓰는가?

우리가 사용하는 브라우저는 타입스크립트를 이해하지 못한다.

그래서 자바스크립트로 변환해서 로드해야 실행할수있다.

이렇게 보면 더 왜 쓰는지 이해가 안되는데 예를들면

JS

function add(num1, num2) {
	console.log(num1 + num2);
}

 

매개변수 num1과2를 더한값을 로그로 보여주는 함수라는 것을 알수있다.

하지만 내가 의도한것은 숫자만 더해서 숫자를 로그로 보여주고싶지만

실사용시 문자와 숫자를 더해도 되고 아무것도 넣지 않거나 매개변수를 1개만 넣거나 2개이상을 넣었을때

원하는 결과와 멀어질수있다.

 

이처럼 실수가 분명한 코드인데 자바스크립트은 아무런 경고를 주지않는다.

 

같은 코드를 TypeScript로 작성해보자

복붙을 하자마자 바로 빨간줄들이 나온다.

개발자라면 상당히 거슬리는 부분이 아닐수없다.

매개변수에 타입을 선언하지않았고 매개변수보다 적거나 많이 값을 넣었을때도 에러를 나타내는것을 볼수있다.

 

타입스크립트로 선언해보자

TS

function add (num1:number, num2:number):void {
	console.log(num1 + num2)
}

 

 

함수선언문의 빨간줄이 사라지고 함수를 잘못 사용했을때 빨간줄로 에러표시를 해준다.

이처럼 개발자의 의도대로 코드를 동작하게 할수있어 미연에 방지가 가능하다.

작은 프로젝트에서는 차이를 못느낄지 모르지만 규모가 커지고 코드가 엄청 길다면 굉장히 유용하다고 생각된다.