React 리렌더링 특징

0916(목)

react.

바닐라자바스크립트 - 해당 태그가 속해있는 전체 영역을 다시 그림

React - 해당 태그가 속해있는 부분만 다시 그림

리액트의 리랜더링이 마냥 좋은 것만은 아니다.

React의 경우 어떤 컴포넌트에서 상태가 바뀌었다는 것을 인지하려면 상태값을 초기에 모두 저장해두어야 하기 때문에 처음 웹페이지를 불러오는데 있어서 많은 양의 데이터를 처리할 필요가 있음

데이터 변경에 따른 리렌더링 장점 - html 요소 전체를 다시 그리는 게 아닌 데이터가 바인딩 되어 있는 특정 태그만 리랜더링 해주기 때문에 웹사이트를 새로고침할 때 나타나는 깜박임이 없고, 전체가 아닌 일부만 리렌더링 해주니 프론트화면 레이아웃을 깨뜨릴 일이 없다.