React 컨셉

이후띵·2022년 5월 25일
0

React

목록 보기
1/1

리액트는 컴포넌트 단위로 이루어진 UI를 만들 수 있는 라이브러리이다.

가상의 DOM트리로 리액트의 컴포넌트들이 메모리상에 보관이 되어있다.
리액트의 모든 구조들이 바로 돔트리에 업데이트 되는 것이 아니라,
컴포넌트에 변동사항이 생겨서 자식 컴포넌트에 render 함수가 호출이 되면
리액트는 이전의 가상 돔트리와 비교해서 실질적으로 어떤 부분이 업데이트 돼야 되는지
계산을 하고 필요한 부분만 돔트리에 업데이트 한다.
render 함수가 많이 호출이 되어도 실질적으로 보여지는 데이터들이 변경되지 않으면
돔트리에 전혀 영향을 주지 않기 때문에 성능을 크게 걱정하지 않아도 된다.
또한, 매번 업데이트 하는 것이 아니라 업데이트 해야하는 내용들을 모아서 한번에 업데이트 하기 때문에 성능적으로 우수하다.

profile
이후띵's 개발일지

0개의 댓글