nomad code_react js로 영화앱 만들기

react

nomad code_react js로 영화앱 만들기_#2.2

Kale_coding 2022. 10. 5. 12:14

React js hard cording

<body>
  <div id="root"></div>
</body>

<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
<script>
  const root = document.getElementById("root");
  const span = React.createElement("span", { id: "sexy-span", style: {color: 'red'} }, "Hello I`m a span");
  ReactDOM.render(span, root);
</script>

React로 span 태그를 생성한 후, HTML의 #root에 ReactDOM.render로 span을 그려주는 코딩

결과