PropTypes 계약

PropTypes 계약 확인

부모가 넘긴 값의 이름과 타입을 개발 중에 점검해, 누락되거나 잘못된 입력을 빠르게 발견합니다.

name

필수 문자열

PropTypes.string.isRequired

이름이 없거나 문자열이 아니면 콘솔 경고로 사용 실수를 드러냅니다.

age

선택 숫자

PropTypes.number

전달하지 않아도 되지만, 기본값을 두면 표시 로직이 안정적입니다.

location

필수 문자열

PropTypes.string.isRequired

지역처럼 카드 본문에 꼭 필요한 값은 isRequired로 계약을 명시합니다.

children

렌더링 노드

PropTypes.node

태그 사이의 문장, 요소, 숫자를 렌더링합니다.

App JSX
props 객체
PropTypes 경고
UserProfile 렌더

역할 구분

PropTypes는 앱 실행을 타입 시스템처럼 차단하기보다, 개발자 도구 콘솔에서 props 사용 계약이 어긋났음을 전달하는 점검 장치입니다.