import React from 'react';
import ReactDOM from 'react-dom';

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));
}

setInterval(tick, 1000);

  • React Element 는 불변객체다
    • 생성 이후 자식이나 속성 변경이 불가능
  • UI를 업데이트하는 유일한 방법
    • 새로운 엘리먼트를 생성
    • 이를 RenderDOM().render()에 전달
  • 변경된 부분만 업데이트
    • React DOM 은 해당 엘리먼트와 자식 엘리먼트를 이전과 비교하여 필요한 경우만 DOM을 업데이트 한다