173일차 - TypeScript를 사용하는 이유

타입스크립트

타입스크립트는 이름 그대로 자바스크립트 + 타입이다. 자바스크립트는 런타임에서 오류를 발견할 수 있는 반면, 코드 작성 단계에서 타입을 체크해 오류를 확인할 수있다.

타입스크립트를 사용해야 하는 이유

1. 에러 방지

타입스크립트는 코드의 에러를 사전에 예방할 수 있다.

// add.js
function add(a, b) {
  return a + b;
}

function add(a: number, b: number) {
  return a + b;
}

만약 add(1 + '1')을 실행한다면 js파일에서는 '11'을 리턴하고, ts파일에서는 err가 날 것이다.
그 이유는 number라는 타입을 정해놨기 때문에 b에 string이 들어오면 err가 발생하는 것이다.
하지만 js파일은 에러 검출을 하지 못하니 a에 들어온 1도 string타입으로 변환해서 '11'을 리턴하는 것이다.

이렇게 의도하지 않은 에러를 방지할 수 있다.

2. 개발 생산성 향상

VSCode는 타입스크립트 개발에 최적화가 되어있다. 그래서 VSCode의 기능을 최대로 활용할 수 있다.

function add(a: number, b: number): number {
  return a + b;
}
let result = sum(1, 1);
result.toLocaleString();
// result.을 입력하는 순간 자동완성 목록이 뜬다.

VSCode에서 result 이라는 변수가 number 타입이라는 것을 알고 있으니, 해당 타입에 대한 API를 미리 보기로 띄어주는 것이다.
API를 다 입력하지 않고 자동완성 할 수 있다.

참고자료

타입스크립트 핸드북