타입스크립트는 자바스크립트에서 타입만 추가되어 확장된 느낌의 언어이다. 자바스크립트에서는 타입을 지정을 안해주어 예상치 못한 에러들을 발생 시킬 수 있다.
예를들어
function sum(a, b) {
return a + b;
}
위의 코드에
1) sum(10, 20);
2) sum('10', '20');
를 입력시키면 서로 다른 결과 값을 얻는다.
1)의 경우에는 30이 나오고 2번의 경우에는 '1020' 이 나온다. 만약 개발자가 두 숫자의 합 30을 의도하고 코드를 작성했지만 의도치 않게 유저가 '10'과 '20'을 작성하여 1020의 결과값을 갖을 수 도 있다. 이렇게 자바스크립트에서 의도치 않은 에러들을 발생 시킬 수 있다.
하지만 타입스크립트를 쓴다면 어떨까?
function sum(a: number, b: number) {
return a + b;
}
sum('10', '20');
함수의 각 메개변수에 타입을 설정 해 줌으로써 스트링 형태인 '10'과 '20'을 받지 못하고 에러를 알려준다. 또한 타입스크립트를 사용하면 . (dot) 만 써도 코드가 자동으로 완성된다. 개발의 속도도 높히고 효율도 높힐수 있다. 이처럼 타입스크립트는 예상치 못한 에러까지 예방해 주고 개발 의 질 도 높혀주는 좋은 언어이다.