React/일반
리액트의 주요한 특징 - 렌더링
Socratone
2020. 6. 14. 15:58
렌더 메소드의 아웃풋으로 리액트 엘리먼트가 나오는데
이 엘리먼트는 DOM이 아니고 DOM 엘리먼트를 가리키는 자바스크립트 객체다.
DOM보다 가벼워 새로 만들더라도 리소스를 덜 잡아 먹는다.
이를 버추얼 DOM이라고 부른다.
컴포넌트의 state가 바뀌었을 때 새로운 리액트 엘리먼트를 얻게 되고
이전의 엘리먼트와 비교한다.
바뀐 부분이 있다면 DOM의 해당 부분을 업데이트해서 버추얼 DOM과 맞춘다.
단순히 컴포넌트의 state를 바꾸면
리액트는 자동적으로 이에 맞게 변화시켜 주는 원리다.
그래서 이 라이브러리의 이름이 react이기도 하다.