Skip to content

React Virtual Dom 왜 좋을까

가상 돔은 실제 돔의 조작을 최소화하여 반응이 많은 웹에서 성능 최적화를 할 수 있다.

실제 DOM과 유사한 객체 형태의 가상 돔을 메모리에 저장한다.
가상돔은 State의 변화를 감지하고, 만약 State의 변화를 탐지하면 가상돔에 반영 후 가상돔과 실제 돔을 비교하여 변경됨 View만을 실제 돔에서 갱신한다.
실제 돔을 갱신하는 과정은 리소스가 많이 드는 과정이기에, 가상돔을 이용하면 변화가 많은 View를 최소한으로 조작하고, 효율적으로 업데이트할 수 있다.