react-dom
- 리액트는 순수 자바스크립트이고 이 자바스크립트들을 이용해서 컴포넌트들을 만들어 나감.
- 실제로 브라우저는 HTML, CSS, 순수JS 만을 이해하고 이용이 가능함
- 결국 Babel을 이용해서 순수 JS로 변환됨. 변환된 것들은 컴포넌트를 HTML과 연결할 수 있도록 해야하는데 react-dom이 그걸 가능하게 해줌
- 사용자에게 궁극적으로 배포되어 지는 것은 index.html
- id="root" root라는 아이디를 이용해서 JS와 연결함
- 그것을 가능하게 하는 것은 react-dom
import ReactDOM from 'react-dom'
-> 'react-dom' 라이브러리에서 ReactDom 클래스를 가져옴
-> 가져온 클래스를 render함수를 이용해서 document페이지에 있는 아이디가 root를 가져와서 그 요소의 root컴포넌트를 연결해준다.
-사용자에게 보여지는 페이지는 index.html 페이지
-index.html에서 id를 사용해서 index.js를 불러옴
-이 때, id 'root'와 리액트 컴포넌트가 합체를 하는데 react-dom이 없으면 안됨