타입 검사는 왜 필요하며 타입 검사를 할 때 prop-types 와 타입스크립트를 활용할 수 있는데 무슨 차이점이 있는가 고민해봤다.
📑
1. 타입스크립트 공식 문서
2. 타입과 다형성에 대한 인터뷰
매개변수를 받거나 변수를 선언할 때 여기 어떤 타입을 받을 건지 정해주는 것이다. 찾아보며 느낀 점은 꼭 데이터 모델링처럼 설계를 잘 해놔야 정해진 틀 안에서 적당히 범용성을 가질 수 있을 것 같았다.
리액트에서 제공하는 런타임 도구
잘못된 타입의 props가 전달되면 경고 메시지를 콘솔에 출력
코드가 실행될 때 타입 검사를 수행
자바스크립트의 상위 집합, 정적 타입 검사
컴파일 타임에 타입 검사를 수행
에디터 내에서 오류 확인 가능
특징 | PropTypes | TypeScript |
---|---|---|
타입 검사 시점 | 런타임 | 컴파일 타임 |
검사 방식 | 실행 중 props 검사 | 컴파일 중 정적 타입 검사 |
설치 및 설정 | 간단 | 비교적 복잡 |
오류 발견 시점 | 실행 중 오류 발견 | 코드 작성 중 및 컴파일 시 오류 발견 |
에디터 지원 | 제한적 | 강력한 에디터 지원 |
기능 | 리액트 컴포넌트의 props 타입 검사 | 전체 코드베이스의 타입 검사 |