출처 - 리액트를 다루는 기술(김민준 지음) props 사용하기 (5) propTypes를 통한 props 검증 컴포넌트의 필수 props를 지정하거나 props의 타입을 지정할 때 propTypes를 사용한다. propTypes를 사용하려면 우선 import가 필요하다 // MyComponent.js import React from 'react'; import PropTypes from 'prop-types'; const MyComponent = ({ name, children }) => { return ( 안녕하세요, 제 이름은 {name}입니다. children 값은 {children} 입니다. ); }; MyComponent.defaultProps = { name: '기본 이름', }; MyCom..

출처 - 리액트를 다루는 기술(김민준 지음) props는 properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소이다. Component에 원하는 값을 넘겨줄 때 사용하며, 넘겨줄 수 있는 값은 변수, 함수, 객체 등 JS의 요소라면 제한이 없다. 주로 Component의 재사용을 위해 사용한다. props 값은 부모 컴퍼넌트에서 설정할 수 있다. 자식 컴포넌트에서는 읽기전용이다. props 사용하기 (1) JSX 내부에서 props 렌더링 props 값은 컴포넌트 함수의 파라미터로 받아와서 사용할 수 있다. props를 렌더링할 때 JSX 내부에서 { } 기호로 감싸주면 된다. // MyComponent.js import React from 'react'; const MyCompon..