React 파헤치기 #2 (Virtual DOM)

이전 포스팅에서 React는 선언형이라는 것을 알아보았다. 개발자가 UI를 작성하고 React에 전달하게 되면 이후 렌더링 및 관리를 React에서 책임을 지게 된다는 내용이 등장했었다.

이 과정중 데이터가 변경 되었을때 React가 어떻게 뷰를 변경하는지 알아보자. Virtual DOM이란?

리액트 공식문서에는 Virtual DOM에 대해 다음과 같이 설명하였다. Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념 Virtual DOM은 React에서 데이터의 변경이나 유저와의 상호작용 등을 통해 어떠한 변화가 일어날 때 가상의 DOM( DOM을 흉내낸 JavaScript 객.....