TIL_리액트 # 3 |

페이스북은 왜 리액트를 만들었나?

Dom : 트리구조 : 부모-자식

---

DOM이 수정되면?

페북의 타임라인 무한스크롤~~~ 앗 500개나 보다가 맘에드는 포스트 발견

!!! 좋아요 -> DOM의 수정이 일어남!!

자식 node를 찾아서 계~속 찾아서 수정을 했다... 아이고 힘들어

보다 보니까 2346번째 포스트가 또 맘에 들어 또 node - node - node - node - node - node - node - node - ..

즉, DOM '하나'가 수정된다면 모든 DOM을 뒤져야 한다.

전면 수정의 반복, 자식노드의 수정을 부모가 갖기 때문에 계속 수정수정수정수정수정수정수정수정수정.......

---

가상 DOM의 등장!

'행위에 따라서 가짜 돔을 그린다'

메모리에 - 변화한 n번째 DOM만 다시 그리는 것

중요_ 수정 X / 갈아끼우기 O

---

그럼 언제 DOM을 새로 그릴까?

1. 처음 페이지에 진입했을때. = 렌더링

2. 데이터가 변화했을때. = 리렌더링