본문 바로가기

Ajax/TCP스쿨

(2)
[TCP스쿨 - AJAX] 2. Ajax 기본 4) DOM * 문서 객체 모델(DOM)이란? 문서 객체 모델(DOM, Document Object Model)은 HTML 문서나 XML 문서에 접근하기 위한 일종의 인터페이스이다. 이 모델은 문서 내의 모든 요소의 목적과 특징을 정의하고, 각각의 요소에 접근하는 방법을 제공한다. * DOM 요소의 선택 자바스크립트로 DOM 요소를 다루기 위해서는 우선 해당 요소를 선택해야만 한다. DOM 요소를 선택하는 방법은 다음과 같다. 1. 태그 이름(tag name)을 이용한 선택 2. 아이디(id)를 이용한 선택 3. 클래스(class)를 이용한 선택 4. CSS 선택자(selector)를 이용한 선택 5. HTML 객체 집합(object collection)을 이용한 선택 * DOM 요소의 내용 변경 - D..
[TCP스쿨 - AJAX] 1. Ajax 시작 1) Ajax 개요 * Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해준다. 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. 2) Ajax 기초 * HTML, 자바스크립트, XML 기초 지식 갖고 있으면 좋음 * Ajax란? - Ajax란 Asynchronous JavaScript and XML의 약자. asynchronous 비동기 - Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나이다. - 백그라운드 영역에서 서버와 통신할 때 다음과 같은 형태의 데이터를 주고 받을 수 있다. (JSON, XML, HTML, 텍스트 파일 등) * Ajax의 장점 1. 웹 페이지 전..