🌍

bb7.4_3. title: 클라이언트가 다운로드받은 html 문서를 덮어쓰지 않고 수정하려면 문서 객체 모델(‣)을 이용해야 한다. 정적 웹 페이지가 아닌 모든 웹 페이지는 DOM을 활용하는 것이다.

생성

🚀 prev note

♻️ prev note

bb7.4_2. title: 브라우저 객체 모델(‣)에 국제표준은 없지만 대부분의 브라우저 객체 모델은 문서(document) 객체를 속성(property)으로 가지는 윈도우(window) 객체를 포함한다. 문서 객체의 모델을 문서 객체 모델(‣)이라고 부른다.

🚀 next note

♻️ next note

bb7.1.1.2_1.2_1. title: 자바스크립트는 유저와 html 문서의 상호작용을 위해 만들어졌다. 따라서 문서 객체 모델(‣)의 첫 버전(레벨 0)은 넷스케이프 브라우저에 자바스크립트가 탑재되는 1996년 등장했다.

bb7.4_4. title: 가상 문서 객체 모델(Virtual-DOM)은 리액트(React)와 뷰(Vue)가 채택한 미니어처다. 변화된 내용을 실제 DOM 에 그리기 전에 시뮬레이션을 돌려보기 위한 목적으로 사용된다.

14 more properties

클라이언트가 다운로드받은 html 문서를 서버로부터 새로 다운받아 덮어쓰지 않고 수정하려면 문서 객체 모델(Document object model (DOM))(from1)을 이용해야 한다(참고1,2). 이는 정적 웹 페이지가 아닌 모든 웹 페이지(from2:예를 들어 SPA)는 DOM을 활용하는 것이라고도 이해할 수 있다.

싱글 페이지 애플리케이션(SPA)과 문서 객체 모델(‣), 그리고 가상 문서 객체 모델(Virtual-DOM) 사이에는 어떤 관계가 있는가?

parse me : 언젠가 이 글에 쓰이면 좋을 것 같은 재료들.

None

from : 과거의 어떤 생각이 이 생각을 만들었는가?

bb7.4_2. title:
브라우저 객체 모델(‣)에 국제표준은 없지만 대부분의 브라우저 객체 모델은 문서(document) 객체를 속성(property)으로 가지는 윈도우(window) 객체를 포함한다. 문서 객체의 모델을 문서 객체 모델(‣)이라고 부른다.

supplementary : 어떤 새로운 생각이 이 문서에 작성된 생각을 뒷받침하는가?

bb7.1.1.2_1.2_1. title:
자바스크립트는 유저와 html 문서의 상호작용을 위해 만들어졌다. 따라서 문서 객체 모델(‣)의 첫 버전(레벨 0)은 넷스케이프 브라우저에 자바스크립트가 탑재되는 1996년 등장했다.

opposite : 어떤 새로운 생각이 이 문서에 작성된 생각과 대조되는가?

None

to : 이 문서에 작성된 생각이 어떤 생각으로 발전되고 이어지는가?

bb7.4_4. title:
가상 문서 객체 모델(Virtual-DOM)은 리액트(React)와 뷰(Vue)가 채택한 미니어처다. 변화된 내용을 실제 DOM 에 그리기 전에 시뮬레이션을 돌려보기 위한 목적으로 사용된다.

참고 : 레퍼런스

4:12, 프로그래밍적으로 태그를 제어하려면 어떻게 해야 할까? 각각의 태그가 언어를 통해 제어 가능한 형태, 즉 객체로 만들어 주어야 한다. 이미 만들어진 태그에 대한 객체를 찾아서 해당 태그를 제어할 수 있게 되는 것이다.

10:30, 이미 화면에 만들어진 이미지 태그를 html 을 통해서 변경할 수는 없다. html 을 통해 변경하려면 화면에 출력되기 전에 html 코드를 수정했어야 하는 것이다. 하지만 이미 화면에 렌더링이 끝난 이미지 태그를 수정하기 위해서는, 그 태그를 의미하는 객체를 찾아내야 한다.