[리액트 React] 리랜더링, 페인팅

• 리렌더링(Rendering)

리렌더링은 화면에 표시되는 내용이 변경될 경우 새로운 화면을 구성하는 과정으로 주로 상태(State)나 프로퍼티(Props)가 변경되었을 때 해당 변경 사항을 반영하여 새로운 가상 DOM(Virtual DOM)을 만들고 이를 화면에 렌더링 하는 과정을 의미한다

 

• 페인팅(Painting)

페인팅은 실제 화면에 보이는 부분이 변경될 경우 변경 부분만 새로 화면에 반영시키는 과정으로 브라우저가 변경된 부분만을 업데이트하고 이를 화면에 그리는 과정을 의미한다. 페인팅은 리렌더링 과정 이후에 발생하는 단계이며, 변경된 부분만을 실제로 화면에 반영하여 성능을 향상하는데 중요한 역할을 한다