본문 바로가기
Web dev/TypeScript

타입스크립트 - 기본 타입들

by growingTangerine 2023. 4. 4.

* 노마드코더 타입스크립트 2주 챌린지의 1, 2일차 학습 내용을 정리하였습니다.

 

타입스크립트란, 개발자에게 자동완성과 보호장치를 제공하는 언어라고 생각하면 쉽다. 
개발자의 실수나 발생 가능한 에러, 버그를 런타임 이전에 캐치해준다.

 

기본적으로 알고 있는 타입인 number, string, boolean 이외에 새롭게 배우게 된 타입들에 대해서만 정리해보겠음.

 

- optional properties '?'

: 프로젝트를 하면서 마주쳤던 에러 중, 가장 골머리를 앓았던 에러가 optional type을 알았다면 쉽게 풀렸을 것이다.

 

optional property는, 

let age : number | undefined = 20

let age? : number 

// 위 두 코드는 동일하게 작동함

위의 코드처럼 타입 지정을 undefined 가 될 수 있게 하는 것이다.

 

자바스크립트에서는 한 값에 접근할 수 없을 때, 런타임 에러가 아닌 undefined를 받는다. 

이러한 경우를 처리해주기 위해서 optional property를 지정해줄 수 있다.

 

- readonly property

: 재할당할 수 없는 값임을 타입스크립트에게 알려주고 싶을 때 사용한다.

 

const todo: readonly string = 'Study TypeScript'

todo = 'Study JavaScript"; // throws an error
// cannot assign to 'todo' because it is a read-only property

- unknown / never

: unknown - 받는 값으로 어떤 타입이 들어올 지 모르는 경우. 이후에 if문으로 분기해서 타입별로 작동해야 하는 코드를 작성해주면 좋다.

: never - 돌아가면 안되는 코드자리에 지정해줌

 

- void

: return 이 없는 함수일 경우, void로 지정된다.