[React] 리액트 조화 과정(Reconciliation)

리액트 라이브러리에서 중요한 부분인 업데이트에 대해 알아보자!

리액트에서 뷰를 업데이트할 때 '업데이트 과정'보다는 '조화 과정(Reconciliation)'이라고 하는 게 더 정확하다.

❓🤔 왜일까?

컴포넌트에서 데이터에 변화가 있을 때 변화에 따라 뷰가 변형되는 것 같지만, 실은 새로운 요소로 갈아 끼우는 거라서 그렇다.

이러한 작업을 render 함수가 함!

• render 함수
  뷰가 어떻게 생겼고 어떻게 작동하는지 객체를 반환함.

• 컴포넌트
  데이터를 업데이트 시 단순히 업데이트한 값을 수정하는 것이 아니라, 새로운 데이터를 가지고 render 함수를 다시 호출해 새로운 데이터를 지닌 뷰를 생성함.
  
  이때 render 함수가 반환한 결과를 바로 DOM에 반영하지 않고, 이전에 render 함수가 만들었던 컴포넌트 정보와 현재 render 함수가 만든 컴포넌트 정보를 비교함.