React에서 Typescript 사용하기

타입 스크립트는 Javascript에 Type을 부여한 언어다. 자바스크립트의 확장된 언어로 볼수 있다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행 하려면 파일을 한번 변환해주는 형식을 갖춰야 한다. 이 변환 과정을 컴파일(compille)이라고 부른다.

tsx와 ts파일의 차이

순수한 typescript 파일을 만들땐 ts파일을 만들고 jsx문법을 사용할 때에는 tsx파일을 만들어야한다. ts파일은 jsx를 지원하지 않는다.

Not-null assertion operator

Type 'undefined'is not assignable to type 'any[]'
ts(2322)

접미에 붙는 느낌표(!) 연산자인 단언 연산자는 해당 피연산자가 null, undefined가 아니라고 단언해준다.
해당 피연산자가 null, undefined가 아닌 타입의 value를 갖는다고 프로그래머가 단언할 때 에러등을 방지하기 위해 사용한다.
2322번 에러를 해결할 때 유용하다.

그 외

Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있다.
Set 객체는 값 콜렉션으로, 삽입 순서대로 요소를 순회(iterable)할 수 있습니다. 하나의 Set 내 값은 한 번만 나타날 수 있습니다. 즉, 어떤 값은 그 Set 콜렉션 내에서 유일합니다.

참고

useState에서 type지정
타입스크립트 타입선언