목록DOM (1)

Gapus Dev Blog

[React] 가상 DOM의 개념과 DOM 과의 차이에 대해

가상 DOM (Virtual DOM) 설명 가상 DOM은 React와 같은 라이브러리나 프레임워크에서 사용되는 개념으로, UI의 효율적인 업데이트를 위해 활용 가상 DOM은 실제 DOM의 가벼운 복제본으로, React 컴포넌트의 상태 변화에 따라 가상 DOM이 업데이트 JavaScript 객체로써 메모리에 존재하며, 실제 DOM과는 독립적으로 작동 상태 변화가 발생하면 React는 이전 가상 DOM과 현재 가상 DOM을 비교하여 실제 DOM에 반영해야할 변경 사항을 파악하고, 변경사항이 있는 부분만을 선택적으로 실제 DOM에 반영 가상 DOM을 사용하면 성능 개선과 동시에 개발자가 UI업데이트를 쉽게 관리 가능 필요한 이유 성능 향상 실제 DOM 조작은 비용이 많이 발생 DOM에 직접 접근하여 변경하면 ..
프론트엔드/React 2023. 11. 24. 21:52
이전 Prev 1 Next 다음