Reconciliation
-
React 재조정FE/React 2023. 11. 23. 23:20
리액트를 경험한 지 어언 3주 차, 가장 신기했던 것 하나를 알아보고자 합니다.리액트를 사용하기 전에는 요소를 추가, 제거, 업데이트할 때 개발자 도구를 확인해 보면 전체 태그가 변경되는 것을 확인할 수 있었습니다.그런데, 리액트를 사용하니 변경된 부분만을 갱신하는 게 굉장히 신기했습니다.그래서 어떻게 변경된 부분만 쏙쏙 찾아서 업데이트해주는지 알아보았습니다.가상 돔 (Virtual DOM)먼저, 가상 돔이 뭔지 알아야 합니다.DOM은 Document Object Model의 약자로, 직역하면 문서 객체 모형입니다.풀어서 말하면 HTML 등의 문서의 각 항목들을 트리구조로 만든 객체 모델을 말합니다.그럼 Virtual DOM은 실제 돔이 아닌 DOM을 추상화시킨 것이라는 것을 유추할 수 있습니다.가상 돔..