• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

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

21.06.28 13:19 작성 조회수 162

0

<!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>

답변 1

답변을 작성해보세요.

0

황선영님의 프로필

황선영

질문자

2021.06.28

콘솔에는 react.development.js:2337 [Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details. 와 같은 에러가 뜹니다.