React는 자바스크립트의 라이브러리이고,
컴포넌트 단위로 구성되어진다.
그런데, 브라우저는 html, css, javascript만을 인식한다.
그러하면 이러한 컴포넌트는 웹브라우저가 어떻게 이해하는가?
그것은 바벨이란것을 이용하여 컴포넌트에서 렌더되는 태그들을 변환한다.
컴포넌트와 html파일을 연결해주는것이 필요한데 그것이 react-dom이다.
import ReactDOM from 'react-dom';
ReactDOM.render(
<React.StricMode>
<App />
</React.StricMode>,
documnet.getElementById('root');
);
위처럼 ReactDOM.render()를 통하여 연결할 수 있다.
index.js에서 최상위 root에 연결하는 코드를 볼 수 있어며,
우리는 <App>컴포넌트부터 시작해서 컴포넌트들을 작성하여 App을 만들 수 있다.
ReactStricMode
자바스크립트를 사용할때
usestrict를 이용해 엄격한 모드를 사용하듯이 React에서도 이러한 기능을 사용할 수 있도록 React에서 만들어 놓은 기능이다. 이 기능은 개발할 때만 사용되고 배포가 될때는 이 모드가 활성화가 안되어 사용자가 콘솔에서 볼수 없기때문에 안심하고 사용가능하다.
Web Developer