리액트를 다루는 기술 [개정판]: 16.2.2 간단한 UI 구성하기

다음으로 index.html을 수정하세요.

index.html

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="index.css" />
  </head>
  <body>
    <div class="toggle"></div>
    <hr />
    <h1>0</h1>
    <button id="increase">+1</button>
    <button id="decrease">-1</button>
    <script src="./index.js"></script>
  </body>
</html>

다음과 같이 간단한 UI를 구성했습니다.

▲ 그림 16-3 간단한 UI 구성하기

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.