리액트와 상태관리 툴(리덕스 등)을 사용하다 보면 불변성에 대해 항상 신경을 써야 한다. 그리고 왜 불변성을 신경 써야 하는지 이해하려면 가상 DOM에 대한 이해가 필요하다고 판단하였다. 헷갈리게 알고 있던 DOM과 가상 DOM을 정리해보고자 한다. 아직 브라우저 렌더링 과정에 대한 이해는 부족하기에 내용은 계속해서 수정될 수 있다. DOM이란 Document Object Model로서 말 그대로 다큐먼트(웹페이지)를 객체로 표현하는 모델을 의미한다. 브라우저마다 DOM을 구현하는 방식은 다르기에 DOM이라는 것이 구체적으로 정해저 있는 언어나 모델과 같은 것은 아니다. 다만 웹페이지를 객체로 표현한 모델을 의미할 뿐이다. 그렇다면 브라우저는 어떻게 DOM을 이용하여 화면을 렌더링 할까? 첫째, 브라우저..
