React 18 버전부터 virtualDom은 업데이트의 우선순위를 부여해준다.
(ex. 애니메이션과 text 중 우선순위를 선정)
Fiber는 리엑트 렌더링/업데이트의 가장 작은 단위이다.(react컴포넌트보다 작은 단위)
Reconciliation(재조정)시, DFS(깊이우선탐색)로 노드를 하나씩 다 비교한다. 따라서 불필요한 태그를 제외하는게 좋다.(빈 태그도 비교한다.)
<div key="first">
<p key="firstChild">첫번째</p>
</div>
<div key="second">
<p key="secondChild">두번째</p>
</div>
// first -> firstChild -> second -> secondChild순서로 비교한다