React

리액트의 내부 작동 원리를 재조정 (Reconciliation) 개념과 함께 설명하세요.

매일매일코드일기장 2022. 7. 1. 23:09

👉 재조정 (Reconciliation)이란?

  • React는 실제 DOM을 직접 제어하지 않고 중간에 virtual DOM을 두어 virtual DOM이 변경이 되었을때 실제 DOM을 갱신하도록 설계되어있습니다.

👉 virtual DOM을 갱신하는 방법

  • setState() 메소드를 호출
  • 전역 상태 관리 라이브러리 ( redux,mobx ... ) store 데이터가 변경
  • 위 두가지의 행동이 일어났을때 최상위 컴포넌트의 render() 함수를 호출해서 렌더링이 일어납니다