<aside> ❗ 내가 직접 만든 HTML 태그

</aside>

JSX

<script type="text/babel">

  const root = document.querySelector('#root')

  ReactDOM.render(
    <div>
			<div>
        <h1>주제</h1> 
        <ul>
          <li>React</li>
          <li>Vue</li>
        </ul>
      </div>,
    root
  ) 
  </script>

ex) <div style={ {color: red, fontSize: ‘30px’} }></div>


class 컴포넌트

class ClassComponent extends React.Component {
      render() {
        return (<div>Hello</div>)  // JSX 언어
      }
    }

const root = document.querySelector('#root')
ReactDOM.render(<ClassComponent />, root)

Function 컴포넌트