목록virtual dom (1)

코딩왕랄프👊🏻

[React] Virtual DOM

Virtual DOM에 대해 알아보기 전에, DOM이 무엇인지 알아보자. DOM이란, Document Object Model 로 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML로 작성한다. 웹 브라우저는 DOM을 활용해 객체에 자바스크립트와 CSS를 적용한다. 이 DOM 자체는 빠르나, 웹 브라우저 단에서 DOM에 변화가 일어나면 웹 브라우저가 CSS를 다시 연산하고, 레이아웃을 구성하고, 페이지를 리페인트하기 때문에 이 과정에서 시간이 허비가 된다. 이를 어떻게 해결할까? DOM을 최소한으로 조작해 작업을 처리하는 방법으로 개선할 수 있다. 따라서 리액트는 Virtual DOM 방식을 사용해 DOM 업데이트를 추상화 함으로써 DOM 처리 횟수를 최소화, 효율적으로 진행한다. 그러나, Virtu..
React 2022. 2. 10. 16:54
이전 Prev 1 Next 다음