컴포넌트를 정의하는 방법은 두 가지가 있다. 함수 function Welcome(props) { return Hello, {props.name}; } 이 함수는 데이터를 가진 하나의 "props"(properties, 속성을 나타내는 데이터) 객체 인자를 받은 후 React 엘리먼트를 반환하므로 유효한 React 컴포넌트이다. 이러한 컴포넌트는 JavaScript 함수이기 때문에 말 그대로 "함수 컴포넌트"라고 호칭한다. 클래스 class Welcome extends React.Component { render() { return Hello, {this.props.name}; } } React의 관점에서 볼 때 위 두 가지 유형의 컴포넌트는 동일하다. 컴포넌트 렌더링 이전까지는 DOM 태그만을 사용해 R..