타입스크립트 왕초보 벗어나기

이번에 SOPT에서 타입스크립트 스터디를 들게 되었다. 주변 프론트 개발자들도 요새는 타입스크립트를 쓴다고 하고, 기존 프로젝트도 자바스크립트에서 타입스크립트로 한다고 해서 막연하게 나도 타입스크립트를 배워야한다는 의무감이 생겼던 것 같다. 이왕 배우기로 한거 제대로!기록하면서! 알아가보자

Typescript란??

Microsoft에서 개발한 오픈소스 프로그래밍 언어.
자바스크립트의 상위언어다.

Typescript와 Javascript의 차이

Javascript는 동적 타입 언어다. 자료형에 대한 타입은 존재하지만, 변수에 대한 타입은 존재하지 않는다.

Typescript는 정적 타입 언어다.

그래서 더 좋은 점이 뭐냐??

앞서 말했다시피, 정적 타입이기 때문에, 미리 타입 지정을 해야하고, 그로 인해 코드의 안정성이 올라간다. 타입을 체크하면서 오류 예방이 가능하며 유지 보수성이 상승한다.

또 미리 타입을 결정하기에 실행 속도가 매우 빠르다!!

타입스크립트는 자바스크립트의 모든 기능을 사용할 수 있으며, 자바스크립트 라이브러리 및 프레임워크와 호환된다.
=> 기존 자바스크립트 프로젝트를 쉽게 타입스크립트로 마이그레이션할 수 있다!

그래서 리팩토링을 파입스크립트로 많이 하나보다..

어떻게 사용하는 건데??

const purple = 'red and blue'; 

이런식의 자바스크립트 코드가 있다면, 변환시키면

const purple :string = 'red and blue'; 

이렇다!!
변수명 뒤에 타입만 : 뒤에 명시해주면 된다~

만약 타입과 변수가 매칭되지않는다면??
=> TypeError가 난다
=> 에러를 사전에 방지하는 모양새다.

실제로 모든 자바스크립트의 버그의 15%는 사전에 타입스크립트로 감지된다고 한다.