Virtual DOM

Virtual DOM(가상 돔)

• 실제 DOM 트리의 사본으로, 웹 페이지의 UI를 표현하는, 메모리에 존재하는 가상의 DOM
• 효율적인 UI 업데이트와 빠른 렌더링을 가능하게 함

작동 원리 in react

• 초기 렌더링 시 실제 돔을 기반으로 가상 돔을 메모리에 띄움
• UI에 변경이 감지되면 React는 새로운 가상 돔을 만들어 기존의 가상 돔과 비교하여 변경점 확인함
• 변경된 부분만 실제 돔에 업데이트하여 필요한 부분만 렌더링 되도록 함

React를 사용하는 이유

• 가상 돔 활용하여 렌더링 성능 향상
• 컴포넌트 기반의 독립적이고 재사용 가능한 구조
• UI를 상태에 따라 선언적으로 표현하여 가독성과 유지보수 용이
• 강력한 생태계와 커뮤니티를 가지고 있어 개발 편의성이 높음
• 다양한 웹가 모바일 애플리케이션 개발에 적용할 수 있으며, Redux, MobX등의 상태 관리 라이브러리와 통합 가능