Jun 개발노트

가상돔은 돔을 직접 조작하는 것보다 빠른가?

2020-07-31

가상돔은 돔을 직접 조작하는 것보다 빠른가?

  1. 누군가 Dan Abramov(redux 만든이)에게 물어봤다. Dan Abramov

  2. 답변

    • DOM을 직접 조작하는 것보다는 빠를수는 없다. 하지만 그 이상의 일을 더 할 수 있다.
    • 유지보수에 용이하며, UI를 변경하는데 충분히 빠른 속도를 가지고 있다.
    • 이러한 점때문에 페이스북에서 사용
  3. 나만의 정리

    // 변경 전
    <ul>
      <li>1</li>
      <li>1</li>
      <li>1</li>
    </ul>
    
    //변경 후
    <ul>
      <li>2</li>
      <li>3</li>
      <li>4</li>
    </ul>
    
    • DOM API로 3개의 노드를 수정하면 3번 리랜더링이 이루어진다.
      • 렌더링 마다 리소스 소모
      • 브라우저에서 렌더링이 가장 큰 리소스
    • 리엑트는 한번에 변경 후의 상태를 만들어 렌더링을 한번만 실행
      • 렌더링 보다는 리소스가 절약
      • 렌더링 숫자를 한번으로 줄여 리소스 절약