03. React Dom

DOM?

Document Object Model
:문서 객체로 html 문서에 js가 접근할 수 있도록 html태그들을 객체로 만든 것

우리가 열심히 짠 js코드들이 html에 접근할 때 dom 객체를 통해 인식이 가능하다.

문제는 DOM은 변경사항이 있을때마다 re-rendering을 한다.
즉, 속도가 느려질수밖에 없다.

➡➡ Virtual DOM의 등장

1. 변경사항 시 virtual dom에 re-rendering
2. virtual dom 끼리 비교
3. 변경 사항 만 실제 DOM에 적용

그런데 다른 글들을 찾아보다 보니..

virtual dom을 사용하는게 대부분의 상황에서 빠르진 않대요,,?
그냥 나쁘지 않은 정도인것 같다..(자세한건 참고자료 두번째 링크~)
어쨌든 변경사항들을 가상돔(virtual dom)에 모았다가 DOM에 한번에 보내는 기술이다~ 성

참고자료🚀:
https://devbirdfeet.tistory.com/219
https://velog.io/@woohm402/virtual-dom-and-react