본문 바로가기

React/이론 공부

리액트 UI업데이트, DOM, Virtual DOM

Q. 리액트가 UI를 업데이트 하는 법

A. 컴포넌트 상태, props가 변경에 따라 이루어진다. state의 변경상태를 모아서 배치 업데이트

 

Q. DOM이 동작하는 원리와 DOM의 단점

A. 트리 형태로 구조를 만든다. 그 트리는 노드로 구성되어있고 노드는 HTML 요소이다.

JS로 DOM에 접근하고, 웹 페이지의 요소를 선택하고 변경한다.

 

다만, 단점은 성능문제이다.

reflow : 렌더링 엔진에서 요소배치

replaint : UI 기반의 구성 요소

 

Q. Virtual DOM 동작원리, 장점

A. 메모리에 존재하는 가벼운 복사본, 실제 DOM과 동기화 되는 방식