본문 바로가기

React/일반

리액트의 주요한 특징 - 렌더링

렌더 메소드의 아웃풋으로 리액트 엘리먼트가 나오는데

이 엘리먼트는 DOM이 아니고 DOM 엘리먼트를 가리키는 자바스크립트 객체다.

DOM보다 가벼워 새로 만들더라도 리소스를 덜 잡아 먹는다.

이를 버추얼 DOM이라고 부른다.

 

컴포넌트의 state가 바뀌었을 때 새로운 리액트 엘리먼트를 얻게 되고

이전의 엘리먼트와 비교한다.

바뀐 부분이 있다면 DOM의 해당 부분을 업데이트해서 버추얼 DOM과 맞춘다.

 

단순히 컴포넌트의 state를 바꾸면

리액트는 자동적으로 이에 맞게 변화시켜 주는 원리다.

그래서 이 라이브러리의 이름이 react이기도 하다.

 

참고 : youtu.be/Ke90Tje7VS0?t=205