[React] 리랜더링

바닐라js : 요소가 변경되면 요소를 다시 그림
리액트 : 요소에서 변경된 부분만 다시 그림

const nowTime = () => {
  const time = new Date().toLocaleTimeString()
  const element = <h1> It is {new time} </h1>
  ReactDOM.render(element, 루트요소)
}

// 1초에 한번씩 nowTime 함수 실행
setInterval(nowTime, 1000)

-> It is 부분은 바뀌지 않고 시간 부분만 바뀜

• 리액트 재조정 알고리즘: 가상돔을 사용하여 변경사항 비교