1.자바스크립트는 웹 페이지에서 사용자들에게 상호작용할 수 있게 해 줍니다. 웹 페이지에서 상호작용하려면 변수를 사용할 수 있어야 합니다. 2. 자바스크립트로 변수를 사용해 봅니다. 변수란 어떤 값을 저장하기 위한 공간을 말합니다. 3. 자바스크립트는 다음과 같은 변수를 사용할 수 있습니다. 변수 타입 변수 값 Number 정수, 실수 등 숫자 값을 가집니다. ex) var a = 3; String 문자열을 말하며, ""를 사용하여 작성합니다. var myName = "yuchae" Boolean 참 또는 거짓을 출력합니다. Undefined / Null 값이 지정되지 않았거나 값이 없을 경우 출력됩니다. 4. 변수를 사용하여 간단한 덧셈을 해 봅니다. -1) 소스코드 -2) 실행결과 5. 조금 복잡한 ..

1. 앞에서 배운 html을 이용해서 자바스크립트를 시작해 봅니다. 아래와 같이 코드를 작성합니다. -1) 소스코드 -2) 실행화면

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