React - PropTypes (유효성 검사)

리액트 클래스 컴포넌트는 자유롭게 속성을 정의할 수 있다는 점에서 매력적이다 .

사용하고자 하는 속성에 대한 유효성 검사를 수행할 방법을 제공해서 버그를 예방하고, 

컴포넌트가 사용할 데이터의 종류에 대한 계획을 세워야 한다. 

유효성 검사는 PropTypes 객체를 이용한다. 

PropTypes 라이브러리는 컴포넌트가 필요로 하는, 혹은 사용할 것으로 에상하는 속성들을 지정할 수 있는 유효성 검사 도구들을 제공한다

PropTypes는 다른 개발자가 올바른 값을 제공하지 않으면 제대로 동작하지 않기 때문에 반드시 만족해야 하는 조건을 지정하는 방법이다.

반드시 필요한것은 아니지만 버그의 예방과 쉬운 디버깅을 위해 가급적 활용하는 편이 좋다. 

또한 PropTypes를 사용하면 컴포넌트가 어떤 작업을 수행해야 하는지를 더 정확히 이해할 수 있게 된다. 

propTypes 에서 id를 number 로 지정해 두고 

실제로는 'test' 처럼 string 을 건네준다면 어떻게 될까?

app 은 실행되지만 개발자도구로 보면 javaScript error 를 보여주고 있다. 

PropTypes는 개발모드에서만 타입을 평가하기 때문에 실제 운영 환경에서 실행 중인 앱에서는 추가적인 오버헤드가 발생하지 않는다.