React의 Virtual DOM에 대해 알아보자

* 이 글은 아래 글을 읽고 공부하면서 요약 정리한 글입니다 velopert.com/3236 virtual DOM의 작동원리를 이해하기 위해서는 브라우저 렌더링 과정에 대해서 이해해야 한다. 이전에 브라우저 렌더링 과정을 정리한 글이 있으니 한 번 읽어보자. 2020/09/17 - [FE면접준비] - 브라우저 렌더링 과정 리액트는 '뷰' 만을 담당하는 라이브러리이며 DOM에 변화가 생겼을 때 변경사항을 적용하는 것이 아니라 기존 뷰를 날리고 다시 새로운 뷰를 렌더링한다. 복잡한 Modification 작업을 하지 않아도 된다는 장점이 있지만 매번 뷰를 날리고 새로운 뷰를 렌더링하는 것은 부담이 클텐데 어떻게 리액트는 성능을 최적화하는 것일까? 리액트는 virtual DOM을 이용하여 DOM 조작을 최소화..