React 기초 강의 #1 real DOM, virtual DOM 이해하기

Real DOM
1.만약 10개의 리스트가 있다.
2.그 중에 한 가지의 리스트만 Update 됨
3.전체 리스트를 다시 Reload 해야됨!
4.Super Expensive한 작업

Virtual DOM
1.만약 10개의 리스트가 있다.
2.그 중에 한 가지의 리스트만 Update됨
3.그 바뀐 한 가지 item만 DOM에서 바꿔준다.

virtual DOM은 real DOM을 copy한 거

virtual DOM이 이전 virtual DOM에서 찍어둔 Snapshot과 비교를 해서 바뀐 부분을 찾는다.

이 과정을 diffing이라고부름

바뀐 부분을 찾으면 real DOM에 적용한다.

virtual DOM에 관련해서 깊게 공부하여 포스팅할 예정~