LEO Devlog LEO Devlog

Virtual Dom 우선 DOM은 객체를 통해 구조화된 문서를 표현하는 방법 DOM 자체는 빠르지만 브라우저에서 DOM이 많아지면 CSS 재연산 레이아웃구성에서 느려진다. Virtual Dom은 DOM의 상태를 메모리에 저장해서, 변경이 일어날 때 변경 사항만 반영해서 성능이 향상된다.

DOM 정리 DOM HTML 코드를 해석해서 요소들을 트리 형태로 구조화해 표현하는 방식이다 DOM은 자바스크립트를 사용해서 웹 화면의 구조를 추가,수정,삭제하거나 이벤트를 처리할 수 있도록 프로그래밍 인터페이스를 제공 HTML을 동적 구조로 조작할 수 있게 도와주는 모델 DOCUMENT window의 document 속성은 창이 포함한 문서를 참조 document는 모든 종류의 문서에 대한 공통의 속성과 메소드를 제공 document의 querySelector 메소드는 선택자를 인자로 전달받아 전달받은 선택자와 일치하는 문서 안의 첫 번째 요소(element)를 반환한다. textContent 속성은 노드가 포함하고 있는 텍스트 컨텐츠를 표현 EVENT 이벤트란 '시스템 내에서 일어나는 사건' (클릭,..

DOM DOM (Document Object Model) : 이름에서 유추해보자면, HTML의 엘리먼트를 객체로 가져와서 사용 가능한 모델 DOM으로 HTML을 조작할 수 있다. createElement - CREATE querySelector, querySelectorAll - READ textContent, id, classList, setAttribute - UPDATE remove, removeChild, innerHTML = "" , textContent = "" - DELETE appendChild - APPEND innerHTML과 textContent의 차이 -> 가급적 textContent를 사용하는 것이 좋다. 성능과 보안에 강점이 있고, innerHTML은 보안에 취약하다. DOM (..