코드를 위한 기록

Real DOM DOM. 실제 돔. 가상 돔과 구분하기 위해 Real DOM이라 명칭함 브라우저(JavaScript 같은 스크립팅 언어)가 태그에 접근하여 조작하기 위해 태그들을 트리 구조로 만든 객체 모델 DOM의 리렌더링 과정 DOM은 UI가 변경될 때마다 업데이트하는데, DOM 조작이 잦다면 DOM 렌더링은 브라우저의 파워(구동 능력)에 의존하기 때문에 성능이 안좋아지고 조작속도가 느려지게 됨 트리 구조는 저장된 데이터를 효과적으로 탐색할 수 있게하기 때문에 탐색 속도도 빠르고 변경/업데이트 속도도 빠르지만 요소가 변경/업데이트되어 DOM 트리가 재구축되면 브라우저 렌더링 엔진에서 리플로우, 리페인트(Reflow, Repaint)가 발생하며 재연산으로 인해 속도가 느려지게 됨 Virtual DOM ..