elements 랜더링하기

Root Dom node

<div id="root"></div>

root div에 리액트 엘리먼트 랜더링

const element = <h1>안녕 리액트</h1>;
ReactDOM.render(element, document.getElementById('root'));

ReactDOM.render함수 => 첫번째 파라미터인 reactelement를 두번째 파라미터인 DOMElement에 랜더링 하는 역할을 한다
//reactElement -> react의 가상DOM에 존재
//DOMElement -> 실제 브라우저의 DOM에 존재

엘리먼트 업데이트

엘리먼트는 한번 생성하면 바꿀 수 없기 때문에 업데이트 하기 위해서는 다시 생성해야 한다