162. 컴포넌트 업데이트 실행 중

리액트는 상태나 props, 컨텍스트 변경시에만 함수를 재실행하고 재평가한다고 했죠?

먼저, 항상 말하듯 상태 변경이나

props 변경, 또는 컨텍스트 변경은

컴포넌트 함수를 다시 실행시킨다고 했다

간단하게 버튼을 만들어서 클릭하면 <p> 태그 내용이 출력되고 다시 클릭하면 사라지는 토글 버튼을 만들었다

 

그 과정에서 전체 DOM이 재실행되는 것이 아닌 업데이트가 일어난 부분만 실행된 것을 확인할 수 있다. 

즉 실제 DOM을 통한 업데이트는 가상 스냅샷 간의 차이점만 반영되었다