TypeScript란?
타입스크립트는 자바스크립트에 타입을 부여한 언어이며, 자바스크립트의 확장된 언어라고 볼 수 있다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 하며 이 변환 과정을 우리는 컴파일(compile)이라고 부른다.
그렇다면 타입스크립트를 왜 써야 할까
자바스크립트만으로도 충분히 어려운데 왜 또 다른 언어를 배워야 할까 단지 최신 기술이라? 혹은 다른 회사도 많이 사용하니까? (필자의 경우는 맞다) 하지만 많이 쓰인다는건 그만큼 이점이 있으니까 사용된다고 생각한다.
TypeScript의 장점
타입스크립트의 경우는 2가지 관점에서 자바스크립트 코드의 품질과 개발 생산성을 높일 수 있다.
에러의 사전방지
타입스크립트는 에러를 사전에 미리 예방할 수 있다. 예를 들어 2개의 수를 더하는 함수를 작성한다 하였을 때
const sum = (a, b) => {
return a + b;
};
sum(10, 20); //30이런 경우 정상적으로 작동한다 하지만,
const sum = (a, b) => {
return a + b;
};
sum('10', '20'); //1020이렇게 작성 될 경우 우리의 의도와는 다르게 문자열 + 문자열이므로 30이 아닌 "1020" output 값이 되버린다.
물론 이런경우 그냥 눈으로 보고 수정하면 된다. 하지만 코드가 엄청나게 길어진다면? 우리는 이것을 못보고 지나칠 수 있는 경우의 수를 제거하고자 자바스크립트에 타입을 주어 다음과 같이 작성해보겠다.
function add(a: number, b: number) {
return a + b;
};
add(10, 20); //30겉보기에는 별 다를게 없어보인다. 그저 매개변수에 타입을 지정해주었을 뿐이다. 이렇게 하면 얻을 수 있는 기대값은 다음과 같다.
보시는 바와 매개 변수에 타입이 지정되 있으며 한번 함수에 인자를 넣어 호출해보도록 하겠다.
함수 인자에 맞지 않은 타입을 넣을 시 이렇게 에러가 뜨며 사전에 에러를 방지할 수 있다 !!
