⁉️ Typescript에서의 느낌표와 물음표?

React-Redux에서 Typescript를 사용하다 보니, 초기값 설정 때문인지 state가 내가 의도한 상태 (배열, 오브젝트 등등)가 되기 전까지는 아래와 같은 타입스크립트 에러가 발생하는 현상을 자주 겪었다.

📝 Todo-List를 만들며 Typescript에 익숙해지기

이번 포스트에서는 리액트와 타입스크립트를 통해 투두앱을 만들며 배운 점들(TIL)을 정리해보려 한다.

CRA를 통한 프로젝트 생성

기존의 CRA와 크게 다를 것이 없다.

타입스크립트의 기본타입

자바스크립트는 string, number, boolean, object 등의 타입을 typeof를 통해 구별할 수 있다.
물론 코드 내에서 if문을 걸어 타입의 검사가 가능하긴 하지만, 이는 개발 단계에서 버그를 잡아내는데 비효율적일 수 있다.

따라서 우리는 타입스크립트를 통해 변수의 타입을 미리 설정하고, 이를 통해 개발 단계에서 사전에 에러를 발견하여 즉각적으로 수정할 수 있다.

---

타입스크립트?