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 기능 큰 단위로 웹 페이지에서 홍보용 이미지를 인터넥티브하게 보여주는 이미지 슬라이더, 메뉴항목에 마우스를 올려 놓으면 부드럽게 열리는 아코디언 메뉴, 쇼핑몰 메뉴, 서버에서 데이터를 받아 화면에 멋지게 출력하는 기능을 제작할 때 활용됩니다. 작은 단위로는 스크립트를 이용한 웹 페이지..

1. JQurey란? 자바스크립트로 만들어진 라이브러리를 말하며, 자바스크립트 DOM작업을 좀더 쉽게 할 수 있는 뛰어난 기능을 가지고 있습니다. 단, 자바스크립트는 만능이 아닙니다. 2. 요소자바스크립트Core 문법 자바스크립트Core 라이브러리 자바스크립트 BOM(Browser Object Model) 자바스크립트 DOM(Document Object Model) 기본 문법과 구조데이터 타입조건문(if, switch)반복문(for, while)함수(function)클래스(prototype)： 타이머함수문자열(string)날짜 및 시간(date)수학배열(array)기타 전역함수： 브라우저와 관련된 것WindowNavigatorLocationHistoryDocumentScreen： 노드스타일속성이벤트위치 ..

1. 차이점 submit 페이지 이동시에 다음페이지로 정보를 전송합니다. href 정보를 전송하지 않고 페이지만 이동합니다. replace 정보를 전송하지 않고 페이지만 이동합니다. 2. 예제 -1) submit -2) href -3)replace * href와 replace의 큰 차이점href의 경우 페이지를 이동할 때 순서대로 이동하게 되므로 뒤로가기 버튼을 누르면 바로 이전페이지로 이동하게 됩니다. -> 1.php -> 2.php -> 3.php 순으로 이동하게 되면 뒤로가기 버튼을 통해 2.php 페이지로 돌아가집니다.반면에 replace의 경우는 페이지 자체를 새로 출력하게 되므로 1.php를 실행하기 이전의 페이지로 돌아가게 됩니다. -> 1.php -> href방식으로 2.php -> rep..