chapter-04/04-dom-rendering-moods/DOM-rendering-moods.html

<!DOCTYPE html>
<html>
<head>
    <meta name="description" content="DOM 갱신하기">

    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="DOM-rendering-moods.css">
    <title>DOM 갱신하기</title>
</head>
<body>
<header>
    <h1>DOM 갱신하기M</h1>
    <p>스페이스바를 누르면 기분을 바꿀 수 있습니다</p>
</header>
<section>
    <h2>jQuery</h2>
    <div id="target-jquery"></div>
</section>
<section>
    <h2>React</h2>
    <div id="target-react"></div>
</section>
<script src="DOM-rendering-moods.js" type="text/babel"></script>
</body>
</html>