React Element = JavaScript 객체

JSX

<div className="container">
  <h1>제목</h1>
  <p>내용</p>
</div>

변환

JavaScript 객체

{
  type: 'div',
  props: {
    className: 'container',
    children: [
      { type: 'h1', props: { children: '제목' } },
      { type: 'p', props: { children: '내용' } }
    ]
  }
}

이게 바로 Virtual DOM의 시작!

5