2.4.9 주석

    JSX 안에서 주석을 작성하는 방법은 일반 자바스크립트에서 주석을 작성할 때와 조금 다릅니다. 다음 코드를 한번 살펴보세요.

    src/App.js

    import React from 'react';
    import './App.css';
     
    function App() {
      const name = '리액트';
      return (
        <>
          {/* 주석은 이렇게 작성합니다. */}
          <div
            className="react" // 시작 태그를 여러 줄로 작성하게 된다면 여기에 주석을 작성할  있습니다.
          >
            {name}
          </div>
          // 하지만 이런 주석이나 
          /* 이런 주석은 페이지에 그대로 나타나게 됩니다. */
          <input />
        </>
      );
    }
     
    export default App;

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