React+TypeScript에서 Type을 모를 때

React에서 TypeScript를 사용할 때 특정한 라이브러리를 활용하는 경우 타입을 무엇을 써야 하는지 모르는 경우가 참 많다.

그럴때는 패키지에서 지원하는 타입을 확인해서 사용할 수 있다!

우선 기본적으로 타입 스크립트를 지원하는 패키지들은

@types/<packagename>

으로 패키지의 타입을 지원하는 경우가 많다.

그래서 예를들어 express 패키지를 다운 받아서 사용한다고 했을 때

npm i express @types/express

2가지를 설치하면 express에서 사용되는 타입들을 같이 받아서 사용할 수 있다.

그리고 만약 @types/가 있는지 없는지를 모르는 경우에는

npm사이트에 들어가서 ****

다운받으려는 패키지를 검색한 후 이름 옆에 DT 라는 표시를 통해 타입이 들어있는 패키지가 있음을 알 수 있다.

그런데 만약 패키지의 이름 옆에

TS가 붙어있는 경우 패키지 자체에 타입이 포함되어있기 때문에 추가로

@types/를 받을 필요가 없다.

타입을 다운로드 받은 후에 역시나 어떤 타입을 써야할지 모르는 경우가 있을 수 있다.

그럴 때는 구글링을 해보고, vscode에서 알려주는 타입 추론을 활용하여 타입을 유추해본 후 작성하도록 하자.