반응형 컴포넌트 라이프사이클1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 76 (가상 DOM의 작동 방식, 컴포넌트 라이프사이클, 순수 함수와 부수 효과) 목차가상 DOM의 작동 방식컴포넌트 라이프사이클순수 함수와 부수 효과오늘 하루를 돌아보며 가상 DOM의 작동 방식가상 DOM은 실제 DOM 조작의 비효율성을 해결하기 위해 리액트가 도입한 핵심 기술이다. 실제 DOM은 변경될 때마다 전체 DOM을 다시 계산하고 그려야 해서 성능이 저하되지만, 가상 DOM은 메모리상에서 UI의 가벼운 복사본을 만들어 효율적으로 업데이트를 처리한다. 가상 DOM의 작동 원리는 다음과 같다.새로운 가상 DOM 생성: 컴포넌트의 상태(state)가 변경되면 컴포넌트가 다시 렌더링되면서 새로운 가상 DOM 트리가 만들어진다.이전 가상 DOM과 비교(Diffing): 리액트는 새로 만들어진 가상 DOM과 이전 가상 DOM을 비교하여 어떤 부분이 변경되었는지 찾아낸다.실제 DOM 업.. 2025. 8. 25. 이전 1 다음 반응형
