컴포넌트 렌더링

컴포넌트는 붕어빵틀의 역할을 한다. 그렇기 때문에 컴포넌트가 실제로 화면에 렌더링 되는 것이 아니고 컴포넌트라는 붕어빵 틀을 통해 찍어져 나온 엘리먼트라는 붕어빵이 실제로 화면에 보이게 된다.

 

function Welcome(props){ //Welcome 컴포넌트
	return <h1>안녕, {props.name}</h1>
}

const element = <Welcome name ="무우" /> //Welcome의 인스턴스

ReactDOM.render(
  element,
  document.getElementById('root') // HTML의 root 요소에 붙임
);