- React 컴포넌트는 상태 변화 시 UI를 구성하며, 가상 돔(virtual dome)을 이용하여 브라우저에 실제 DOM을 업데이트합니다.🌳
- 가상 돔은 React에서 상태를 메모리에서 관리하는 가상 구조로, 실제 DOM과 비교하여 변경된 부분만 업데이트하여 성능을 향상시킵니다. 💡
- React는 렌더링 단계(render phase)와 커밋 단계(commit phase)로 나뉘어, 변경 사항을 가상 돔에서 검토하고 실제 DOM에 반영합니다. 🔄
- 초기 렌더링은 앱이 시작될 때, 재 렌더링은 상태 변경, 키 프로퍼티 변경, 또는 디스패치 호출 시 발생합니다. 🍀
- React는 두 개의 가상 돔만 관리하여 메모리 사용을 최적화하며, 변경된 부분만 업데이트하는 딥핑 알고리즘(diffing algorithm)을 사용합니다. 🚀
- React는 복잡한 렌더링 프로세스를 통해 UI 업데이트를 효율적으로 수행하고 성능을 개선합니다. ⚡️