[TypeScript] 타입 정의를 위한 팁

타입스크립트를 사용하면서 특정 라이브러리를 사용하거나 이벤트의 타입을 알아야할 때 정확한 타입을 알기 어려워 답답할 때가 있다

그럴 때를 위한 팁!

 

1) 특정 메서드의 반환값을 알아야할 때

예를들어 onSubmit 등 이벤트가 발생할 때 전달되는 매개변수 e의 알아야할 때

onSubmit={(e) => {}}

이렇게 임시로 함수를 작성한 뒤 알고싶은 e를 명시해준다

 

그리고 e에 호버해보면 위와같이 인텔리전스가 타입을 알려준다!

 

2) 라이브러리를 사용하는 경우

react-hook-form의 resolver를 props로 전달하기위해 타입을 명시하려하는데 위 값은 호버해도 찾기가 어려웠다

나는 챗지피티에게 물어 타입을 확인했고, 또다른 알 수 있는 방법을 튜터님께 여쭤보았더니 보통 라이브러리의 공식 사이트에서 typscript support와같은 페이지가 있고 거기서 지원한다고 한다

 

아래는 react-hook-form typescript 지원 페이지!

https://react-hook-form.com/ts

Typescript Support