디핑 결과에 따라 실제 DOM에는 변경한 부분만 최소한으로 업데이트하며, 이 과정을 재조정(reconciliation)이라고 합니다.

그림 1-3 가상 DOM을 이용한 효율적인 렌더링 방식

리액트는 가상 DOM을 활용한 효율적인 렌더링 구조를 통해 기존 웹 개발 방식의 문제점을 극복했습니다.

● 선언적 프로그래밍

자바스크립트나 jQuery와 같은 기존 웹 개발 도구는 대부분 명령형 프로그래밍(imperative programming) 방식을 사용합니다. 이는 UI를 만들 때 ‘어떻게 변경할지(how)’를 작성하는 방식입니다. 예를 들어, 명령형 방식에서는 화면에 표시된 숫자를 증가시키기 위해 모든 단계를 개발자가 직접 코드로 작성해야 합니다. 숫자를 직접 1씩 증가(➊)시키고 증가한 값을 화면에 반영(➋)하도록 코드를 작성합니다.