1. 핵심 DOM 객체 Node : 노드를 다루는 기본 기능과 속성을 제공하며, 노드를 탐색하고 조작할 때 사용합니다.Text : 텍스트 제어기능을 조작할 때 사용합니다.Attribute : 속성을 조작할 때 사용합니다.Document : Text, Element, Attribute등 노드를 생성하는 팩토리 메서드로 구성돼 있으며, 노드를 생성할 때 사용합니다. Element : HRML, XML 태그 요소의 기본기능과 속성을 제공하며, 속성과 이벤트를 제어할 때 사용합니다.HTMLDocument : Document 객체를 확장하여 HTML용 속성과 메서드를 추가한 객체로 body가 이 객체의 속성입니다.HTMLElement : Element 객체를 상속받은 HTML 태그 요소 전용으로 기본기능과 속성을..

1. 웹 페이지를 처리하는 단계 1. 페이지 읽기 - '페이지 읽기'에서는 브라우저가 HTML 페이지를 읽습니다.2. 파싱 - '파싱'에서는 웹페이지 내용을 해석하고, 개발자가 작성한 마크업 태그와 1:1매칭이 되는 DOM 클래스의 객체를 실행하고, 생성된 객체는 저마다 고유 기능을 동작 하게 됩니다.3. 출력 - '출력'에서는 생성한 DOM객체를 가지고 웹페이지 화면을 생성하게됩니다. 2. DOM과 노드의 관계 HTML 구성 요소의 가장 작은 단위 노드라 합니다. 노드에는 , , , , 주석 등이 해당됩니다. 웹브라우저는 읽어 들일 때 노드들을 해석한 후 각 노드와 1:1로 대응하는 DOM 객체를 생성합니다. DOM객체는

1. DOM(Document Object Model)이란? 웹 화면에 보이는 요소를 조작하기 위한 기능으로 된 라이브러리 덩어리를 말하며, DOM과 자바스크립트 DOM은 같은 의미입니다. 2. DOM 객체 Document, Element, Node, Atrribute, Text, HTML Document, HTML Element, HTMLAnchol Element , HTMLDiv Element 등이 있습니다. 3. DOM 기능 큰 단위로 웹 페이지에서 홍보용 이미지를 인터넥티브하게 보여주는 이미지 슬라이더, 메뉴항목에 마우스를 올려 놓으면 부드럽게 열리는 아코디언 메뉴, 쇼핑몰 메뉴, 서버에서 데이터를 받아 화면에 멋지게 출력하는 기능을 제작할 때 활용됩니다. 작은 단위로는 스크립트를 이용한 웹 페이지..