index.js
import ReactDOM from 'react-dom';
ReactDOM.render(<h1>안녕 리액트!</h1>, document.getElementById('root'));
// react 에서는 render 메소드로 화면을 그림
첫번째 아규먼트 값으로 요소를 만들고, 두번째 아규먼트 값 사이에 그 값을 넣어줌
<div id="root">
<h1>안녕 리액트!</h1>
</div>
이런 형태의 값이 나오게 됨.
index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>주사위 게임</title>
</head>
<body>
<div id="root"></div>
</body>
</html>
리액트가 실행되면 브라우저는 이 파일을 실행하며, root 값은 이 파일에서 확인할 수 있음.
'React' 카테고리의 다른 글
| [React] 가위바위보(간단버전 2) (0) | 2023.03.16 |
|---|---|
| [React] JSX 에서 JavaScript 사용하기 (0) | 2023.03.16 |
| [React] Fragment 태그 (0) | 2023.03.16 |
| [React] JSX (0) | 2023.03.16 |
| [React] 리액트 실행/ 커맨드 요약 (0) | 2023.03.13 |
