똑같이 따라쳤는데 라이브 서버에서 아무 것도 출력되지 않는데 제가... - 인프런

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>구구단</title>
    <script
      crossorigin
      src="https://unpkg.com/react@16/umd/react.development.js"
    ></script>
    <script
      crossorigin
      src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"
    ></script>
  </head>
  <body>
    <div id="root"></div>
    <!-- 결과 : <div id="root"><button>Like</botton></div> -->
    <script type="text/babel">
      class GuGuDan extends React.Component {
        constructor(props) {
          super(props);
          this.state = {
            first: Math.ceil(Math.random() * 9),
            second: Math.ceil(Math.randon() * 9),
            value: "",
            result: "",
          };
        }
        render() {
          return (
            <div>
              <div>
                {this.state.first}곱하기{this.state.second}는?
              </div>
              <form>
                <input type="number" value={this.state.value} />
                <button>입력!</button>
              </form>
              <div>{this.state.result}</div>
            </div>
          );
        }
      }
    </script>
    <script type="text/babel">
      ReactDOM.render(<GuGuDan />, document.querySelector("#root"));
    </script>
  </body>
</html>

인프런 커뮤니티 질문&답변

똑같이 따라쳤는데 라이브 서버에서 아무 것도 출력되지 않는데 제가 놓친 부분이 있을까요?