1. 개요React의 핵심 기능중 하나는 VritualDOM이다.VirtualDOM과 관련된 내용은 아래에 다뤄본 적이 있다.https://w-storage.tistory.com/71 [React] VitrualDOM을 알아보자!1. 개요React는 최적화를 위한 기능들을 내장하고 있다. 그중 하나가 VirtualDOM이다.VirtualDOM은 무엇이고 어떻게 작동할까? 또 React는 왜 VirtualDOM을 사용할까?이번 글에서는 VirtualDOM과 동작 방식에 대w-storage.tistory.com여기서 궁금증이 발생한다. VirtualDOM을 이용하면 속도는 어떻게 될까? 2. VirtualDOM을 이용하면 속도가 빨라질까?그럴수도 있고 아닐수도 있다.VirtualDOM은 "최소한의 DOM 업..
diffing
1. 개요React는 최적화를 위한 기능들을 내장하고 있다. 그중 하나가 VirtualDOM이다.VirtualDOM은 무엇이고 어떻게 작동할까? 또 React는 왜 VirtualDOM을 사용할까?이번 글에서는 VirtualDOM과 동작 방식에 대해 알아보자! 2. DOM이란?화면이 렌더링될 때 아래의 순서로 렌더링된다.서버로부터 html요소를 받아온다.html을 위에서부터 파싱하며 DOM트리 구조를 구성한다.css를 만난 경우 CSSOM트리 구조를 구성한다.DOM트리와 CSSOM트리를 결합해 Render트리를 생성한다.Reflow, Repaint과정을 거쳐 화면을 렌더링한다., 같은 태그들은 Javascript가 직접 이용할 수 없기 때문에 객체로 변환되는데, 이것이 DOM(Document Object..
