[React, 짧은글] VirtualDOM을 이용하면 속도가 빨라질까?

1. 개요

React의 핵심 기능중 하나는 VritualDOM이다.

VirtualDOM과 관련된 내용은 아래에 다뤄본 적이 있다.
https://w-storage.tistory.com/71

[React] VitrualDOM을 알아보자!

여기서 궁금증이 발생한다. VirtualDOM을 이용하면 속도는 어떻게 될까?

 

2. VirtualDOM을 이용하면 속도가 빨라질까?

그럴수도 있고 아닐수도 있다.

VirtualDOM은 "최소한의 DOM 업데이트"에 목적이 맞춰져 있다.

그렇기에 서비스의 규모나 상황에 따라 달라질 수 있다.

 

VirtualDOM은 diffing과정이 추가되기 때문에 DOM 조작이 매우 적은 애플리케이션에서는 성능을 저하시킬 수 있다.

하지만 대규모의 복잡한 서비스의 경우 VirtualDOM의 효과를 볼 수 있는데, VirtualDOM이 DOM의 조작을 최소화 하여 복잡한 UI업데이트를 효율적으로 처리할 수 있게 된다.

즉, "VirtualDOM을 이용하면 속도가 빨라진다"라는 말은 특정 조건에서만 해당되는 표현이며 잘못된 일반화라 볼 수 있다.