가상 DOM 편집하기 (부분)

== 작동 원리 ==
가상 DOM은 다음과 같은 단계를 통해 동작한다:

# '''가상 DOM 생성''': 애플리케이션의 상태에 따라 가상 DOM을 메모리에 생성한다. 이는 실제 DOM과 동일한 구조를 가지지만, 메모리에서만 존재하는 객체이다.
# '''변경 사항 탐지''': 애플리케이션의 상태가 변경되면 새로운 가상 DOM을 생성한다. 이전 가상 DOM과 새로운 가상 DOM을 비교(diffing)하여 변경된 부분을 탐지한다.
# '''실제 DOM 업데이트''': 변경된 부분만 실제 DOM에 적용(patching)한다. 이 과정을 통해 전체 DOM을 다시 그리는 과정을 줄이고 성능을 최적화한다.

<syntaxhighlight lang="javascript">
const element = React.createElement('h1', null, 'Hello, world!');
// 가상 DOM을 생성
console.log(element);
</syntaxhighlight>