nomad code_react js로 영화앱 만들기_#2.2
2022. 10. 5. 12:14ㆍreact
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을 그려주는 코딩
결과
'react' 카테고리의 다른 글
| nomad code_react js로 영화앱 만들기_#3.9 (0) | 2022.11.09 |
|---|---|
| nomad code_react js로 영화앱 만들기_#3.5 ~ 3.8 (0) | 2022.11.09 |
| nomad code_react js로 영화앱 만들기_#3.0 ~ 3.4 (0) | 2022.10.06 |
| nomad code_react js로 영화앱 만들기_#2.3, #2.5, #2.6 (0) | 2022.10.05 |
| nomad code_react js로 영화앱 만들기_#2.1 (0) | 2022.10.05 |