[타입 검사] prop-types / 타입스크립트

·2024년 8월 4일
0

필요성

목록 보기
2/4

타입 검사는 왜 필요하며 타입 검사를 할 때 prop-types 와 타입스크립트를 활용할 수 있는데 무슨 차이점이 있는가 고민해봤다.

📑
1. 타입스크립트 공식 문서
2. 타입과 다형성에 대한 인터뷰

타입 검사?

매개변수를 받거나 변수를 선언할 때 여기 어떤 타입을 받을 건지 정해주는 것이다. 찾아보며 느낀 점은 꼭 데이터 모델링처럼 설계를 잘 해놔야 정해진 틀 안에서 적당히 범용성을 가질 수 있을 것 같았다.

PropTypes

리액트에서 제공하는 런타임 도구
잘못된 타입의 props가 전달되면 경고 메시지를 콘솔에 출력
코드가 실행될 때 타입 검사를 수행

타입스크립트

자바스크립트의 상위 집합, 정적 타입 검사
컴파일 타임에 타입 검사를 수행
에디터 내에서 오류 확인 가능

특징PropTypesTypeScript
타입 검사 시점런타임컴파일 타임
검사 방식실행 중 props 검사컴파일 중 정적 타입 검사
설치 및 설정간단비교적 복잡
오류 발견 시점실행 중 오류 발견코드 작성 중 및 컴파일 시 오류 발견
에디터 지원제한적강력한 에디터 지원
기능리액트 컴포넌트의 props 타입 검사전체 코드베이스의 타입 검사
profile
'한 번 더!'의 가능성을 믿어! 오늘도 열심히 굴러가 보는 프론트엔드 개발자 😎

0개의 댓글