타입스크립트란?

마이크로소프트에서 구현한 JavaScript의 슈퍼셋(Superset) 프로그래밍 언어입니다.
때문에 마이크로소프트에서 개발한 소스 코드 편집기(Visual Studio Code)에서도 기본적으로 TypeScript를 지원합니다.



왜 타입스크립트를 사용해야 할까?


스크린샷 2022-11-13 오후 11 13 58

npm trends 라는 사이트에서 최근 사용되는 언어 패키지들의 사용량과 인기를 확인할 수 있는데 타입스크립트의 인기가 매우 높은걸 확인 할 수 있습니다.

그렇다면 이러한 타입스크립트를 사용했을 때 이점은 무엇이 있을까요?

1. 컴파일 시 사전에 에러를 잡을 수가 있습니다.

2. 타입을 미리 결정하기 때문에 기계가 할 일을 덜어 실행 속도가 매우 빠릅니다.

3. 다른 사람이 코드를 읽을 경우 타입이 어떤 것인지 짐작할 수 있어 협업에 있어 용이합니다.



타입스크립트는 아래와 같이 미리 지정한 타입과 다른 값이 매개변수 값으로 들어올 경우 미리 사전에 알려줍니다.

스크린샷 2022-11-13 오후 11 38 15

타입스크립트의 기본 타입

타입스크립트는 타입을 미리 정할 수 있다고 했는데 이러한 타입의 종류는 아래와 같습니다.


1. Boolean 타입

스크린샷 2022-11-14 오전 12 30 13

값을 호출하는 단순한 true/false 값 boolean입니다.


2. Number 타입

스크린샷 2022-11-14 오전 12 29 11

- 숫자형 타입 number입니다.


3. String 타입

스크린샷 2022-11-14 오전 12 39 22

- 문자형 타입 string입니다.

- 템플릿 문자열을 사용할 수도 있습니다.


4. Array 타입

스크린샷 2022-11-14 오전 12 43 52

- 배열 타입 array입니다.


5. Tuple 타입

스크린샷 2022-11-14 오전 12 48 04

- 동일할 필요는 없는 고정된 수의 요소가 있는 배열을 표현할 수 있습니다


6. Void 타입

스크린샷 2022-11-14 오전 12 56 08

- 값을 반환하지 않는 함수의 반환 유형으로 볼 수 있습니다


7. Null, Undefined 타입

스크린샷 2022-11-14 오전 1 05 37

- JavaScript에서와 마찬가지로 고유의 특별한 타입으로 인정합니다.

- 이외에 void, never와 같이 더 세밀한 타입도 제공합니다.

- strictNullChecks가 핵심


8. Object 타입

스크린샷 2022-11-14 오전 1 18 13

- JavaScript에서 사용하는 객체형 타입 Object 입니다.

- 하지만 일반적으로 위 이미지와 같이 사용하지 않고 Type Alias를 활용하여 사용합니다.



추가적인 타입스크립트 타입에 대한 정보는 아래 링크를 통해 남기겠습니다.

TypeScript - 타입 유형