dom(2)
-
Virtual DOM
리엑트를 사용하는 이유에는 여러가지가 있다.그중에서 가상 DOM 은 큰 특징이다.DOM 웹 페이지나 웹 앱에 있는 HTML 요소들을 구조적으로 표현한 것이다.DOM 은 애플리케이션 전체 UI 를 나타내고 트리 구조로 표현된다.여기에는 Web Document 에 있는 각 UI 요소에 대한 노드가 포함된다.웹 개발자가 자바스크립트를 통해 컨텐츠를 수정할 수 있기 때문에 유용하다.또한 구조화된 형식으로 되어 있어 특정 대상을 선택할 수 있고 모든 코드 작업이 쉬워지기 때문에 도움이된다. DOM 의 문제점은? DOM 은 트리 구조로 되어 있어 이해하기 쉽지만, 노드의 수가 많아질 수록 느려지고, DOM 업데이트에 잦은 오류를 발생시킬 수 있다.또 최근 웹은 SPA 를 사용한다. 하나의 웹 페이지를 어플리케이션처..
2024.05.03 -
Javascript DOM
DOM (Document Object Model) DOM (문서 객체 모델) 은 메모리에 웹 페이지 문서구조를 트리구조로 표현해 브라우저가 페이지를 인식하게 해준다. JS 를 이용해 요소들을 제어할 수 있다. 조작 DOM API 를 이용해 조작할 수 있다. 응애 나 애기버튼 /* document는 브라우저에서 제공하는 window 객체의 이다. */ const button = document.querySelector('.button'); button.onclick = function(){ this.style.backgroundColor = 'blue'; } 웹 페이지 빌드 과정 (Critical Rendering Path CRP) 1. 렌더 엔진이 문서를 읽어 파싱, DOM tree 생성 2. DOM C..
2023.05.16