[TypeScript] 타입스크립트란..?

타입스크립트란?

마이크로소프트에서 구현한 자바스크립트의 슈퍼셋(Superset) 프로그래밍언어다.

확장자로는 .ts를 사용하고, 리액트를 활용해 작성할때는 .tsx라는 확장자명이 사용되기도 한다.

컴파일의 결과물로 자바스크립트 코드를 출력한다.

 

타입스크립트는 자바스크립트에 타입을 지정해주는 언어다.

자바스크립트는 동적 타이핑(Dyanamic Typing)이기에 변수를 선언하고,

값이 할당되는 과정에서 타입이 결정된다.

그렇지만 타입스크립트는 정적 타이핑(Static Typing)이라 컴파일 당시에 결정해놓는다.

 

다시 말해 JS에서는 변수를 우리 마음대로 값을 할당해줬더라면

TS에서는 처음에 지정한 타입의 값만 할당해줄 수 있다. 

---

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

1. 타입 에러를 사전에 방지한다.

함수, 컴포넌트 등 데이터의 타입 추론이 되어, 사소한 오타를 만들면 코드를 실행하기전에

IDE상에서 바로 알 수 있게된다. 

 

2. 개발 생산성 향상(자동완성, 타입확인)

함수를 사용할 때 해당 함수가 어떤 피라미터를 필요로 하는지, 어떤값을 반환하는지

코드를 따로 열어보지 않아도 알 수 있다.  당연히 리액트에서도 props를 전달할 때나 state에 어떤 값이 있는지

알 수 있다.