[React] react-dom
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에서 만들어 놓은 기능이다. 이 기능은 개발할 때만 사용되고 배포가 될때는 이 모드가 활성화가 안되어 사용자가 콘솔에서 볼수 없기때문에 안심하고 사용가능하다.
Author And Source
이 문제에 관하여([React] react-dom), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@wldns12378/React-react-dom저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)