타입스크립트에서 prop-types를 꼭 사용해야할까?

 

 

리액트 공부하면서 prop-types 라이브러리에 대한 예제를 보고 실습 하던 중 갑자기 떠오른 생각 

 

 

참고 : prop-types 란?

prop-types : 부모로부터 전달받은 prop의 데이터 타입을 검사한다. 자식 컴포넌트에서 명시해 놓은 데이터 타입과 부모로부터 넘겨받은 데이터 타입이 일치하지 않으면 콘솔에 에러 경고문이 뜬다.

 

 

🤔

"자바스크립트 사용하면서 라이브러리를 써서 타입을 일일이 설정해 주는 것보다 그냥 타입스크립트를 쓰면 해결되는 문제 아닌가?" 

 

지금 vue.js + typeScipt 를 사용하는 프로젝트를 진행하고 있어서 그런지 문득 저런 생각이 들었다.

그래서 실습 하던 거 멈추고 검색을 좀 해봤는데 알아두면 좋을 것 같아서 기록한다.

 

일단 

타입스크립트는 자바스크립트(동적 언어)를 정적 언어로 사용하기 위한 언어이다.

정적 언어는 컴파일시 타입이 결정되고 동적 언어는 런타임에 타입이 결정된다.

타입스크립트는 컴파일시 타입이 결정되고 런타임에는 타입을 체크하지 않는다.

일반적인 상황에서는 컴파일 시에 타입 에러가 발생하여 개발자가 무언가 잘못되었음을 인지할 수 있지만,

 API 호출을통해 받아온 응답 Body, 로컬 스토리지 등의 외부 데이터는 컴파일 단계에서 타입 체크를 할 수 없어 문제가 생길 수 있다.

 

이러한 문제들을 방지하기 위해서는 결국 prop-types를 사용하는 것이 낫다는 것..!

 

 

출처 :

https://blog.hyunmin.dev/19