Fiber

[React] React 내부 메커니즘 알아보기 - 01_v16이전의 리액트 동작

리액트는 기본적으로 가상 DOM을 생성하여 해당 DOM에 변경사항을 반영하고, 이후 실제 DOM과의 비교를 통해 최종 업데이트 하는 방식을 가집니다.Stack Reconciler리액트 v16 이전에는 가상 DOM에서의 변경사항을 찾기 위해서 재귀적으로 노드를 DFS 방식으로 변경점을 찾았습니다.이걸 코드로 간단히 나타내면 아래와 같이 표현될수있습니다.// 가상 DOMconst prevVDOM = { type: "div", props: { id: "root" }, children: [ { type: "p", props: { text: "Hello" }, children: [] }, { type: "span", props: { text: "World" }, children: [] }, ],..