목록재조정 (1)

Jaeilit

리액트 재조정과 가상돔

재조정 공식문서 재조정 (Reconciliation) – React A JavaScript library for building user interfaces ko.legacy.reactjs.org 이전글에서 브라우저 렌더링 과정을 살펴 봤습니다. 브라우저가 HTML 파싱하여 렌더트리를 구성하고 레이아웃을 계산하여 페인팅을 하는데 DOM 요소의 추가 또는 width height 같이 위치값 변경이 일어나면 Reflow가 일어나서 렌더트리를 재구성하게 됩니다. SPA 의 스택기반의 페이지들은 dom 요소의 변화가 빈번하기 때문에 Reflow 는 많은 연산을 요구함으로 비용이 많이 드는 작업입니다. 이는 성능과도 연결이 되므로 리플로우를 최소화하는 것이 성능을 향상시키는 방법이 됩니다. 재조정과 가상돔 처음에..
TIL 2023. 6. 8. 16:04
이전 Prev 1 Next 다음