노드 (node) W3C XML DOM 표준에 따르면 XML 문서 내의 모든 것은 노드(node)라고 불리는 계층적 단위에 정보를 담고 있다. XML DOM은 이러한 노드들을 정의하고, 그들 사이의 관계를 설명해 주는 역할을 한다. 노드의 종류 W3C XML DOM 표준에 따르면 XML 문서 내에 존재하는 모든 것은 노드이다. XML 문서를 구성하는 대표적인 노드의 종류는 다음과 같다. 노드 설명 문서 노드(document node) XML 문서 전체를 나타내는 노드. 요소 노드(element node) 모든 XML 요소는 모두 요소 노드이며, 속성 노드를 가질 수 있는 유일한 노드다. 속성 노드(attribute node) XML 요소의 속성은 모두 속성 노드이며, 요소 노드에 관한 정보를 가지고 있는..
XML DOM 문서 객체 모델(DOM)이란? DOM(Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 API로 W3C 표준 권고안이다. DOM은 문서 내의 모든 요소를 정의하고, 해당 요소에 접근하는 방법까지 정의한다. XML 예제HTMLwebW3C5.1high DOM은 다음 그림과 같이 계층 구조로 표현된다. W3C DOM 표준은 다음과 같이 세 가지 모델로 구분된다. Core DOM : 모든 문서 타입을 위한 DOM 모델HTML DOM : HTML 문서를 위한 DOM 모델XML DOM : XML 문서를 위한 DOM 모델 HTML DOM HTML DOM은 HTML 문서에 접근하여 조작할 수 있는 표준화된 방법을 정의한다. 모든 HTML 요소는 HTML DOM을 통해 접..
XSLT XSL 이란? XML 문서는 다양한 장치에서 데이터를 저장하고 전달할 목적으로 만들어졌다. 하지만 각각의 장치는 내부적으로 자신만의 고유한 데이터 구조를 사용하고 있다. 따라서 각각의 장치가 전달받은 XML 문서를 자신이 사용하는 데이터 구조로 변환할 때 사용할 규칙이 필요하다.이러한 변환 규칙에 대한 명세를 작성할 수 있는 언어가 바로 XML(eXtensibl Stylesheet Language)이다.CSS가 HTML 문서를 위한 스타일 시트 언어라면, XSL은 XML 문서를 위한 스타일 시트 언어이다. XSL의 구성 XSL은 XML 문서의 변환과 표현을 정의하는 세 개의 언어로 구성된다. XSLT : XSL Transformations를 의미하며, XML 문서를 다른 구조의 문서로 변환시키기..
XML 구조 XML 트리 XML 문서는 HTML 문서와 마찬가지로 트리(tree) 형태의 계층 구조를 가진다. 이러한 XML 트리는 하나뿐인 루트(root) 요소부터 시작하여, 각각의 자식(child) 요소에 차례대로 연결된다.XML 트리 구조에 포함되는 모든 요소는 자신만의 자식(child) 요소를 가질 수 있다. 위의 그림에서 화살표로 설명하는 용어들은 요소 간의 관계를 나타낸다. 부모(parent) 요소는 여러 개의 자식(child) 요소를 가질수 있다.하지만 자식(child) 요소는 단 하나의 부모(parent) 요소만을 가진다. 형제(sibling) 요소는 같은 트리 레벨(tree level)에 존재하는 요소를 가리킨다.즉, 형제 요소란 같은 부모(parent) 요소를 가지는 자식 요소 간의 관..
XML 기초 XML XML은 데이터를 저장하고 전달할 목적으로 만들어졌으며, 저장되는 데이터의 구조를 기술하기 위한 언어이다. XML은 EXtensible Markup Language의 약자로, 수많은 응용 분야에서 데이터를 저장하고 전달하는 중요한 역할을 맡고 있다. 예제12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 HTML web W3C 5.1 high CSS web W3C 3.0 middle Java application Oracle 8.91 high Python application Python 3.52 middle cs XML 이란? XML..
Server Sent Events Server Sent Events API server sent events API는 웹 페이지가 서버로부터 갱신된 정보를 자동으로 받을 수 있도록 설정한다. server sent events를 지원하는 주요 웹 브라우저의 버전은 다음과 같다. API server sent events 지원안함 6.0 6.0 5.0 11.5 Server Snet Events 지원 여부 확인 server sent events를 사용하기 전에, 우선 사용자의 웹 브라우저가 이를 지원하는지 안 하는지 확인해야 한다. 문법 if (typeof(EventSource) !== "undefined") { // server sent events를 위한 코드 부분 } else { // server sent..
Web Worker web worker API 웹 페이지에서 스크립트가 실행되면, 해당 웹 페이지는 실행 중인 스크립트가 종료될 때까지 응답 불가 상태가 된다.web worker는 스크립트가 웹 페이지의 성능에 영향을 미치지 않도록 백그라운드에서 동작하게 해주는 자바스크립트이다. 즉, web worker는 스크립트의 다중 스레드(multi-thread)를 지원한다.따라서 사용자가 웹 페이지를 이용하면서도, 동시에 시간이 오래 걸리는 자바스크립트 작업도 병행할 수 있도록 해준다. web worker를 지원하는 주요 웹 브라우저의 버전은 다음과 같다. API web worker 10.0 4.0 3.5 4.0 11.5 web worker 지원 여부 확인 web worker를 사용하기 전에, 우선 사용자의 웹 ..
Application Cache application cache API application cache API는 웹 응용 프로그램을 캐시(cache) 하여, 인터넷 접속 없이 사용자가 접근할 수 있게 해준다.따라서 application cache를 사용하면 웹 응용 프로그램의 오프라인 버전을 쉽게 만들 수 있다. application cache를 사용해서 생기는 장점은 다음과 같다. - 오프라인 접속 : 사용자가 웹 응용 프로그램을 오프라인(off-line)으로도 사용할 수 있다.- 속도 : 캐시(cache)된 자원은 빠르게 로드(load)할 수 있다.- 서버의 부하 감소 : 웹 브라우저는 서버의 자원에 변동이 있을 때만 자원을 갱신하면 된다. application cache를 지원하는 주요 웹 브라우저..