[React] 노마드 수업 1

★수업2-1

JSX

javascript와 HTML 사이의 언어를 jsx라고 부름

component는 HTML을 반환하는 함수
react는 component를 사용해서 HTML처럼 작성하려는 경우가 필요
javascript와 HTML 사이의 이러한 조합을 jsx 라고 부름

prop-types

내가 전달받은props가 내가 원하는 props인지를 확인해주는 것

React에서 타입 체크를 위해서 사용되는 라이브러리

npm i prop-types   // prop-types 설치

[설치 확인] package.json 파일에서 dependencies": 부분 아래 prop-types가 있음

 

[파일 정리]

App.js 파일에 import PropTypes from "prop-types"; 추가

 

isRequired : 반드시 입력되어야 하는 필수 prop

필수 prop으로 인식하고, 값이 없거나 잘못되었을 경우 콘솔 창에서 오류를 확인할 수 있다