[React] ReactDOM.render

🎯 ReactDOM이란?

• React DOM이란 Virtual DOM에서 HTML을 생성하는 데 필요한 라이브러리이다.
• React DOM에는 리액트 엘리먼트를 브라우저에 렌더링 하는 데 필요한 모든 도구가 들어 있다.

 

📝 ReactDOM.render

• element는 리액트의 가장 작은 단위이다.

ReactDOM.render(
        element, // (1)
        container, // (2)
        [callback] // (3)
)

1. 화면에 그려질 리액트 element (집어넣어 줄 요소)
2. 리액트 element를 해당 container DOM에 랜더링 (구체적인 위치)
3. 랜더링 후 반환되는 값을 돌려주는 콜백 함수

 

📌 참고

• [React] 순수 리액트 (가상 DOM, 리액트 엘리먼트, ReactDOM)
• ReactDOM - React
• React에서의 가상돔 개념
• React | JSX란? 렌더링 Rendering이란?