React JS Crash Course - PropTypes (4)

- App.js에 title을 component에 사용할 수 있도록 연결

App.js

 

Header.js

PropTypes

자바스크립트의 유연한 특성 때문에 작성이 편한 반면, 파일이 많아지면 생산성이 떨어진다는 점 때문에 타입스크립트를 많이 사용하는데, 반드시 자바스크립트를 이용해 앱을 개발해야 하는 상황에서는 이러한 문제점을 피하기 위해 PropTypes를 활용하는 것을 권장한다.

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

 

 

- Styling할때 index.css파일을 사용한

- Js파일 안에서 Styling하는법

Github Code: https://github.com/bellcastle88/ReactJS_CrashCourse