리액트는 화면에서 바뀐 부분만 골라서 다시 그리는 똑똑한 시스템입니다.
전체 화면을 매번 새로 그리지 않아 빠르고 효율적입니다.
처음 화면 만들기
Virtual DOM(가상 화면 설계도)을 만들고 실제 화면에 보여줌.
데이터 변화 감지
state나 props가 바뀌면 변경이 필요한 컴포넌트만 표시.
새 Virtual DOM 생성
변경된 데이터를 반영한 새로운 가상 설계도 작성.
비교(diffing)
이전 설계도와 새로운 설계도를 비교해서 변경된 부분 찾기.
필요한 부분만 업데이트(Reconciliation)
바뀐 부분만 실제 DOM에 반영.
화면 갱신(Painting)
사용자에게 변경된 화면 보여줌.