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

July 31, 2020

누군가 Dan Abramov(redux 만든이)에게 물어봤다.
답변
- DOM을 직접 조작하는 것보다는 빠를수는 없다. 하지만 그 이상의 일을 더 할 수 있다.
- 유지보수에 용이하며, UI를 변경하는데 충분히 빠른 속도를 가지고 있다.
- 이러한 점때문에 페이스북에서 사용
나만의 정리
```
// 변경 전
<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번 리랜더링이 이루어진다.
  - 렌더링 마다 리소스 소모
  - 브라우저에서 렌더링이 가장 큰 리소스
- 리엑트는 한번에 변경 후의 상태를 만들어 렌더링을 한번만 실행
  - 렌더링 보다는 리소스가 절약
  - 렌더링 숫자를 한번으로 줄여 리소스 절약