만들면서 학습하는 리액트(react):소개편 - Hello world - 017

최대 1 분 소요

소개편

Hello world

브랜치 이동

```bash
$ git checkout -f intro/hello-world
```

index.html 확인

```html
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Lecture React</title>
  </head>
  <body>
    <div id="app"></div>

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

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

    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

    <script type="text/babel">
      const element = React.createElement("h1", null, "Hello world");
      ReactDOM.render(element, document.querySelector("#app"));
    </script>
  </body>
</html>
```

동작확인

```bash
$ npx lite-server --baseDir 2-react/
```

“Hello world”가 출력됨 어떻게?

참고