virtual dom
-
돔과 가상돔의 개념 및 차이점카테고리 없음 2019. 12. 23. 02:42
돔 (DOM; Document Object Model, 문서객체모델) 기존에 React나 Vue와 같은 SPA(Single Page Application) 을 위한 프레임워크(or 라이브러리) 가 나오기 전까지는, 자바스크립트로 인한 HTML에 동적인 변경이 있을 경우 전체 페이지를 검색해(DOM Tree를 검색해서) 해당 부분을 교체 한 후 전체 페이지에 대해 재 렌더링을 해주었다. 아주아주 간단한 코드로 예시를 들어보자. let node = document.getElementById("myNode"); 위 코드의 document가 DOM 객체라 볼 수 있는데, 기존에는 위와같이 HTML 구조 전체를 가지고 있는 document라는 객체를 이용해 해당 HTML 문서를 동적으로 수정할 수 있었다. SPA..