[React] 2. Before React

React와 React DOM import하기

<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>

 

React JS

Javascript를 이용하여 element를 생성하고, React JS가 그것을 HTML로 번역합니다.

즉, 바닐라 JS는 HTML -> JS 순서, 리액트는 JS -> HTML 순서 입니다.

 

ReactDOM

ReactDOM은 React element를 HTML로 바꾸는 역할을 합니다.

const h3 = React.createElement("h3", {onMouseEnter: () => consol.log("mouse enter")}, "Hello I'm a span");

(element, property, content) -> 괄호 안의 내용은 다음과 같은 의미를 갖습니다.