[Typescript] 타입스크립트란 ?

블로그 너무 오랜만 !

Why TypeScript ?

타입스크립트란 쉽게 설명하면 자바스크립트에 타입을 부여한 언어로 정리가 된다.
자바스크립트의 확장된 언어라고 볼 수 있고 자바스크립트의 superset이다.

그 말인즉슨 타입스크립트는 자바스크립트의 모든 기능을 포함하면서, 거기에 더해서 다른 기능들이 추가된 프로그래밍 언어라는 것이다. 실제로 타입스크립트를 사용하게 되면 여러 타입으로 인해 발생하는 오류를 미연에 방지할 수 있어 생산성이 향상된다고 한다.

(TS 시작하면서 구글링 시간이 늘어나는건...)

에러의 사전 방지

타입스크립트는 에러를 사전에 미리 예방할 수 있다. 아래의 코드를 비교해보자 !

// javascript
function sum(a, b) {
	return a + b;
}

// typescript
function sum(a:number, b:number) {
	return a + b;
}

두개의 코드 모두 두 숫자의 합을 구하는 함수 코드이다.
sum 함수에 숫자 10과 20을 더한다고 하면 우리가 원하는 값인 30을 얻을 수 있다.
하지만 아래와 같은 코드로 함수를 호출한다면?

sum("10", "20");

당연히 1020이 나오게 된다.

타입스크립트는 이때 빛을 발휘한다.

function sum(a:number, b:number) {
	return a + b;
}
sum("10", "20") // Error: "10"은 number에 할당될 수 없습니다.

Error: "10"은 number에 할당될 수 없습니다.

라는 에러를 보여주고 수정을 해야 화면이 보인다. 위에 코드 하나만으로 타입스크립트를 모두 끝냈고, 모든 케이스를 파악한 것은 아니지만 저렇게 작성함으로써 실질적으로 작업하는 내 자신도 타입을 추론해서 작업할때의 장점을 많이 느끼고 있다.

싫지 않지만.... 좋지도 않아... 너...

맛보기 끝, 이제부터 타입스크립트 정리 시작 !!