Found 418 pages:

# Page Tags and summary
1 Web API API, DOM, JavaScript, Landing, Reference, Web
웹 코드를 작성한다면 많은 API를 사용할 수 있습니다. 아래 목록은 웹 앱이나 웹 사이트를 만들 때 사용할 수 있는 모든 인터페이스(객체의 유형)입니다.
2 ANGLE_instanced_arrays
ANGLE_instanced_arrays확장은 WebGL API의 일부이며 동일한 객체 또는 동일한 객체 그룹을 같은 정점 데이터, 기본 개수 및 유형을 공유하는 경우 여러 번 그릴 수 있습니다.
3 AbstractWorker
AbstractWorker 인터페이스는 SharedWorker나 Worker와 같은 모든 종류의 워커에 공통적으로 들어가는 속성과 메소드들을 추상적으로 나타냅니다.
4 AnalyserNode API, Web Audio API, 오디오
AnalyserNode 는 시간대 별로 실시간 주파수의 정보를 표현합니다. AudioNode 를 통해 오디오 스트림정보가 그대로 입력되어 출력이 되지만 이를 통해 당신은 새로운 형태의 데이터를 생성하거나, 가공하고 오디오를 시각화 시키는 작업을 할 수 있습니다.
5 AnimationEvent API, CSS, Experimental, Interface, Reference, Web Animations
AnimationEvent 에니메이션(animations)과 연관된 이벤트의 정보를 나타낸다.
6 AnimationEvent() API, CSSOM, Constructor, Experimental, Reference, Web Animations
AnimationEvent() 생성자는 애니메이션 이벤트인 AnimationEvent 객체를 새로 만들어 리턴합니다.
7 AnimationEvent.animationName API, AnimationEvent, CSSOM, 레퍼런스, 실험중, 웹 애니메이션, 프로퍼티
읽기 전용 프로퍼티인 AnimationEvent.animationName는 변화(transition)과 관련된 CSS 프로퍼티 animation-name의 값을 포함하는 DOMString입니다.
8 AnimationTimeline API, Animation, AnimationTimeline, Experimental, Interface, NeedsTranslation, Reference, TopicStub, Web Animations, waapi, web animations api
The AnimationTimeline interface of the Web Animations API represents the timeline of an animation. This interface exists to define timeline features (inherited by DocumentTimeline and future timeline types) and is not itself directly used by developers. Anywhere you see AnimationTimeline, you should use DocumentTimeline or any other timeline type instead.
9 AnimationTimeline.currentTime
No summary!
10 AudioBuffer
이 예제는 어떻게 AudioBuffer 를 생성하고 랜덤한 화이트 노이즈를 채우는 방법을 설명한다.  audio-buffer demo 에서 전체 소스를 확인 가능하고 running live 실시간 테스트고 가능하다.
11 AudioBufferSourceNode
AudioBufferSourceNode 의 오디오 소스는 in-memory 의 AudioNode 상에 저장된 데이터로 구성되어있다. 이는 오디오 소스 그 자체처럼 동작을 한다.
12 AudioBufferSourceNode.stop()
가장 간단한 예제는 재생중인 오디오 버퍼를 즉시 중지하는 것이다. 이 경우, 매개변수를 함께 지정하지 않아도 된다.
13 AudioContext 오디오
EventTarget을 부모로 가지는 메서드.
14 AudioDestinationNode 오디오
Inherits properties from its parent, AudioNode.
15 AudioNode
AudioNode는 포괄적으로 오디오를 처리하는 데이터 소스인 <audio> 테그나 <video> 테그, OscillatorNode 와 audio destinatio, intermediate 처리 모듈인 BiquadFilterNode or ConvolverNode 또는 볼륨을 조절하는 GainNode 등을 나타냅니다.
16 AudioParam
AudioNodea-ratek-rateE 파라메터의 스펙을 정의 하고 잇습니다.
17 Battery Status API
BatteryAPI 만큼이나 자주 언급되는 Battery Status API는 시스템의 배터리 충전 상태에 대한 정보를 제공하고, 배터리 상태에 따라 발생하는 이벤트를 다룰 수 있도록 해 줍니다. 배터리가 얼마남지 않은 상황에서, 앱에서 배터리의 소모를 줄인다거나 배터리가 방전되기 전에 데이터를 저장하거나 하는 것들이 가능합니다.
18 BatteryManager
BatteryManager 인터페이스는 시스템의 배터리 충전 상태에 대한 정보를 확인 하는 방법을 제공합니다.
19 BatteryManager.charging
현재 배터리가 충전중인지를 나타내는 Boolean 값 입니다.
20 BiquadFilterNode
The BiquadFilterNode interface represents a simple low-order filter, and is created using the AudioContext.createBiquadFilter() method. It is an AudioNode that can represent different kinds of filters, tone control devices, and graphic equalizers.
21 Blob API, Blob, Reference
Blob 객체는 파일과 흡사한 불변 객체로 raw data입니다. 데이터를 표현하기 때문에 필연적으로 자바스크립트 네이티브 포맷이 아닙니다. File 인터페이스는 기본적으로 Blob을 통해 이뤄지며, blob의 함수들을 상속받고 확장하여 사용자 시스템의 파일을 지원해줍니다.
22 Blob() 블롭, 생성자, 참조
Blob() 생성자는 새로운 Blob 객체를 반환한다. blob은 배열 매개변수 로 전달한 값의 연결로 구성된다.
23 Body API, BODY, Experimental, Fetch, Fetch API, Interface, Reference, request
The Body mixin of the Fetch API represents the body of the response/request, allowing you to declare what its content type is and how it should be handled.
24 Body.json()
Body mixin의 json() 매서드는 Response 스트림을 가져와 스트림이 완료될때까지 읽는다. 이 메서드는 body 텍스트를 JSON으로 바꾸는 결과로 해결되는 promise를 반환한다.
25 CSS API, CSSOM, Interface, Painting, Reference
CSS 인터페이스는 유용한 CSS 관련 메서드를 가집니다. CSS 인터페이스는 정적 속성과 메서드만 가지고 있으며 아무런 객체도 CSS 인터페이스를 구현하지 않습니다.
26 CSS.supports() API, CSSOM, Method, Reference
CSS.supports() 메서드는 주어진 CSS 기능을 지원하는지 여부를 Boolean 값으로 반환합니다.
27 CSS 객체 모델 (CSSOM) API, CSSOM, 개요, 레퍼런스
No summary!
28 Determining the dimensions of elements
엘리먼트의 너비와 높이를 알기 위해 살펴볼 수 있는 여러 속성이 있습니다. 또한, 요구하는 사항에 딱 맞는 것을 고르기 다소 까다로울 수도 있습니다. 이 글은 여러분이 필요에 맞는 속성을 고르는데 도움을 주기 위해 작성했습니다.
29 Managing screen orientation
Screen orientation 은 device orientation 과는 조금 다르다. 비록 장치가 방향을 감지 못하더라도 화면은 언제나 방향을 가지고 있다. 그리고 만약 장치가 방향을 알 수 있더라도 웹 어플리케이션의 인터페이스를 유지하거나 적응하기 위해 화면의 방향을 조정하는 능력을 갖는게 좋다.
30 CSSOMString API, CSSOM, 레퍼런스
CSSOMString 은 CSSOM 명세로 문자형 데이터를 나타내기위해 사용되며 DOMString 또는 USVString 을 참조할 수 있습니다. 명세의 CSSOMString 은 브라우저 공급 업체가 DOMString 과 USVString 중 사용하도록 선택한 것에 따라 결정됩니다. 메모리에 문자열을 표현하기 위해 내부적으로 UTF-8을 사용하도록 구현된 브라우저는 명세에서 CSSOMString 이 나타날 때 USVString 을 사용할 수 있지만, 이미 16 비트 시퀀스로 표현된 문자열은 DOMString 을 사용하도록 대신 선택될 것입니다.
31 CSSStyleSheet API, CSSOM, NeedsTranslation, Reference, TopicStub
The CSSStyleSheet interface represents a single CSS style sheet. It inherits properties and methods from its parent, StyleSheet.
32 CSSStyleSheet.insertRule()
CSSStyleSheet.insertRule() 메서드는 새 CSS 규칙을 현재 스타일 시트에 삽입합니다. (with some restrictions)
33 Cache API, Cache, Draft, Experimental, Interface, NeedsTranslation, Offline, Reference, Service Workers, Storage, TopicStub
Cache 인터페이스는 ServiceWorker 의 생명주기의 일부로 캐시 된 Request와 Response를 나타냅니다.
34 Cache.put() API, Cache, Experimental, Method, Reference, Service Workers, ServiceWorker, put
The put() method of the Cache interface allows key/value pairs to be added to the current Cache object.
35 Channel Messaging API API, Channel messaging, HTML API, NeedsTranslation, Overview, Reference, TopicStub
The Channel Messaging API allows two separate scripts running in different browsing contexts attached to the same document (e.g., two IFrames, or the main document and an IFrame, two documents via a SharedWorker, or two workers) to communicate directly, passing messages between one another through two-way channels (or pipes) with a port at each end.
36 Using channel messaging
Channel Messaging API 는 두 개의 독립적인 스크립트(예를 들면, 두 개의 IFrame, 또는 메인 다큐먼트와 IFrame, 또는 SharedWorker에 의한 두 개의 다큐먼트)를 각 포트를 가진 양방향 채널(또는 파이프)을 통해 서로 직접 통신할 수 있도록 해줍니다. 이 문서에서 이 기술을 사용하는 기본내용에 대해 살펴봅시다.
37 CharacterData API, DOM
CharacterData 추상 인터페이스는 문자를 포함하는 Node 객체를 나타냅니다. 이는 추상 인터페이스로 CharacterData 타입의 객체로는 존재하지 않음을 의미합니다. Text, Comment, ProcessingInstruction 와 같은 추상 인터페이스가 아닌 다른 인터페이스에의해 구현되었습니다.
38 ChildNode API, DOM, 노드, 실험중, 인터페이스
ChildNode 인터페이스는 부모를 가질 수 있는 Node 객체에 고유한 메소드를 포함합니다.
39 ChildNode.before() API, DOM, 노드, 레퍼런스, 메소드, 실험중
ChildNode.before 메소드는 ChildNode 의 부모가 가진 자식의 ChildNode 바로 이전에 Node 또는 DOMString 객체의 집합을 삽입합니다.DOMString 객체는 Text 노드와 동일하게 삽입됩니다.
40 ChildNode.remove() API, ChildNode, DOM, 메소드, 실험중
ChildNode.remove() 메소드는 이를 포함하는 트리로부터 객체를 제거합니다.
41 Clipboard API, Clipboard, Clipboard API, Interface, Reference, 인터페이스, 클립보드, 클립보드 API
Clipboard API 의 Clipboard 인터페이스는 시스템 클립보드로부터 텍스트 및 데이터를 읽거나 시스템 클립보드에 쓰기 위한 인터페이스를 지원합니다.
42 Comment API, DOM, Reference
Comment 인터페이스는 마크업 내의 텍스트 표기인 주석을 나타냅니다. 주석은 화면에 보여지지 않지만 웹 페이지의 소스에서 확인할 수 있습니다.
43 Console
콘솔 객체는 브라우저의 디버깅 콘솔에 접근할 수 있는 메소드를 제공한다. (예를 들어, 파이어폭스의 웹 콘솔). 어떻게 동작하는지에 관한 세부 내용은 브라우저마다 다르지만, 사실상 표준의 일반적으로 지원하는 기능들이 있다.
44 Console.error() API, DOM, 디버깅, 메소드, 웹 개발, 웹 콘솔
웹 콘솔에 에러 메시지를 출력합니다.
45 Console.group()
Web Console log 에 새로운 인라인 그룹을 만듭니다. This indents all following output by an additional level, until console.groupEnd() is called.
46 Console.log() API, console, console.log(), 메소드
Web Console에 메시지를 출력합니다.
47 Console.time()
타이머를 시작해 작업이 얼마나 걸리는지 추적할 수 있습니다. 각 타이머에게 고유한 이름을 줄 수 있고, 한 페이지에 최대 10,000개의 타이머를 설정할 수 있습니다. 같은 이름으로 console.timeEnd()를 호출할 때, 브라우저가 밀리초 단위로 경과한 시간을 출력합니다.
48 Console.timeEnd() 디버깅, 웹 개발, 웹 콘솔, 콘솔, 타이머
No summary!
49 Console.warn() API, DOM, 디버깅, 메소드, 웹 개발, 웹 콘솔
웹 콘솔에 경고 메시지를 출력합니다.
50 console.trace() API, DOM, Firefox, 디버깅, 메소드, 웹 개발, 웹 콘솔, 추적, 콘솔, 크롬
웹 콘솔에 스택 추적을 출력합니다.
51 Cooperative Scheduling of Background Tasks API
Cooperative Scheduling of Background Tasks API (Background Tasks API 또는 간단하게 requestIdleCallback() API 라고도 부릅니다.) 는 user agnet가 자유 시간이 있다고 판단되면, 자동으로 실행될 작업을 대기열(queue tasks)에 넣을 수 있는 기능을 제공합니다.
52 Crypto
Crypto 인터페이스는 현재 환경에서 사용 가능한 기본적인 암호화 기법을 제공합니다. 이 인터페이스를 통해 암호학적으로 강력한 무작위 숫자 생성기나 암호화에 필요한 기본 요소에 접근할 수 있습니다.
53 Crypto.subtle
Crypto.subtle 은 읽기전용 속성이며 암호화 기법을 수행할 수 있는 SubtleCrypto 객체를 반환합니다.
54 CustomEvent API, DOM, Interface, NeedsCompatTable, NeedsExample, Reference
이 인터페이스는 그 부모인 Event 로부터 프로퍼티를 상속받습니다:
55 CustomEvent() API, CustomEvent, 레퍼런스, 생성자, 이벤트
CustomEvent() 생성자는 새로운 CustomEvent 를 생성합니다.
56 DOMObject API, DOM, DOM 레퍼런스, DOMObject, 객체, 레퍼런스, 사용되지않음
더 이상 사용되지 않는 DOMObject 인터페이스는 객체 데이터 타입을 위한 기본 클래스로서 DOM 명세의 초기 버전에 사용되었습니다.
57 DOMString API, DOM, DOM 레퍼런스, Gecko DOM 레퍼런스, WebAPI, 레퍼런스, 문자열
DOMString은 UTF-16 문자열입니다. JavaScript는 이미 그런 문자열을 사용하고 있기 때문에, DOMStringString으로 바로 맵핑되었습니다.
58 DOMTokenList API, DOM, DOMTokenList, Interface, NeedsTranslation, Reference, TopicStub
The DOMTokenList interface represents a set of space-separated tokens. Such a set is returned by Element.classList, HTMLLinkElement.relList, HTMLAnchorElement.relList or HTMLAreaElement.relList. It is indexed beginning with 0 as with JavaScript Array objects. DOMTokenList is always case-sensitive.
59 DOMTokenList.contains()
The contains() method of the DOMTokenList interface returns a Booleantrue if the underlying list contains the given token, otherwise false.
60 DataTransfer API, DataTransfer, HTML Drag and Drop API, Interface, NeedsMarkupWork, NeedsTranslation, Reference, TopicStub, Web Development, drag and drop
DataTransfer 객체는 drag and drop 하는 동안 drag될 때 data를 유지(hold)하기 위해 사용된다.
61 DataTransfer.getData()
DataTransfer.getData() 메소드는 특정 형태를 위해 (DOMString로) 끌어낸 데이터를 회수한다. 가령, 끌어내는 동작이 데이터를 포함하지 않는다면, 이 메소드는 빈 문자열을 반환한다.
62 Document API, DOM, Document, Interface, Reference
Document 인터페이스는 브라우저가 불러온 웹 페이지를 나타내며, 페이지 콘텐츠(DOM 트리)의 진입점 역할을 수행합니다.
63 Document() API, DOM, 다큐먼트, 레퍼런스, 생성자
Document 생성자는 브라우저에 로드되고 페이지 컨텐츠로의 진입점으로써 제공되는 웹 페이지인 새로운 Document 객체를 생성합니다.
64 Document.URL API, Document, HTML DOM, Property, Reference
Document 인터페이스의 URL 읽기 전용 속성은 문서의 주소를 문자열로 반환합니다.
65 Document.adoptNode() API, DOM, DOM 레퍼런스, 레퍼런스, 메소드
외부 문서로부터 노드를 가져온다. 해당 노드와 그 하위트리는 기존의 문서에서 지워지고 해당 노드의 ownerDocument 는 현재 문서로 바뀐다. 그리고 그 노드는 현재의 문서에 삽입된다.
66 Document.body API, Document, Property, Reference
Document.body 속성은 현재 문서의 <body> 혹은 <frameset> 노드를 나타냅니다. 일치하는 요소가 존재하지 않으면 null을 반환합니다.
67 Document.characterSet API, DOM, Document, Property, Reference
Document.characterSet 읽기 전용 속성은 현재 문서가 렌더링에 사용하는 문자 인코딩을 반환합니다.
68 Document.createDocumentFragment()
새로운 빈 DocumentFragment 를 생성합니다.
69 Document.createElement() API, DOM, Document, Method, Reference, Web
HTML 문서에서, Document.createElement() 메서드는 지정한 tagName의 HTML 요소를 만들어 반환합니다. tagName을 인식할 수 없으면 HTMLUnknownElement를 대신 반환합니다.
70 Document.createElementNS()
지정된 네임스페이스 URI와 적합한 이름으로 엘리먼트를 만든다.
71 Document.createRange()
Range 객체를 리턴합니다.
72 Document.createTextNode() DOM, Gecko
텍스트 노드를 생성합니다.
73 Document.createTreeWalker()
Document.createTreeWalker() 생성 메소드는 새로 생성한 TreeWalker 객체를 반환한다.
74 Document.defaultView
브라우저에서, document.defaultView 는 a document와 연결된 window 객체를 반환합니다. 사용 가능하지 않을 경우, null을 반환합니다.
75 Document.designMode
document.designMode는 전체 document의 편집 가능 여부를 제어합니다. 유효한 값은 "on" 과 "off" 입니다. 명세에 따르면, 이 속성은 기본적으로 "off"로 설정되어 있습니다. Firefox는 이 표준 명세를 따릅니다. Chrome과 IE의 초기 버전들에서는 "inherit" 로 설정되어 있습니다. IE6-10 브라우저에서는, 값이 대문자로 표기됩니다.
76 Document.doctype
현재 document와 연관된 DTD(Document Type Declaration)를 반환합니다. 반환된 object는  DocumentType 인터페이스를 구현합니다. DocumentType을 작성하려면 DOMImplementation.createDocumentType()를 사용합니다.
77 Document.documentElement
Document.documentElement 는 읽기 전용 속성으로 document 의 루트 요소인 Element를 반환한다 (가령, HTML 문서의 <html> 요소).
78 Document.documentURI URL, documentURI
Document 인터페이스의 documentURI 속성은 document location 을 string 으로 반환합니다.
79 Document.embeds embeds
embeds 는 현재 document 에 embed되어 있는 OBJECT 들의 list 를 반환합니다.
80 Document.execCommand()
HTML 문서가 designMode로 전환되면 문서에서 execCommand 메서드를 사용할 수 있게 되는데 이것을 이용해서 문서의 편집 가능한 영역을 변경할 수 있습니다. 대부분의 명령어는 문서의 선택 영역에 영향(볼드, 이탤릭 등)을 미치고 나머지는 새 요소를 추가(링크 추가)하거나 전체 줄에 영향(들여쓰기)을 미칩니다. contentEditable을 사용할 때에 execCommand()를 호출하면 현재 활성화된 편집 요소에 영향을 미칩니다.
81 Document.forms Forms
forms는 현재 document에 존재하는 <form> element 들이 담긴 collection (an HTMLCollection)을 반환합니다.
82 Document.getElementById() API, DOM, Document, Elements, Method, Reference, Web
Document.getElementById() 메서드는 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환합니다. ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용합니다.
83 Document.getElementsByClassName()
Returns an array-like object of all child elements which have all of the given class names. When called on the document object, the complete document is searched, including the root node. You may also call getElementsByClassName() on any element; it will return only elements which are descendants of the specified root element with the given class names.
84 Document.getElementsByTagName() API, DOM, 레퍼런스, 메소드
다음 예시에서, getElementsByTagName() 는 특정 부모 엘리먼트에서 시작해 그 부모 엘리먼트의 DOM 을 거쳐 위에서 아래로 재귀 탐색을하고, 태그 name 파라미터에 일치하는 모든 자손 엘리먼트의 집합을 생성합니다. 여기에서는 document.getElementsByTagName() 과 기능적으로 동일하며 DOM 트리의 특정 엘리먼트를 시작으로하여 탐색하는 Element.getElementsByTagName() 모두를 시연합니다.
85 Document.getElementsByTagNameNS() API, DOM, NeedsMarkupWork, NeedsSpecTable, getElementsByTagNameNS, 레퍼런스, 메소드
주어진 네임스페이스에 속하는 태그명을 갖는 엘리먼트의 목록을 반환합니다. 루트 노드를 포함해 전체 다큐먼트를 대상으로 탐색합니다.
86 Document.getSelection()
이 메소드는 Window.getSelection() 와 동일합니다. 이 메소드는 Selection 형의 객체를 반환하는데, 이 객체는 현재 페이지에서 선택된 영역의 정보를 반영합니다.
87 Document.hasFocus() DOM, Gecko
Document.hasFocus() 메소드는 문서 또는 문서 내의 요소(element) 중 어느 하나라도 포커스(focus)를 갖고 있으면 true, 그렇지 않으면 false인 Boolean 값을 반환한다. 이 메소드를 사용하여 문서내 활성화된(active) 요소가 포커스를 갖고 있는지 판단할 수 있다.
88 Document.head API, Document, HTML DOM, Property, Reference
Document 인터페이스의 head 읽기 전용 속성은 현재 문서의 <head> 요소를 나타냅니다.
89 Document.hidden API, Document, Property, Reference
Document.hidden 읽기 전용 속성은 페이지가 숨겨졌는지 여부를 Boolean 값으로 나타냅니다.
90 Document.images
document.images 는 현재 HTML document 내부의 images collection을 반환합니다.
91 Document.implementation API, DOM, NeedsContent, Property, Reference
현재 document에 연관된 DOMImplementation 객체를 반환합니다.
92 Document.importNode()
현재 문서가 아닌 외부 문서의 노드를 복사하여 현재 문서에 넣을 수 있도록 해줍니다.
93 Document.links Document, Links, a, area, href
links 속성은 document 내에서 href attribute 를 가지는 모든 <area> 과 <a> element 들의 collection 을 반환한다.
94 Document.location
Document.locationLocation object를 반환하는 읽기전용 속성입니다.  이 속성은  문서의 URL에 대한 정보를 담고 있으며, URL을 변경하거나 다른 URL을 불러오는 메소드를 제공합니다.
95 Document.querySelector() API, CSS Selectors, DOM, DOM Elements, Document, Method, Reference, Selectors, Web
Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다. 일치하는 요소가 없으면 null을 반환합니다.
96 Document.querySelectorAll() API, CSS 셀렉터, DOM, querySelectorAll, 다큐먼트, 레퍼런스, 메소드, 셀렉터, 엘리먼트 셀렉팅, 엘리먼트 찾기, 엘리먼트 탐색
Document 메소드 querySelectorAll() 는 지정된 셀렉터 그룹에 일치하는 다큐먼트의 엘리먼트 리스트를 나타내는 정적(살아 있지 않은) NodeList 를 반환합니다.
97 Document.referrer
페이지로 바로 접근하였을 경우 이 값은 빈 문자열을 반환함.(링크를 통해서 온것이 아닌, 예를 들면, 북마크를 통해서 이동했을 경우). 문자열만을 반환하기 때문에,  참조 페이지(referring page)에 대한 DOM  액세스가 제공되지 않음.
98 Document.visibilityState DOM, Document, Property, Read-only, Reference, Web
Document.visibilityState 읽기 전용 property로, 이 element가 현재 표시된 컨텍스트를 나타내는 document의 가시성을 반환합니다. document가 background 또는 보이지 않는 탭(다른 탭)에 있는지, 또는 pre-rendering을 위해 로드 된 것인지를 아는 것은 유용합니다. 가능한 값은 다음과 같습니다.
99 Document.write()
document.open()에 의해 열린 문서 스팀에 텍스트 스트링을 적는다.
100 document.activeElement DOM, Gecko
현재 포커스된 요소를 반환합니다.
101 document.alinkColor DOM, Gecko
No summary!
102 document.anchors API, Deprecated, Document, HTML DOM, Property, Reference
Document 인터페이스의 anchors 읽기 전용 속성은 문서 내의 모든 앵커 목록을 반환합니다.
103 document.applets DOM, Gecko
applets document 내의 정렬된 애플릿 목록을 리턴합니다.
104 dragstart DOM, 드래그앤드랍, 레퍼런스, 이벤트
dragstart 이벤트는 사용자가 엘리먼트나 텍스트 선택을 드래그하기 시작할 때 발생합니다.
105 DocumentFragment
DocumentFragment 인터페이스는 부모가 없는 단순한 형태의 문서 객체를 나타냅니다. Document의 경량화된 버전으로서 사용되며, 일반적인 문서와 마찬가지로 여러 노드로 이루어진 문서의 구조를 담을 수 있습니다. 핵심적인 차이점은 document fragment는 활성화된 문서 트리의 일부가 아니기 때문에, fragment에 가하는 변경사항은 문서에 영향을 주지 않고 reflow를 일으키지 않으며, 성능에 큰 영향을 미치지 않습니다.
106 DocumentOrShadowRoot API, Document, DocumentOrShadowRoot, Interface, NeedsTranslation, Reference, ShadowRoot, TopicStub, shadow dom
Shadow DOM API 의 DocumentOrShadowRoot 믹스인(mixin)은 문서와 섀도우 루트간에 공유되는 API를 제공합니다. 다음 기능은 문서Document와 ShadowRoot에 모두 포함되어 있습니다.
107 DocumentOrShadowRoot.styleSheets
DocumentOrShadowRoot 인터페이스의 styleSheets 읽기 전용 속성(property)은 명시적으로 링크되거나 포함된 스타일 시트에 대한 CSSStyleSheet 객체의 StyleSheetList를 반환합니다.
108 DocumentType API, DOM, DocumentType, 인터페이스
DocumentType 인터페이스는 doctype을 포함하는 Node 를 나타냅니다.
109 DragEvent API, DragEvent, NeedsTranslation, Reference, TopicStub, drag and drop
The DragEvent interface is a DOM event that represents a drag and drop interaction. The user initiates a drag by placing a pointer device (such as a mouse) on the touch surface and then dragging the pointer to a new location (such as another DOM element). Applications are free to interpret a drag and drop interaction in an application-specific way.
110 DragEvent.dataTransfer
The DataEvent.dataTransfer property holds the drag operation's data (as a DataTransfer object).
111 Element API, DOM, Element, Interface, Reference
ElementDocument 안의 모든 객체가 상속하는 제일 범용적인 기반 클래스로 공통 메서드와 속성만 가지고 있으며, 특정 요소를 더 상세하게 표현하는 클래스가 Element를 상속합니다. 예를 들어 HTMLElement 인터페이스는 HTML 요소의 기반 인터페이스이고 SVGElement 인터페이스는 모든 SVG 요소의 기초입니다.
112 Element.accessKey API, Access Keys, DOM, Hotkeys, NeedsContent, 레퍼런스, 속성, 엘리먼트, 키보드 단축키
Element.accessKey 속성은 주어진 사용자가 눌러 주어진 엘리먼트로 이동할 수 있는 키 입력 세트입니다.
113 Element.classList API
Element.classList는 요소의 클래스 속성의 컬렉션인 활성 DOMTokenList 를 반환하는 읽기전용 프로퍼티이다.
114 Element.className
className 특정 엘리먼트의 클래스 속성의 값을 가져오거나 설정할 수 있다.
115 Element.clientHeight
읽기 전용 속성인 Element.clientHeight 엘리먼트의 내부 높이를 픽셀로 반환합니다. 이 내부 높이라는 것은 내부 여백(padding)을 포함하지만, 수평 스크롤바의 높이, 경계선, 또는 외부 여백(margin)은 포함하지 않습니다.
116 Element.clientLeft
엘리먼트의 왼쪽 테두리의 너비 (픽셀 단위)입니다. 엘리먼트의 텍스트 방향이 오른쪽에서 왼쪽이고 오버플로로 인해 왼쪽 수직 스크롤 막대가 렌더링되는 경우 수직 스크롤 막대의 너비가 포함됩니다. clientLeft는 왼쪽 여백 또는 왼쪽 패딩을 포함하지 않습니다. clientLeft는 읽기 전용입니다.
117 Element.currentStyle 돔, 속성 추출, 요소 속성
Element.currentStyle 은 표준화된 window.getComputedStyle 메서드의 인터넷 익스플로러 전용 대체 프로퍼티입니다. 오래된 버젼의 인터넷 익스플로러에서 사용 가능합니다.
118 Element.getAttribute() API, DOM, 속성
getAttribute() 은 해당 요소에 지정된 값을 반환 합니다.
119 Element.getBoundingClientRect()
The returned value is a DOMRect object which is the union of the rectangles returned by getClientRects() for the element, i.e., the CSS border-boxes associated with the element. The result is the smallest rectangle which contains the entire element, with read-only left, top, right, bottom, x, y, width, and height properties describing the overall border-box in pixels. Properties other than width and height are relative to the top-left of the viewport.
120 Element.getElementsByClassName()
Element의 메소드 getElementsByClassName() 는 주어진 클래스를 가진 모든 자식 엘리먼트의 실시간 HTMLCollection 을 반환합니다.
121 Element.getElementsByTagName()
Element.getElementsByTagName() 메서드는 제공된 태그 네임(tag name)을 가지는 엘리먼트의 유효한 HTML 컬랙션를 반환합니다. 엘리먼트가 특정된 범위를 검색하는 경우, 그 자신의 엘리먼트는 제외하고, 특정된 엘리먼트의 하위에 있는 서브트리가 검색됩니다. 반환된 리스트가 live 상태이면,  리스트는 DOM 트리와 함께 자동적으로 업데이트 되는 것을 의미합니다. 결과적으로, 동일한 엘리먼트와 인자값으로 Element.getElementsByTagName()을 여러번 호출할 필요성은 없어집니다.
122 Element.id
Element.id 속성은 요소의 식별자를 나타내며, HTML의 전역적인 id 속성을 반영합니다.
123 Element.innerHTML
Element 속성(property) innerHTML 은 요소(element) 내에 포함 된 HTML 또는 XML 마크업을 가져오거나 설정합니다.
124 Element.insertAdjacentHTML()
insertAdjacentHTML() 는 HTML or XML 같은 특정 텍스트를 파싱하고, 특정 위치에 DOM tree 안에 원하는 node들을 추가 한다.  이미 사용중인 element 는 다시 파싱하지 않는다. 그러므로 element 안에 존재하는 element를 건드리지 않는다. (innerHtml은 과 좀 다름). innerHtml보다 작업이 덜 드므로 빠르다.
125 Element.removeAttribute()
removeAttribute는 특정 엘리먼트의 속성을 제거합니다.
126 Element.scrollHeight
읽기 전용 속성인 Element.scrollHeight는 수직 스크롤바가 있는 엘리먼트(element)의  CSS 높이를 초과하여, 보이지 않는 부분까지 포함한 내용(content)의 높이(height)입니다. scrollHeight의 값은 수직 스크롤바가 없는 clientHeight의 값과 같습니다.
127 click API, DOM, Event, Interface, Reference
click 이벤트는 포인팅 디바이스 버튼(일반적으로 마우스 기본 버튼)이 하나의 요소(엘리먼트)에서 눌려지고 놓을 때 시작합니다.
128 element.attributes DOM, Gecko
주어진 요소의 속성 모음(collection)을 반환합니다.
129 element.scrollIntoView
scrollIntoView() 메서드는 엘리먼트가 화면 상에 보일 수 있도록 화면을 스크롤 합니다.
130 touchcancel
touchcancel 이벤트는  터치포인트가 현재 구현된 방식안에서 방해 받을때 ( 예를들어 너무 많은 터치 포인트)  발생한다.
131 Event API, DOM, Event, Interface, Reference, UI, 레퍼런스, 이벤트, 인터페이스
Event 인터페이스는 DOM 내에 위치한 이벤트를 나타냅니다. 일부는 사용자가 생성한 것이고, 일부는 API 에 의해 생성된 것입니다(애니메이션의 실행 종료, 비디오의 일시정지 등을 나타내는 이벤트 등). 이벤트는 보통 "외부" 소스 같은것에 의해 실행되지만, 엘리먼트의 HTMLElement.click() 메소드를 호출하거나, 이벤트를 정의한 후 EventTarget.dispatchEvent() 을 사용해 지정한 타겟으로 전송하는 방식을 통해 프로그래밍적으로 호출될 수도 있습니다. 이벤트의 타입은 아주 많고, 일부는 메인 Event 인터페이스를 기반으로한 다른 인터페이스를 사용합니다. Event 자체는 모든 이벤트에 공통되는 속성과 메소드를 갖습니다.
132 Event.cancelBubble
Event.cancelBubble 속성은 Event.stopPropagation()의 별칭입니다. 이벤트 핸들러에서 반환되기 전에 값을 true로 설정하면 이벤트가 전파되지 않습니다.
133 Event.createEvent()
새로운 event를 생성합니다, 새로 만들어진 event는 반드시 자신의 init() method를 호출함으로써 초기화되어야만 합니다.
134 Event.eventPhase
현재 발생중인 이벤트 흐름의 단계를 나타냅니다.
135 Event.isTrusted API, Event, 속성, 이벤트, 읽기 전용, 참조, 프로퍼티
Event 인터페이스의 읽기 전용 속성인 isTrusted는, 이벤트가 사용자 행위에 의하여 발생되었으면 true이고 이벤트가 스크립트로 인해 생성 또는 수정되었거나 dispatchEvent를 통해 보내졌으면 false인 논리 값입니다. 이것이 true인 이벤트는 신뢰된다고 표현합니다.
136 Event.stopImmediatePropagation()
event.stopImmediatePropagation() 는 같은 이벤트에서 다른 리스너들이 불려지는 것을 막습니다.
137 Event.stopPropagation()
이벤트 캡쳐링과 버블링에 있어 현재 이벤트 이후의 전파를 막습니다.
138 Event.target
이벤트를 전달한 객체에 대한 참조입니다. 이것은 이벤트가 이벤트 핸들러에서 버블링되거나 캡쳐되는 단계인 event.currentTarget 과는 다르다.
139 event.cancelable DOM, Gecko
이벤트의 취소가 가능한지를 나타냅니다.
140 event.preventDefault
이벤트를 취소할 수 있는 경우, 이벤트의 전파를 막지않고 그 이벤트를 취소합니다.
141 EventListener
EventListener 인터페이스는 EventTarget 객체로부터 발생한 이벤트를  처리하기 위한 오브젝트를 말합니다.
142 EventSource API, Communications, EventSource, Interface, Reference, Server Sent Events, Server-sent events, messaging
The EventSource interface is web content's interface to server-sent events. An EventSource instance opens a persistent connection to an HTTP server, which sends events in text/event-stream format.
143 EventSource() API, EventSource, 레퍼런스, 생성자, 서버 전송 이벤트
EventSource() 생성자는 원격 자원을 나타내는 새롭게 생성된 EventSource 를 반환합니다.
144 EventTarget API, DOM, DOM Events, Interface
EventTarget은 이벤트를 받고 그 이벤트 수신기(listener)를 가질 수 있는 객체에 의해 구현된 인터페이스입니다.
145 EventTarget()
EventTarget() 생성자는 새로운 EventTarget 객체 인스턴스를 만듭니다.
146 EventTarget.addEventListener() API, DOM, Event Handlers, Event Listener, EventTarget, JavaScript, Method, Reference
EventTarget의 addEventListener() 메서드는 지정한 이벤트가 대상에 전달될 때마다 호출할 함수를 설정합니다.
147 EventTarget.dispatchEvent() API, DOM, DOM 엘리먼트 메소드, Gecko, 메소드
영향을 받는 EventListener 를 적절한 순서로 호출하는 지정된 EventTarget 에서 Event 를 (동기적으로) 디스패치합니다. 일반 이벤트 처리 규칙(capturing 과 선택적인 bubbling 단계를 포함해)은 dispatchEvent() 를 사용하여 수동으로 전달 된 이벤트에도 적용됩니다.
148 EventTarget.removeEventListener()
EventTarget.removeEventListener() 메서드는 이전에EventTarget.addEventListener()로 EventTarget 에 등록했던 이벤트 리스너를 제거합니다. 이 이벤트 리스너는 이벤트 종류와 이벤트 리스너 함수 자체의 조합으로 식별되어 제거되며, 등록시 제공했던 다양한 옵션과 일치하는 이벤트 리스너만 제거할 수 있습니다.  Matching event listeners for removal를 참고하세요.
149 Fetch API
Fetch API는 네트워크 통신을 포함한 리소스 취득을 위한 인터페이스가 정의되어 있습니다.  XMLHttpRequest와 같은 비슷한 API가 존재합니다만, 새로운 Fetch API는 좀더 강력하고 유연한 조작이 가능합니다.
150 Fetch basic concepts
Fetch의 핵심은 인터페이스의 추상화입니다. HTTP Request, Response, Headers, Body의 Payload, 그리고 비동기 리소스 Request의 초기화를 위한global fetch메서드가 이 대상입니다. HTTP의 주요 컴포넌트가 자바스크립트 오브젝트로써 추상화되어있기 때문에 다른 API에서 이러한 기능들을 사용하기 쉽게 해줍니다.
151 Using Fetch
이전에 이러한 기능을  XMLHttpRequest에서 제공하고 있었습니다. Fetch는 이러한 API의 대체제로 Service Workers같은 기술로 간단히 이용하는것이 가능합니다. 또한 CORS나 HTTP확장같은  HTTP에 관련한 개념을 모아 정의하고 있습니다.
152 FetchEvent API, FetchEvent, Interface, NeedsTranslation, Offline, Reference, Service Workers, TopicStub, Workers
This is the event type for fetch events dispatched on the service worker global scope. It contains information about the fetch, including the request and how the receiver will treat the response. It provides the event.respondWith() method, which allows us to provide a response to this fetch.
153 FetchEvent.respondWith()
FetchEvent의 respondWith() 메소드는 브라우저의 기본 fetch 핸들링을 막고, 당신 스스로 Response에 대한 promise를 제공할 수 있게 허락합니다.
154 File API, File API, Interface, Reference, Web
File 인터페이스는 파일에 대한 정보를 제공하고, 웹 페이지의 JavaScript가 해당 내용에 접근할 수 있게 합니다.
155 File.File() API, Constructor, File, Reference
File() 생성자는 File 객체의 새로운 인스턴스를 생성합니다.
156 File.name API, File API, Property, Reference
name 속성은 File 객체가 나타내는 파일의 이름을 반환합니다. 보안상의 이유로 경로는 이름에서 제외됩니다.
157 File.size
파일의 크기를 바이트 단위로 반환합니다.
158 FileList
이 타입의 객체는 HTML <input> 엘리먼트의 files 속성으로부터 반환됩니다; 이는 <input type="file"> 엘리먼트로 선택된 파일의 리스트에 접근하도록 합니다. 또한 드래그 앤 드랍 API를 사용할 때 웹 컨텐트에 드랍된 파일의 리스트에도 사용됩니다; 이 사용에 대한 자세한 내용은 DataTransfer 객체를 보십시오.
159 FileReader
FileReader 객체는  웹 애플리케이션이 비동기적으로 데이터를 읽기 위하여 읽을 파일을 가리키는File 혹은 Blob 객체를 이용해 파일의 내용을(혹은 raw data버퍼로) 읽고 사용자의 컴퓨터에 저장하는 것을 가능하게 해줍니다.
160 FileReader.readAsDataURL()
No summary!
161 FileReader.result
파일의 내용을 반환한다. 이 속성은 읽기가 완료 된 후에만 사용 가능 하며 데이터의 형식은 읽기 작업에 어떤 함수가 사용되었는가에 의해 정해진다.
162 FormData API, 인터페이스, 폼 데이터
FormData 인터페이스는 form 필드와 그 값을 나타내는 일련의 key/value 쌍을 쉽게 생성할 수 있는 방법을 제공합니다. 또한 XMLHttpRequest.send() 메서드를 사용하여 쉽게 전송할 수 있습니다. 인코딩 타입이 "multipart/form-data"로 설정된 경우, form에서 사용하는 것과 동일한 포맷을 사용해야 합니다.
163 FormData()
FormData() 생성자(Constructor)는 새로운 FormData객체를 만듭니다.
164 FormData.append()
FormData 인터페이스의 append() 메서드는 FormData 객체의 기존 키에 새 값을 추가하거나, 키가 없는 경우 키를 추가합니다.
165 FormData.delete()
FormData 인터페이스의 delete() 메서드는 FormData 객체에서 key와 그 값에 해당하는 것을 지웁니다.
166 FormData.entries()
FormData.entries() 메서드는 이 객체에 포함된 모든 key/value 쌍을 통과하는 iterator 를 반환합니다. 각 쌍의 key는  USVString 객체입니다; value는 USVString 또는 Blob 중 하나입니다.
167 FormData.get()
FormData 인터페이스의 get() 메서드는 FormData 객체에서 지정한 키와 연관된 첫 번째 값을 반환합니다. 값이 여러개이고, 모든 값을 원하면 이 메서드 대신 getAll() 메서드를 사용하십시오.
168 FormData.getAll()
FormData 인터페이스의 getAll() 메서드는 FormData 객체에서 지정된 키와 연관된 모든 값을 반환합니다.
169 FormData.has()
FormData 인터페이스의 has() 메서드는 FormData 객체에 특정 키가 들어 있는지 여부를 나타내는 boolean 을 반환합니다.
170 FormData.keys()
FormData.keys() 메서드는 이 객체에 포함된 모든 키를 통과하는 iterator 를 반환합니다. 키는 USVString 객체입니다.
171 FormData.set()
FormData 인터페이스의 set() 메서드는 FormData 객체 내에 있는 기존 키에 새 값을 설정하거나, 존재하지 않을 경우 key/value을 추가합니다.
172 FormData.values()
FormData.values() 메서드는 이 객체에 포함 된 모든 value를 통과하는 iterator를 반환합니다. value는 USVString 또는 Blob 객체입니다.
173 Gamepad API API, Experimental, Gamepad API, Games, NeedsTranslation, Overview, TopicStub
게임패드 API는 게임패드와 다른 게임 제어장치의 신호에 쉬운 일관된 방식으로 접근하고 응답하는 개발자들을 위한 수단이다. 게임패드 API는 세 가지 인터페이스와연결, 연결 해제되고 게임 패드 자체에 대한 다른 정보에 접근하고 어떤 버튼과 다른 조작 장치들이 현재 눌린 것에 응답하는 두 가지 이벤트 그리고 한 가지 특수 기능이 포함되어 있다.
174 Using the Gamepad API
The Gamepad API introduces new events on the Window object for reading gamepad and controller (hereby referred to as gamepad) state. In addition to these events, the API also adds a Gamepad object, which you can use to query the state of a connected gamepad, and a navigator.getGamepads() method which you can use to get a list of gamepads known to the page.
175 Geolocation API, Geolocation API, 레퍼런스, 인터페이스
Geolocation 인터페이스는 디바이스의 위치를 가져올 수 있는 인터페이스를 제공합니다. 이는 웹 콘텐츠가 기기의 위치 정보에 기반한 정보를 나타낼 수 있게 해주고, 웹사이트 또는 웹앱이 유저의 위치에 기반해 커스터마이징된 결과물들을 보여줄 수 있도록 해줍니다.
176 window.navigator.geolocation.getCurrentPosition
getCurrentPosition 메서드는 장치의 현재 위치를 얻어 내는 데 사용합니다.
177 GlobalEventHandlers API, DOM, HTML DOM, Mixin, Reference
GlobalEventHandlers 믹스인mixinHTMLElement, DocumentWindow 등 여러 인터페이스가 공유하는 공통 이벤트 처리기를 묘사합니다. 물론, 각각의 인터페이스는 아래에 나열된 항목뿐만 아니라 더 많은 이벤트 처리기를 추가할 수 있습니다.
178 GlobalEventHandlers.onchange API, HTML DOM, 레퍼런스, 프로퍼티
onchange 속성은 change 이벤트의 이벤트 핸들러를 설정하고 반환합니다.
179 GlobalEventHandlers.onclick API, Event Handler, HTML DOM, Property, Reference
GlobalEventHandlers 믹스인mixin의 onclick 속성은 주어진 요소의 click 이벤트를 처리하기 위한 EventHandler입니다.
180 GlobalEventHandlers.oncontextmenu
윈도우에서 마우스 오른쪽 클릭시 발생하는 이벤트 이벤트 핸들러 속성 입니다. 기본동작을 막지 않는 한 (아래의 예제를 참조하세요), 브라우저의 컨텍스트 메뉴가 활성화됩니다. (그러나 IE8는 이것과 관련된 버그가 있어 contextmenu 가 정의 되어있다고 할지라도 활성화 되지 않습니다).  이 이벤트는 비활성화되지 않은(non-disabled) 오른쪽 클릭 이벤트와 함께 발생하며   "contextmenu" 속성 을 가진 엘리먼트에는 달리지 않는다는 것을 유의하세요.
181 GlobalEventHandlers.ondblclick API, HTML DOM, 레퍼런스, 프로퍼티
ondblclick 속성은 현재 요소(element)의 onDblClick 이벤트 핸들러 코드를 돌려줍니다.
182 GlobalEventHandlers.onkeydown API, HTML DOM, NeedsContent, NeedsExample, 레퍼런스, 프로퍼티
onkeydown 속성은 현재 요소(element)의 onKeyDown 이벤트 핸들러 코드를 돌려줍니다
183 GlobalEventHandlers.onkeyup
onkeyup 속성은 현재 요소에서 onKeyUp 이벤트 핸들러를 반환합니다.
184 GlobalEventHandlers.onsubmit API, HTML DOM, 레퍼런스, 속성
No summary!
185 GlobalEventHandlers.ontouchstart
touchstart 이벤트를 위한 global event handler
186 HTML 드래그 앤 드롭 API
HTML 드래그 앤 드롭 인터페이스는 파이어폭스와 다른 브라우저에서 어플리케이션이 드래그 앤 드롭 기능을 사용하게 해줍니다.
187 Drag Operations
다음은 드래그 & 드랍(drag & drop) 동작 실행 시 각 단계에 대한 설명입니다.
188 HTMLBRElement API, HTML DOM, Interface, Reference
HTMLBRElement 인터페이스는 HTML 줄바꿈 요소(<br>)를 나타냅니다. HTMLElement를 상속합니다.
189 HTMLCanvasElement
HTMLCanvasElement 인터페이스는 <canvas> 요소의 레이아웃이나 프레젠테이션을 조작하는 여러 프로퍼티와 메서드들을 제공합니다. 또한 HTMLCanvasElement 인터페이스는 HTMLElement 인터페이스의 여러 프로퍼티와 메서드들을 상속받습니다.
190 HTMLCollection
HTMLCollection 인터페이스는 (document order의) 요소들(elements)의 일반적인 콜렉션을 나타낸다. (arguments처럼 유사 배열의 형태이다.) 리스트(list)에서 선택하기 위한 메소드(method)와 속성(properties)들을 제공한다.
191 HTMLCollection.item
HTMLCollection 의 메소드 item() 은 컬렉션 안의 특정 인덱스에 위치한 노드를 반환합니다.
192 HTMLDivElement API, HTML DOM, 레퍼런스, 인터페이스
HTMLDivElement 인터페이스는 div 엘리먼트를 다루기위한 특별한 프로퍼티(상속을 통해 사용할 수 있는 일반적인 HTMLElement 인터페이스를 능가하는)를 제공합니다.
193 HTMLDocument API, HTML DOM, 레퍼런스, 인터페이스
HTMLDocument은 일반적인 (XML) 문서에서 기본적으로 존재하지 않는 특별한 프로퍼티와 메소드에 접근을 제공하는 DOM의 추상 인터페이스입니다. 특히 HTML 문서와 엘리먼트에 관련된 기능을 추가해줍니다.
194 HTMLElement API, HTML DOM, NeedsNewLayout, 레퍼런스, 인터페이스
HTMLElement 인터페이스는 모든 HTML 엘리먼트를 나타냅니다. 일부 엘리먼트는 이 인터페이스를 직접 구현하며, 다른 일부는 이를 상속한 인터페이스를 통해 구현합니다.
195 HTMLElement.click() API, HTML DOM, HTMLElement, 레퍼런스, 메소드
HTMLElement.click() 메소는 엘리먼트에 마우스 클릭을 시뮬레이션합니다.
196 HTMLElement.dataset API, HTML DOM, HTMLElement, Property, Reference, dataset
HTMLElement.dataset 속성은 HTML이나 DOM 요소의 커스텀 데이터 속성(data-*)에 대한 읽기와 쓰기 접근을 허용합니다. 이는 DOMString을 매핑한 것으로, 각 커스텀 데이터 속성은 하나의 진입점을 갖습니다. dataset 속성은 읽을 수는 있지만 직접 쓸 수는 없다는 점에 주의하세요. 대신 모든 쓰기는 해당 데이터 속성을 차례대로 나타내는 "properties"에 해야 합니다. 또한 HTML data-attribute와 이에 해당하는 DOM의 dataset.property가 쓰는 이름이 비슷하지만 같지 않다는 점에도 주의하세요:
197 HTMLElement.offsetParent
HTMLElement.offsetParent 읽기전용 프라퍼티는 가장 가까운 (포함 계층에서 가장 가까운) 위치가 정해진 포함하는 엘리먼트 객체에 대한 참조를 반환한다. offsetParent는 엘리먼트의 위치가 정해지지 않으면 가장 가까운 테이블 또는 테이블 셀, 루트 엘리먼트 (표준 준수 모드에서는 html; quirks 렌더링 모드에서는 body) 를 반환한다.
엘리먼트의 style.display가 "none"으로 설정되면 null을 반환한다. offsetParentoffsetTopoffsetLeft가 그것의 패딩 모서리에 상대적이기 때문에 유용하다.
198 HTMLElement.outerText
HTMLElement.outerText 는 비표준 속성(property)입니다. getter로써Node.innerText의 값을 반환합니다. setter로써는 현재 노드를 삭제하고 주어진 텍스트값으로 대체합니다.
199 accessKeyLabel
HTMLElement.accessKeyLabel 읽기 전용 속성은 엘리먼트의 할당된 접근키를 나타내는 String 를 반환합니다. 존재하지 않는 경우 빈 문자열을 반환합니다.
200 element.style DOM, Gecko
요소의 style 속성(attribute)을 나타내는 개체를 반환합니다.
201 element.tabIndex DOM, Gecko
현재 요소의 탭 순서를 get/set.
202 HTMLHyperlinkElementUtils API, Experimental, Mixin, URL API
The HTMLHyperlinkElementUtils mixin defines utility methods and properties to work with HTMLAnchorElement and HTMLAreaElement. These utilities allow to deal with common features like URLs.
203 HTMLHyperlinkElementUtils.href API, Experimental, HTMLHyperlinkElementUtils, Location, Property, Reference
HTMLHyperlinkElementUtils.href 속성은 온전한 URL을 값으로 가지는 USVString입니다.
204 HTMLMediaElement
HTMLMediaElement는 오디오와 비디오에 통용되는 미디어 관련 확장성을 제공하기 위해 HTMLElement에 메소드와 프로퍼티를 추가한 인터페이스입니다.
205 HTMLMediaElement: loadedmetadata 이벤트는 loadedmetadata
loadedmetadata 이벤트는 metadata 가 로드되었을 때 발생된다.
206 HTMLMediaElement: canplay canplay
canplay 이벤트는 user agent 가 media 를 재생할 수 있을 때 발생된다. 그러나, 컨텐츠의 추가 버퍼링을 위한 정지 없이 media 를 끝까지 재생하기에는, 로드된 데이터가 충분하지 않을 것으로 추산한다.
207 HTMLMediaElement: canplaythrough canplaythrough
canplaythrough 이벤트는 user agent 가 media 를 재생할 수 있을 때 발생되며, 컨텐츠의 추가 버퍼링을 위한 정지 없이 media 를 끝까지 재생하기에 로드된 데이터가 충분할 것으로 추산한다.
208 HTMLSpanElement API, HTML DOM, 레퍼런스, 인터페이스
HTMLSpanElement 인터페이스는 <span> 엘리먼트를 나타내며 HTMLElement 인터페이스로부터 파생되었으며 부가적인 프로퍼티나 메소드는 구현되지 않았습니다.
209 HTMLTemplateElement API, HTML DOM, HTMLTemplateElement, 레퍼런스, 웹 컴포넌트, 인터페이스
HTMLTemplateElement 인터페이스는 HTML <template> 엘리먼트의 컨텐츠에 접근할 수 있게 해줍니다.
210 HTMLTitleElement API, HTML DOM, Interface, Reference
HTMLTitleElement 인터페이스는 문서의 제목을 담습니다. HTMLElement 인터페이스의 속성과 메서드를 상속합니다,
211 History
History 인터페이스는 브라우저의 세션 히스토리를 조작할 수 있게 합니다. 세션 히스토리에는 탭에서 방문했던 페이지들이나, 현재 페이지가 로딩된 프레임들이 포함됩니다.
212 IdleDeadline
Cooperative Scheduling of Background Tasks API의 complete example를 참조하세요.
213 IdleDeadline.didTimeout
IdleDeadline 인터페이스의 읽기 전용 속성(property)인 didTimeout 는 Window.requestIdleCallback()이 호출될 때 지정된 timeout 간격이 만료되어, 유휴 콜백(idle callback)이 호출되는지 여부를 나타내는 Boolean 값 입니다.
214 ImageData
ImageData 인터페이스는 <canvas> 엘리먼트 영역의 기저의 픽셀데이터를 나타냅니다ImageData()생성자나 canvas객체에 연결된 CanvasRenderingContext2D객체의 createImageData()getImageData()메소드로 생성할 수 있습니다. ImageDataputImageData()의 인자로 전달할 수 있으며, 이를 통해 canvas의 일부로 반영할 수 있습니다.
215 Index API, Index, Landing
{{Index("/ko/docs/Web/API")}}
216 IndexedDB Database
IndexedDB는 데이터 객체나 파일을 비롯해 많은 양의 구조화된 데이터를 클리이언트 측에 저장하기 위한 낮은 수준의 API입니다. API는 이 데이터에서 고 성능의 검색을 할 수 있는 인덱스를 사용합니다. 웹 스토리지는 적은 양의 데이터를 저장하는데 유용하지만 많은 양의 구조화된 데이터를 저장하는데는 좋지 않습니다. 이럴 때 IndexedDB를 사용할 수 있습니다. 이 페이지는 MDN의 IndexedDB에 대한 내용을 다루는 시작 문서입니다. 전체 API 레퍼런스, 사용 가이드, 세부적인 브라우저 지원 상황, 그리고 핵심 개념에 대한 설명을 제공하는 링크가 있습니다.
217 IndexedDB 사용하기
IndexedDB는 사용자의 브라우저에 데이터를 영구적으로 저장할 수 있는 방법 중 하나입니다. IndexedDB를 사용하여 네트워크 상태에 상관없이 풍부한 쿼리 기능을 이용할 수 있는 웹 어플리케이션을 만들 수 있기 때문에, 여러분의 웹 어플리케이션은 온라인과 오프라인 환경에서 모두 동작할 수 있습니다.
218 기본 개념 Advanced, IndexedDB
이 소개글은 IndexedDB의 필수 개념과 용어에 대해 논의합니다. 큰 그림을 제공하고 핵심 개념들을 설명합니다.
219 MediaDevices API, Devices, Interface, Media, Media Capture and Streams API, Media Streams API, MediaDevices, NeedsTranslation, Reference, TopicStub, WebRTC
The MediaDevices interface provides access to connected media input devices like cameras and microphones, as well as screen sharing. In essence, it lets you obtain access to any hardware source of media data.
220 MediaDevices.enumerateDevices()
MediaDevices의  enumerateDevices() 메서드는 사용(또는 접근)이 가능한 미디어 입력장치나 출력장치들의 리스트를 가져옵니다. 예를 들면 마이크, 카메라, 헤드셋 등의 미디어 입/출력 장치 리스트를 불러오는 것 이죠.
221 MediaDevices.getUserMedia()
MediaDevices getUserMedia() 메소드는 사용자에게 미디어 장치 사용 권한을 요청하며, 요청 수락시 미디어 트랙을 포함한 MediaStream 을 반환합니다. 스트림에 포함 가능한 비디오 트랙들은 웹캠, 가상 비디오 장치(obs, xsplit 등등), 카메라 등이 있으며, 오디오 트랙들은 웹캠에 내장된 마이크, 가상 오디오 장치(asio4all 등등), 외부 입력장치 등이 있습니다. 이 외에도 기능으로서 충족한다면 스트림에 포함할 수 있습니다.
222 MediaError
The MediaError interface represents an error which occurred while handling media in an HTML media element based on HTMLMediaElement, such as <audio> or <video>.
223 MessageEvent
MessageEvent 는 WebSocket 또는 WebRTC RTCDataChannel 으로 된 타겟으로 부터 전달받은 메시지를 보여주는 interface 입니다.
224 MozMmsEvent
DOM MozMmsEvent 는 WebSMS MMS 메시지와 관련된 이벤트 객체이다.
225 MozMmsMessage
DOM MozMmsMessage 객체는 MMS 메시지를 나타내며 발신자, 수신자, 본문, 첨부 파일, 날짜와 같은 모든 정보를 가지고 있다.
226 MozMobileMessageManager
기기에서 WebSMS를 사용하여 MMS와 SMS 메시지 전송과 관리를 할 수 있는 기능을 제공한다.
227 MozMobileMessageThread
DOM MozMobileMessageThread 객체는 메시지의 스레드를 나타낸다.
228 MozSmsEvent
DOM MozSmsEvent 는 WebSMS 문자 메시지와 관련된 이벤트 객체이다.
229 MozSmsFilter
DOM MozSmsFilter 인터페이스는 SmsMessage 객체들을 필터링하기 위한 방법을 제공합니다.
230 MozSmsManager
기기에서 WebSMS를 사용하여 SMS 메시지 전송과 관리를 할 수 있는 기능을 제공한다.
231 MozSmsMessage
DOM MozSmsMessage 객체는 SMS 문자 메시지를 나타내며 발신자, 수신자, 본문, 날짜와 같은 모든 정보를 가지고 있다.
232 MozSmsSegmentInfo
DOM MozSmsSegmentInfo 인터페이스는 문자가 자동으로 어떻게 세그멘트로 나누어지는에 관한 정보를 제공합니다. 각 세그먼트는 멀티 파트 SMS 메시지의 단일 SMS를 나타냅니다.
233 MutationObserver
MutationObserver 는 개발자들에게 DOM 변경 감시를 제공합니다. DOM3 이벤트 기술 설명서에 정의된 Mutation Events 를 대체합니다.
234 Navigator API, DOM4, Interface, Navigator, Reference, Web
The Navigator interface represents the state and the identity of the user agent. It allows scripts to query it and to register themselves to carry on some activities.
235 window.navigator.battery
battery 객체는 시스템의 배터리 충전 상태에 대한 정보를 제공합니다. 배터리의 충전 상태가 변화할때 발생하는 이벤트에 대한 처리도 가능 합니다. 이 객체는 Battery Status API 의 구현입니다. 보다 자세한 내용, API, 샘플 코드 등은 문서를 참고 해 주세요.
236 window.navigator.mozMobileMessage
MozMobileMessageManager 객체를 반환한다. 이 객체는 MMS와 SMS 메시지를 보내거나 받는데 사용된다.
237 window.navigator.mozSms
SmsManager 객체를 반환한다. 이 객체는 SMS 메시지를 보내거나 받는데 사용된다.
238 window.navigator.registerProtocolHandler DOM, Firefox 3, Gecko
웹 사이트를 특정 프로토콜의 핸들러로 등록할 수 있게 해 줍니다.
239 NavigatorID
NavigatorID 인터페이스에는 브라우저의 ID와 관련된 메소드 및 특성이 들어있습니다.
240 NavigatorLanguage API, HTML-DOM, NeedsTranslation, No Interface, Reference, TopicStub
NavigatorLanguage contains methods and properties related to the language of the navigator.
241 NavigatorLanguage.language
No summary!
242 NavigatorOnLine API, HTML-DOM, NeedsTranslation, TopicStub
The NavigatorOnLine interface contains methods and properties related to the connectivity status of the browser.
243 Online and offline events AJAX, DOM, Web Development
In progress Firefox 3WHATWG 웹 애플리케이션 1.0 명세에 기술된 온라인/오프라인 이벤트를 구현합니다.
244 NetworkInformation API
The NetworkInformation interface contains methods and properties related to the network type of the browser.
245 window.navigator.connection
네트워크 정보 API는 사용자 기기의 현재 대역폭이나 연결이 과금되는 지와 같은 정보를 알려줍니다. 이를 이용해서 사용자의 연결에 기반해서 높은 품질의 콘텐츠를 제공할지 낮은 품질의 콘텐츠를 제공할지 선택할 수 있습니다.
246 Node DOM, Node
Node는 여러 가지 DOM 타입들이 상속하는 인터페이스이며 그 다양한 타입들을 비슷하게 처리할 수 있게 한다.
247 Node.appendChild() 노드 붙이기, 노드 이동, 돔
Node.appendChild() 메소드는 한 노드를 특정 부모 노드의 자식 노드 리스트 중 마지막 자식으로 붙입니다. 만약 주어진 노드가 이미 문서에 존재하는 노드를 참조하고 있다면 appendChild() 메소드는 노드를 현재 위치에서 새로운 위치로 이동시킵니다. (문서에 존재하는 노드를 다른 곳으로 붙이기 전에 부모 노드로 부터 지워버릴 필요는 없습니다.)
248 Node.cloneNode()
Cloning a node copies all of its attributes and their values, including intrinsic (in–line) listeners. It does not copy event listeners added using addEventListener() or those assigned to element properties. (e.g. node.onclick = fn) Moreover, for a <canvas> element, the painted image is not copied.
249 Node.compareDocumentPosition() API, DOM, Method, Node, 노드
Node.compareDocumentPosition() 메서드는 현재 노드와 문서 안의 다른 노드와의 위치를 비교한다.
250 Node.contains()
Node.contains() 메소드는 주어진 인자가 node 의 자손인지, 아닌지에 대한 Boolean 값을 리턴합니다.
251 Node.hasChildNodes() API, DOM, Method, Node
Node.hasChildNodes() 메소드는 현재 노드(Node)에게 자식노드(child nodes)가 있는지를 Boolean 값으로 반환합니다.
252 Node.innerText
Node.innerText 는 노드(node)와 그 자손의 '렌더링된' 텍스트 내용을 나타내는 속성(property) 입니다.
253 Node.insertBefore()
Node.insertBefore() 메소드는 참조된 노드 앞에 특정 부모 노드의 자식 노드를 삽입합니다. 만약 주어진 자식 노드가 document에 존재하는 노드를 참조한다면, insertBefore() 가 자식 노드를 현재 위치에서 새로운 위치로 옮깁니다. (노드를 다른 노드에 추가하기 전에 상위 노드에서 제거할 필요가 없습니다)
254 Node.nextSibling API, DOM, Gecko, Node, Property
읽기 전용 속성인 Node.nextSibling 은 부모의 childNodes 목록에서 지정된 노드 바로 다음에 있는 노드를 반환하거나 지정된 노드가 해당 목록의 마지막 노드이면 null 값을 반환합니다.
255 Node.nodeType
읽기 전용 프로퍼티인 Node.nodeType은 노드의 타입을 나타냅니다.
256 Node.normalize() API, DOM, NeedsSpecTable, 노드, 레퍼런스, 메소드
Node.normalize() 메소드는 지정된 노드와 하위 트리의 모든 노드를 "정규화된" 형태로 놓습니다. 정규화된 하위 트리의 텍스트 노드는 비어있지 않으며 인접한 텍스트 노드도 존재하지 않습니다.
257 Node.ownerDocument
Node.ownerDocument 읽기 전용 속성은 이 node 의 최상위 document 객체를 반환합니다.
258 Node.previousSibling
Node.previousSibling은 읽기전용 속성이며 현재 호출하는 노드가 속해 있는 부모의 childNodes 목록에서 특정 자식 노드를 리턴하거나 childNodes 목록의 첫번째 노드일 경우 Null값을 리턴합니다.
259 Node.replaceChild() 노드 교체, 돔 조작, 자바스크립트
Node.replaceChild() 메소드는 특정 부모 노드의 한 자식 노드를  다른 노드로 교체합니다.
260 Node.textContent
Node.textContent 프로퍼티는 노드와 그 자손의 텍스트 내용을 표시한다.
261 element.childNodes DOM, Gecko
childNodes는 주어진 요소의 자식 노드 모음( collection )을 반환합니다.
262 element.firstChild DOM, Gecko
트리에서 노드의 첫 번째 자식이나 null(노드가 자식이 없으면)을 반환합니다.
263 element.lastChild DOM, Gecko
lastChild는 노드의 마지막 자식을 반환합니다.
264 NodeFilter
NodeFilter 인터페이스는 NodeIteratorTreeWalker에서 노드들을 거르는데 쓰는 객체를 나타낸다. 그들은 DOM이나 어떻게 노드들을 순회하는지 전혀 모른다. 그저 제공된 필터에 대해 한 노드를 어떻게 평가할지 알뿐이다.
265 NodeList DOM, Interface
NodeList 객체는 일반적으로 element.childNodes와 같은 속성(property)과 document.querySelectorAll 와 같은 메서드에 의해 반환되는  노드의 콜렉션입니다.
266 NodeList.entries()
NodeList.entries() 메서드는 이 객체에 포함된 모든 key/value 쌍을 통과하는 iterator 를 반환합니다. 이 값(value)은 Node 객체입니다.
267 NodeList.item()
NodeList 의 node를 index로 돌려줍니다. 이 메서드는 인수(arguments)를 제공하는 한 exceptions 을 throw 하지 않습니다. index가 범위를 벗어나면 null 값이 반환되고, 인수가 제공되지 않으면 TypeError 가 throw 됩니다.
268 NodeList.keys()
NodeList.keys() 메서드는 이 객체에 포함된 모든 키를 통과할 수 있는 iterator 를 반환합니다. 이 키는 부호없는 정수형(unsigned integer) 입니다.
269 NodeList.prototype.forEach()
NodeList 인터페이스의 forEach() 메서드는 리스트 내의 각각의 값 쌍에 대해 매개 변수에 지정된 콜백을 삽입 순서로 호출합니다.
270 NodeList.values()
NodeList.values() 메서드는 이 객체에 포함된 모든 값을 통과할 수 있는 iterator를 반환합니다. 값은 Node 객체 입니다.
271 element.length DOM, Gecko
lengthNodeList의 항목수를 반환합니다.
272 Notification
Notifications APINotification 인터페이스는 사용자에게 데스크톱 알림을 설정하고 보여주는데 사용됩니다.
273 Notification.permission
permission 속성은 웹 알림에 있어서 사용자에 의해 현재 앱에 허가된 현재 권한을 가리킵니다. 
274 Notifications API 권한, 시스템, 알림
Notifications API 는 웹 페이지가 일반 사용자에게 시스템 알림 표시를 제어할 수 있게 해줍니다. 이러한 알람은 최상단 브라우징 컨텍스트 뷰포트의 바깥에 위치하므로 사용자가 탭을 변경하거나 다른 앱으로 이동했을때에도 표시할 수 있습니다. 이 API 는 다양한 플랫폼에 존재하는 알림 시스템과 호환되도록 디자인되었습니다.
275 NotifyAudioAvailableEvent
Attributes
276 OffscreenCanvas API, Canvas, Experimental, Interface, Reference
OffscreenCanvas는 화면 밖에서 렌더링되는 캔버스 인터페이스입니다. window 객체와 worker 객체 모두 지원합니다.
277 OffscreenCanvas() API, Canvas, Constructor, Experimental, OffscreenCanvas, Reference, WebGL
OffscreenCanvas() 생성자는 새롭게 초기화된 OffscreenCanvas 객체를 반환합니다.
278 OffscreenCanvas.convertToBlob() API, Canvas, Experimental, Method, OffscreenCanvas, Reference
OffscreenCanvas.convertToBlob() 메소드는 캔버스에 포함된 이미지를 표현하는 Blob 객체를 생성합니다.
279 OffscreenCanvas.getContext()
OffscreenCanvas.getContext() 메소드는 offscreen 캔버스를 위한 드로잉 컨텍스트 반환합니다. 컨텍스트 식별자가 지원되는 상황이 아닐 경우 null를 반환합니다.
280 OffscreenCanvas.height API, Canvas, Experimental, OffscreenCanvas, Property, Reference
height 프로퍼티는 OffscreenCanvas 객체에 할당된 높이를 반환합니다.
281 OffscreenCanvas.width API, Canvas, Experimental, OffscreenCanvas, Property, Reference
width 프로퍼티는 OffscreenCanvas 객체에 할당된 너비를 반환합니다.
282 Page Visibility API visibilitychange
Page Visibility API 는 웹페이지가 visible 또는 focus 상태인지 당신이 알도록 한다.
283 ParentNode API, DOM, Mixin, Node, ParentNode, Reference
ParentNode 믹스인mixin은 자식을 가질 수 있는 모든 종류의 Node 객체가 공통으로 가지는 메서드와 속성을 가집니다.
284 ParentNode.children
ParentNode의 속성 children은 호출된 요소의 모든 자식 노드의 elements를 담고있는 실시간 HTMLCollection을 반환합니다.
285 Performance API, Interface, Navigation Timing, NeedsTranslation, Performance, Reference, TopicStub, Web Performance
The Performance interface represents timing-related performance information for the given page.
286 performance.now() Performance, performance.now
performance.now() 메서드는 1000 분의 5 밀리 초(5 마이크로 초) 로 정밀하게 밀리 초 단위로 측정된 DOMHighResTimeStamp 를 반환한다.
287 Plugin API, Add-ons, DOM, NeedsContent, Plug-in, Plugins
플러그 인 인터페이스는 브라우저 플러그 인에 대한 정보를 제공합니다.
288 PositionOptions
The PositionOptions interface는 Geolocation.getCurrentPosition() 과 Geolocation.watchPosition()의 매개 변수로 전달할 옵션 속성을 포함한 개체를 설명합니다.
289 Proximity
근접 이벤트는 사용자가 디바이스에 가까이 갔을때를 알 수 있는 간단한 벙법이다.
290 PushManager
291 PushMessageData
The PushMessageData interface of the Push API provides methods which let you retrieve the push data sent by a server in various formats.
292 RTCPeerConnection
RTCPeerConnection 객체는 로컬 컴퓨터와 원격지 peer간의 WebRTC 연결을 담당하는 컴포넌트로써  원격지 peer에 연결하기 위한 메서드들을 제공하고, 연결의 유지 및 연결 상태를 모니터링 하며 더이상 연결이 필요하지 않을 경우 연결을 종료한다.
293 RandomSource API, Interface, NeedsTranslation, RandomSource, Reference, Référence(2), TopicStub, Web Crypto API
RandomSource represents a source of cryptographically secure random numbers. It is available via the Crypto object of the global object: Window.crypto on Web pages, WorkerGlobalScope.crypto in workers.
294 RandomSource.getRandomValues()
RandomSource.getRandomValues() 함수는 암호학적으로 강력한 수준의 임의의(random) 값을 생성합니다. 매개 변수로 제공된 배열은 임의의 숫자로 채워집니다 (암호화의 의미는 무작위입니다).
295 Request
Fetch API의 Request는 리퀘스트 리소스를 표현해주는 인터페이스입니다.
296 Request()
Request() 생성자는 새로운  Request 객체를 생성하도록 도와줍니다.
297 Request.credentials API, Cookies, Fetch, Networking, Property, Reference, Security, credentials, request
Request 인터페이스의 credentials 읽기 전용 속성은 cross-origin 요청의 경우, user agent가 다른 도메인으로부터 cookie 들을 전달해야만 하는가 아닌가를 나타낸다. 이것은 XHR 의 withCredentials flag 과 비슷하지만, (2개가 아니라) 3가지 값이 사용 가능하다 :
298 SVGMatrix
수많은 SVG 그래픽 오퍼레이션은 아래와 같은 2X3 행열을 활용하고있다.
299 SVGRect
SVGRect는 직사각형을 의미합니다. 직사각형은 최소 x값과 최소 y값, 그리고 양수로 제한되는 폭과 높이를 식별하는 x와 y 좌표 쌍으로 구성됩니다.
300 SVGSVGElement
SVGSVGElement 인터페이스는 SVG의 SVG엘리먼트(<svg>) 에 접근하고 그곳에 포함된 메소드들 또한 다룰 수 있게 합니다. 이 인터페이스는 matrix 오퍼레이션과 보여지는 장치에 다시그리는 속도를 컨트롤 할 수 있는 기능같은, 보통의 많이 사용되는 유용한 메소드들을 다양하게 포함하고 있습니다.
301 Screen API
The Screen interface represents a screen, usually the one on which the current window is being rendered.
302 Screen.lockOrientation
lockOrientation 함수는 지정된 방향으로 화면을 고정시킨다.
303 Screen.orientation
orientation 속성은 화면의 현재 방향을 알려 준다.
304 window.screen.unlockOrientation
unlockOrientation 함수는 이전의 page나 앱을 통해 지정한 화면 고정 값들을 모두 제거 한다.
305 Server-sent events API, SSE, Server-sent events
전통적으로 웹페이지는 새로운 데이터를 받기 위해 서버로 요청을 보내야만 합니다; 서버로 데이터를 요청하는 방식입니다. 하지만 Server-Sent Events 방식으로 웹페이지의 요청 없이도 언제든지 서버가 새로운 데이터를 보내는 것이 가능합니다. 이렇게 보내진 메시지는 웹페이지 안에서 Events + 데이터로 다룰 수 있습니다.
306 Service Worker API API, Landing, NeedsTranslation, Offline, Overview, Reference, Service Workers, TopicStub, Workers
No summary!
307 Using Service Workers
웹 사용자들이 몇 년 동안 겪었던 가장 중요한 문제 중 하나는 인터넷 연결이 끊어지면 작동하지 않는겁니다. 세계 최고의 웹 앱조차 연결이 없을 때는 끔찍한 사용자 경험을 제공합니다. 우리의 오프라인 페이지가 보여주듯이, 이 문제를 해결하기 위한 기술을 개발하기 위한 여러가지 시도가 있었고, 일부 문제는 해결되었습니다. 그러나 가장 중요한 문제는 리소스 캐싱과 커스텀 네트워크(예를 들어 WebSocket등을 이용한 리소스 로드) 통신 제어 메커니즘이 여전히 좋지 않다는 점입니다.
308 SharedWorker
SharedWorker 인터페이스는 윈도우 창이나 iframe, 워커등의 다른 브라우징 컨텍스트에서도 접근이 가능한 특정 종류의 워커를 의미합니다. 기존의 다른 종류의 워커들과 다른 전역 스코프를 갖는 인터페이스를 구현합니다. SharedWorkerGlobalScope.
309 Storage
웹 스토리지 API의 스토리지 인터페이스는 특정 도메인을 위한 세션스토리지 또는 로컬 스토리지에 접근할 수 있게 합니다. 예를 들면, 저장된 데이터 아이템들의 추가, 변경, 삭제가 가능한 방식과 같습니다.
310 Storage.clear()
Storage interface의 clear() 메소드는 호출되었을 때 모든 저장된 key들을 없앤다.
311 Storage.key() 로컬 스토리지, 세션 스토리지, 웹 스토리지
Storage 인터페이스의 key() 메서드는 숫자 n이 전달되면 Storage의 n번째 key 이름을 반환합니다. key의 순서는 user-agent에 의해 정의되므로 이 순서에 의존성이 있어서는 안됩니다.
312 Storage.removeItem() 메소드, 스토리지, 웹 스토리지, 참고
Storage 인터페이스의 removeItem() 메소드에 키 이름을 파라미터로 전달하면 스토리지에서 해당 키를 삭제합니다.
313 Streams API API, Experimental, Landing, NeedsTranslation, Reference, Streams, TopicStub
Streams API는 Javascript를 이용해 네트워크를 통해 전송된 데이터 스트림에 접근하여 원하는 대로 처리가 가능한 API를 제공합니다.
314 Streams API 컨셉
The Streams API adds a very useful set of tools to the web platform, providing objects allowing JavaScript to programmatically access streams of data received over the network and process them as desired by the developer. Some of the concepts and terminology associated with streams might be new to you — this article explains all you need to know.
315 Text API, DOM
Text 인터페이스는 Element 또는 Attr 의 문자형 컨텐츠를 표현합니다. 엘리먼트의 컨텐츠에 마크업이 없을 경우 엘리먼트의 텍스트를 갖는 Text 를 구현하는 단일 자식을 갖습니다. 반면에 엘리먼트에 마크업이 있을 경우 자식을 구성하는 정보 항목과 Text 노드로 파싱됩니다.
316 Text() API, DOM, Text, 생성자, 실험중
Text() 생성자는 옵션인 파라미터로 주어진 문자형 컨텐츠인 DOMString 으로 새롭게 생성된 Text 객체를 반환합니다.
317 Text.splitText() API, DOM, Text, 메소드
Text.splitText() 메소드는 Text 노드를 지정된 오프셋에서 두 노드로 분리합니다. 두 노드는 sibling으로써 트리에 유지됩니다.
318 Touch events
터치를 기반으로 한 양질의 서비스를 제공하기 위해, Touch Events(터치이벤트)는 터치로 인한 움직임을 감지할 능력을 제공합니다.
319 TreeWalker
TreeWalker 오브젝트는 도큐먼트 서브트리의 노드들과 그 안에서의 위치를 나타낸다.
320 TreeWalker.currentNode
TreeWalker.currentNode 프라퍼티는 TreeWalker가 현재 가리키고 있는 Node를 나타낸다.
321 URL API, Overview, Reference, URI, URL, URL API, Web
When using a user agent where no constructor has been implemented yet, it is possible to access such an object using the Window.URL properties (prefixed with Webkit-based browser as Window.webkitURL).
322 URLSearchParams API, Experimental, Interface, Parse, Reference, URL, URL API, query, 실험적
URLSearchParams 은 URL의 Query 문자열을 다루는 메소드의 정의 입니다.
323 USVString API, DOM, DOM 레퍼런스, String, WebIDL, 레퍼런스
USVString 은 유니코드 스칼라 값의 모든 가능한 시퀀스 집합에 해당합니다. USVString 은 JavaScript로 반환될 때, String 에 매핑됩니다; 작동할 유니코드 스칼라 값 문자열을 필요로하고, 일반적으로 텍스트 처리를 수행하는 API에만 사용됩니다. USVString 은 DOMString와 같습니다. 다만, 지원되지 않는 대체 코드 포인트를 허용하는 않습니다. USVString 에서 처리되지 않은 대체 코드 포인트는 브라우저에서 유니코드 'replacement character' U+FFFD, (�) 로 변환됩니다.
324 Using fullscreen mode
Fullscreen API 는 특정 요소Element(와 해당 자손들을)를 full-screen mode로 표시하고, 더 이상 필요하지 않으면 full-screen mode를 종료하는 메서드를 추가합니다. 이렇게 하면 사용자의 전체 화면을 사용하여, 온라인 게임과 같은 원하는 내용을 표시할 수 있습니다. full-screen mode가 종료될 때까지 화면에서 브라우저의 모든 유저 인터페이스 요소와 기타 응용 프로그램을 제거할 수 있습니다.
325 VREyeParameters
WebVR API VREyeParameters  인터페이스는 시야 정보 필드를 포함하여 특정한 눈에 대한 장면을 정확하게 렌더링 하는 데 필요한 모든 정보를 나타냅니다.
326 Web Audio API
Web Audio API는 오디오 컨텍스트 내부의 오디오 조작을 핸들링하는 것을 포함하며, 모듈러 라우팅을 허용하도록 설계되어 있습니다. 기본적인 오디오 연산은 오디오 노드를 통해 수행되며, 오디오 노드는 서로 연결되어 오디오 라우팅 그래프를 형성합니다. 다른 타입의 채널 레이아웃을 포함한 개별 오디오 소스는 단일 컨텍스트 내에서도 지원됩니다. 이 모듈식 설계는 역동적이고 복합적인 오디오 기능 생성을 위한 유연성을 제공합니다.
327 Basic concepts behind Web Audio API 가이드, 미디어, 오디오, 웹오디오API, 웹오디오API이론, 이론, 컨셉
Web Audio API의 기능이 어떻게 동작하는지에 대한 오디오 이론에 대해서 설명합니다. 마스터 사운드 엔지니어가 될 수 는 없지만, Web Audio API가 왜 그렇게 작동하는지에 대해 이해할 수 있는 충분한 배경 지식을 제공해서 개발중에 더 나은 결정을 내릴 수 있게합니다. 
328 Web Storage API API, NeedsTranslation, Reference, Storage, TopicStub, Web Storage, localStorage, sessionStorage
The Web Storage API provides mechanisms by which browsers can store key/value pairs, in a much more intuitive fashion than using cookies.
329 Web Storage API 사용하기
Storage 객체는 단순한 key-value 저장소이며, 이는 객체와 비슷합니다. 하지만 이 데이터들은 페이지 로딩에도 온전하게 유지됩니다. key와 그 value는 항상 문자열입니다. (만약 정수로 키를 사용할 경우 이는 자동으로 string으로 변경됩니다, 자바스크립트 객체의 동작방식을 생각해보세요) 객체를 사용하듯이 쉽게 값에 접근할 수 있으며, 이 때 Storage.getItem()과 Storage.setItem() 메서드를 사용합니다. 아래 세 줄은 colorSetting 엔트리를 가져오는 똑같은 방법입니다.
330 Web Workers API API, DOM, NeedsTranslation, Service Workers, Shared Workers, TopicStub, Web Workers, Workers
Web Worker는 script 실행을 메인 쓰레드가 아니라 백그라운드 쓰레드에서 실행할 수 있도록 해주는 기술 입니다. 이 기술을 통해 무거운 작업을 분리된 쓰레드에서 처리할 수 있으며, 이를 통해 메인 쓰레드(일반적으로 UI 쓰레드)는 멈춤, 속도저하 없이 동작할 수 있게 됩니다.
331 The structured clone algorithm
The structured clone 알고리즘은 복잡한 자바스크립트 객체의 직렬화을 위해서 HTML5 specification에 의해서 정의된 새로운 알고리즘 입니다. 이것은 순환그래프를 포함하는 객체의 직렬화를 지원하기 때문에 JSON보다 더 유용합니다. — 객체는 같은 그래프에서 다른객체를 참조하는 객체를 참조할 수 있습니다. 이러한 케이스들에서는 structured clone알고리즘이 아마도 JSON보다 더 효율적일 것입니다.
332 웹 워커 사용하기
A worker is an object created using a constructor (e.g. Worker()) that runs a named JavaScript file — this file contains the code that will run in the worker thread; workers run in another global context that is different from the current window. Thus, using the window shortcut to get the current global scope (instead of self) within a Worker will return an error.
333 WebGL WebGL, 그래픽스, 웹지엘
WebGL (Web Graphics Library)은 플러그인을 사용하지 않고 호환되는 웹 브라우저에서 인터렉티브한 3D와 2D 그래픽을 랜더링하기 위한 자바스크립트 라이브러리이다.  WebGL은  HTML5 <canvas> elements에서 사용되는 OpenGL ES 2.0를 따르는 API의 도입을 통해 웹에 3D 그래픽을 제공합니다.  WebGL은  Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ and Internet Explorer 11+에서 지원됩니다.
334 Matrix math for the web
행렬은 공간에서 오브젝트들의 변환을 표현하기 위해 사용되고, 웹에서 시각화에 쓰이는 중요한 도구입니다.  이 문서에서는 행렬을 어떻게 생성하고 CSS3 transformsmatrix3d transform 타입과 함께 사용하는지 살펴보겠습니다.
335 WebGL best practices
이 기사는 당신의 WebGL 콘텐트 질을 향상시키기 위한 제안과 팁을 제시합니다. 다음의 제안들을 따르면,  당신의 웹 애플리케이션이 더 많은 장치들과 브라우저들과의 호환성을 높일 수 있을 뿐만 아니라, 성능도 향상시킬 수 있게 도와줍니다.
336 WebGL by example Beginner, Example, Graphics, Learn, NeedsTranslation, TopicStub, WebGL
No summary!
337 Hello GLSL
No summary!
338 Hello vertex attributes
No summary!
339 WebGL 찾기
No summary!
340 간단한 색깔 애니메이션
No summary!
341 애니메이션 잘라내기
No summary!
342 코드에서의 텍스쳐
No summary!
343 클릭을 통한 청소
No summary!
344 WebGL tutorial Tutorial, WebGL
This tutorial describes how to use the <canvas> element to draw WebGL graphics, starting with the basics. The examples provided should give you some clear ideas what you can do with WebGL and will provide code snippets that may get you started in building your own content.
345 Getting started with WebGL Tutorial, WebGL
WebGL은 플러그인을 사용하지 않고 OpenGL ES 2.0 기반 API를 이용하여 브라우저의 HTML canvas에 렌더링하여 3D 웹 콘텐츠 제작을 가능하게 합니다. WebGL 프로그램은 컴퓨터의 그래픽 처리 장치(GPU)에서 실행되는 자바스크립트나 특수 효과(셰이더 코드)코드로 구성됩니다. WebGL 요소들은 다른 HTML 요소들과 혼합될 수 있고 페이지나 페이지 배경의 다른 부분과 합성될 수 있습니다.
346 WebGL 컨텍스트에 2D 컨텐츠 추가하기 Tutorial, WebGL
일단 성공적으로 WebGL컨텍스트를 생성하면 그 안에 렌더링을 시작할 수 있습니다. 가장 간단히 해볼 수 있는 것은 텍스쳐가 없는 2D 객체를 렌더링 하는 것입니다. 한번 사각형을 그리는 코드를 작성하는 것으로 시작해봅시다.
347 WebGL로 3D 객체 만들기 3D, 3차원, WebGL, 입체
이제 우리가 만든 정사각형에 5개의 면을 더해서 3차원 정육면체를 만들어 보겠습니다. 이 작업을 조금 더 효율적으로 하기 위해서 drawArray() 메서드를 호출해서 정점을 직접 핸들링하는 대신에, 정점 배열을 인덱스와 값으로 정의된 테이블이라고 생각하고, 각 정점을 인덱스로 참조해서 정육면체 각 면의 정점 위치를 정의하고 gl.drawElements()를 호출해서 그려보겠습니다.
348 WebGL에서 셰이더를 사용하여 색상 적용하기 색상, 셰이더, 웹지엘, 컬러
앞 단원의 예제에서 정사각형을 그려봤으니, 이제 정사각형에 색을 칠해 보겠습니다. 셰이더를 조금 수정하면 색을 칠할 수 있습니다.
349 WebGL에서 조명 효과 적용하기 WebGL, 방향광, 빛, 웹지엘, 점광, 조명, 주변광
WebGL은 OpenGL 표준과는 다르게 자체적인 조명 효과를 제공하지 않습니다. 따라서 WebGL에서의 조명 효과는 개발자 스스로 만들어야 합니다. 다행스럽게도 조명 효과를 만드는 것이 아주 어려운 일은 아니며, 이 글을 통해 몇 가지 기초적인 부분을 이해할 수 있을 것입니다.
350 WebGL에서 텍스쳐 사용하기 Texture, WebGL, 텍스쳐
앞 단원의 예제에서 회전하는 3차원 정육면체를 만들어봤습니다. 이번에는 정육면체의 각 면에 단색으로 색을 칠하는 대신에 텍스쳐를 입혀 보겠습니다.
351 WebGL에서의 텍스쳐 애니메이션 Animation, HTML5, Texture, Video, WebGL, 애니메이션, 웹지엘, 텍스쳐
앞 단원에서는 정적인 텍스쳐를 사용한 예제를 만들어 봤었는데, 이번에는 Ogg 비디오 파일을 이용해서 텍스쳐에 애니메이션 효과를 적용해 보겠습니다. 사실 만들기 상당히 쉽지만, 그래도 보는 재미는 쏠쏠하니까 한 번 만들어 보겠습니다. 텍스쳐를 구성할 소스로 어떤 종류의 데이터(예를 들면 <canvas>와 같은)를 쓰더라도 코드는 비슷할 것입니다.
352 WebGL을 사용한 객체 애니메이션 WebGL, 애니메이션, 회전
앞 단원에서의 예제 코드는 정지되어 있는 것처럼 보이지만 사실은 15밀리초마다 한 번 씩 WebGL 장면(Scene)을 다시 그리도록 설정되어 있습니다. 그려질 객체의 상태가 계속 똑같기 때문에, 똑같은 객체를 15밀리초마다 계속 다시 그리고 있는 것입니다. 이제 우리가 그린 정사각형을 실제로 움직이게 만들어 보겠습니다.
353 크로스-도메인 텍스쳐 WebGL, 웹지엘, 크로스 도메인, 텍스쳐
WebGL 텍스쳐 로딩은 크로스-도메인 접근 규칙에 따라 제약을 받습니다. 여러분이 만든 컨텐츠에서 다른 도메인의 텍스쳐, 즉, 크로스-도메인 텍스쳐를 로딩하려면 CORS 승인이 필요합니다. CORS에 대한 자세한 내용은 HTTP access control을 참고하시기 바랍니다.
354 WebGLRenderbuffer 레퍼런스, 웹지엘
WebGLRenderbuffer 인터페이스는 WebGL API 의 부분입니다. 그리고 이미지를 담거나 렌더링 연산의 소스나 타겟이 될 수 있는 버퍼를 말합니다.
355 WebGLShader
WebGLShader 를 생성하려면 WebGLRenderingContext.createShader를 사용한다. 그러고 나서는  WebGLRenderingContext.shaderSource()를 사용해서 GLSL 소스 코드를 연결한다. 마지막으로WebGLRenderingContext.compileShader()를 호출하고 셰이더를 컴파일한다. 이 시점에서 WebGLShader 는 여전히 사용할 수 있는 형식은 아니고WebGLProgram에 부착되어야 한다.
356 WebRTC API API, Audio, Landing, Media, NeedsTranslation, Networking, TopicStub, Video, WebRTC, WebRTC API, streaming
WebRTC(Web Real-Time Communications)란, 웹 어플리케이션(최근에는 android 및 ios도 지원) 및 사이트들이 별도의 소프트웨어 없이 음성, 영상 미디어 혹은 텍스트, 파일 같은 데이터를 브라우져끼리 주고 받을 수 있게 만든 기술이다. WebRTC로 구성된 프로그램들은 별도의 플러그인이나 소프트웨어 없이 p2p 화상회의 및 데이터 공유를 한다.
357 Signaling and video calling
WebRTC 는 리얼 타임 음성, 영상, 데이터 교환을 할 수 있는 완전한 p2p 기술이다. 다른 곳에서 논의한 것 처럼 서로 다른 네트워크에 있는 2개의 디바이스들을 서로 위치시키기 위해서는, 각 디바이스들의 위치를 발견하는 방법과 미디어 포맷 협의가 필요하다. 이 프로세스를 시그널링 signaling 이라 부르고 각 디바이스들을 상호간에 동의된 서버(socket.io 혹은 websocket을 이용한 서버)에 연결시킨다. 이 서버는 각 디바이스들이 negotiation(협의) 메세지들을 교환할 수 있도록 한다.
358 WebRTC data channel 사용하기
RTCPeerConnection 인터페이스를 사용하여 WebRTC Peerconnction을 연결하면 이제 두 Peer간의 커넥션을 통하여 미디어 데이터를 주고 받을수 있게됩니다. 그뿐아니라 WebRTC로 할수 있는 일은 더 있습니다. 이 가이드에서 우리는 peer connection에 데이터 채널을 추가하는 방법과 임의의 데이터, 즉 우리가 원하는 어떠한 포멧의 데이터들을 안전하게 주고 받는 방법을 배우게 될 것 입니다.    
359 WebSocket API
WebSocket 객체는 서버와의 WebSocket 연결을 생성하고 관리할 수 있는 API 들을 제공합니다. 이는 데이터를 전송하거나 주고 받는 등의 API 들을 포함합니다.
360 WebSocket()
WebSocket() 생성자는 새로운 WebSocket 객체를 반환한다.
361 Window DOM
window 객체는 DOM 문서를 포함한 브라우처의 창을 나타냅니다. document 속성은 브라우저 창에 로드된 DOM 문서를 가리킵니다. 주어진 문서에 대한 window는 document.defaultView 속성을 사용하여 얻을 수 있습니다.
362 Window.alert() API, DOM, Method, Reference, Window
Window.alert() 메서드는 확인 버튼과 선택적 메세지를 가진 경고 대화 상자를 띄웁니다.
363 Window.confirm()
Window.confirm() 메소드는 옵션인 메세지와  확인과 취소 버튼으로 구성된 모달창을 화면에 보여줍니다.
364 Window.crypto
Window.crypto은 읽기 전용 속성으로 전역 객체인 Crypto 객체를 반환합니다. 이 객체는 웹페이지가 특정 암호 기법을 사용할 수 있도록 합니다.
365 Window.devicePixelRatio
Window.devicePixelRatio 속성은 읽기 전용이고 현재 하나의 CSS 픽셀에 대한 현재 디스플레이 장치 상의 하나의 물리적인 픽셀의 비율을 반환한다. 페이지가 확대되면 CSS 픽셀에 대응하는 장치의 픽셀 수는 증가한다. 그렇기 때문에 devicePixelRatio 또한 증가한다.
366 Window.event 마이크로소프트, 윈도우, 이벤트, 인터넷익스플로러, 호환성
No summary!
367 Window.find()
윈도우 안에서 문자열을 찾습니다.
368 Window.getComputedStyle() API, CSSOM View, Method, Reference, Window
Window.getComputedStyle() 메소드는 인자로 전달받은 요소의 모든 CSS 속성값을 담은 객체를 회신합니다. 이 속성값들은, 해당 요소에 대하여 활성 스타일시트와 속성값에 대한 기본 연산이 모두 반영된 결과값입니다.  개별 CSS속성 값은 객체를 통해 제공되는 API 또는 CSS 속성 이름을 사용해서 간단히 색인화해서 액세스할 수 있습니다.
369 Window.getSelection()
사용자 또는 Caret의 위치에 따라 선택된 텍스트의 범위를 나타내는 Selection 객체를 반환한다.
370 Window.history
Window.history 속성은 읽기 전용이고 History object를 반환한다, 또한 브라우저 세션 히스토리 (현재 페이지가 있는 탭 또는 브라우저에서 방문한 페이지)을 조작하기위한 인터페이스를 제공한다.
371 Window.innerWidth API, Property, Reference
No summary!
372 Window.localStorage
localStorage 속성은 사용자 로컬의 Storage객체에 접근하게 해줍니다.localStorage sessionStorage와 비슷합니다. 유일한 차이점은 localStorage에 저장된 데이터는 만료 기간이 없지만, sessionStorage에 저장된 데이터는 세션이 끝나면(브라우저가 종료되면) 지워진다는 것입니다.
373 Window.location API, HTML, Window, 레퍼런스
Window.location 프로퍼티에 접근하면 읽기 전용인 Location 오브젝트를 얻어올 수 있습니다. 이는 현재 도큐먼트의 로케이션에 대한 정보를 담고 있습니다.
374 Window.matchMedia() API, CSSOM View, JavaScript, MediaQueryList, Method, NeedsMarkupWork, Reference, matchMedia
명시된 media query string 의 분석 결과들을 나타내는 새로운 MediaQueryList 객체를 반환합니다.
375 Window.name 참고, 창
창의 이름을 얻거나/설정합니다.
376 Window.open()
Window 인터페이스인 open() 메써드는 명시된 리소스를 명시된 이름으로 브라우징 컨텍스트(윈도우, <iframe> 또는 탭)에 로드한다. 이름이 없다면 새 윈도우가 열리고 이 윈도우의 브라우징 컨텍스트에 명시된 리소스가 열린다.
377 Window.opener
현재 윈도우(window)를 오픈한 윈도우의 레퍼런스(reference)를 반환합니다.
378 Window.outerWidth
Window.outerWidth 는 브라우저 윈도우 바깥쪽의 폭을 얻어온다. 이것은 브라우저 윈도우의 사이드바와 가장자리 경계선을 포함한 폭을 나타내어 준다.
379 Window.postMessage()
The window.postMessage() method safely enables cross-origin communication between Window objects; e.g., between a page and a pop-up that it spawned, or between a page and an iframe embedded within it.
380 Window.prompt() API, DOM, Method, Reference, Window
Window.prompt()는 사용자가 텍스트를 입력할 수 있도록 안내하는 선택적 메세지를 갖고 있는 대화 상자를 띄웁니다.
381 Window.resizeTo()
동적으로 창의 크기를 변경
382 Window.scrollTo()
문서의 지정된 위치로 스크롤합니다.
383 Window.scrollY API, CSSOM View, NeedsBrowserCompatibility, NeedsMarkupWork, NeedsMobileBrowserCompatibility, Property, Reference, Window, scrollY
Window 인터페이스인 scrollY 읽기전용 속성은 문서가 수직으로 몇 픽셀만큼 스크롤되었는지를 반환합니다. 반환되는 값은 최신 브라우저에서 subpixel 정밀도이므로 반드시 정수값이 반환되는 것은 아닙니다. 수평으로 스크롤된 픽셀수치는 scrollX 속성을 사용하여 가져올 수 있습니다.
384 Window.sessionStorage
sessionStorage 속성은 session Storage 객체를 접근 하게 해줍니다. sessionStorage는 Window.localStorage와 유사합니다. 하지만 유일한 차이점은 localStorage에 저장되는 데이터는 만료 시점이 없지만 sessionStorage에 저장된 데이터는 페이지 세션이 종료되면 바로 지워진다는 점입니다. 페이지 세션은 브라우저가 열리고 페이지가 다시 보여지거나 복구되어도 유지됩니다. 세션 쿠키의 동작과는 달리 새 탭이나 윈도우에서 페이지를 열게 되면 새로운 세션이 생성되게 됩니다.
385 Window.status
브라우저 하단의 상태 표시줄에 텍스트를 바꾸거나, 기존 텍스트를 얻을 수 있다.
386 Window.stop()
Window.stop()메서드는 window 객체의 로딩을 취소하는 메서드입니다.
387 Window.toolbar 참고, 창
창에서 끌 수 있는, 눈에 보이는 toolbar 문제를 해결합니다.
388 Window.top
Returns a reference to the topmost window in the window hierarchy.
389 Window.window
window 객체의 window 프로퍼티는 자기 자신의 window 객체를 가리킨다. 즉, 아래의 표현들은 같은 window 객체를 반환하게 된다:
390 window.requestAnimationFrame()
화면에 새로운 애니메이션을 업데이트할 준비가 될때마다 이 메서드를 호출하는 것이 좋습니다. 그러면 애니메이션 함수가 다음 프레임이 그려지기 전에 실행됩니다. 이 콜백은 보통 1초에 60회정도 실행이 되지만 대부분의 브라우저들은 W3C 권장사항에 따라 디스플레이 주사율과 일치하도록 실행됩니다. 또한 배터리 수명과 성능향상을 위해 백그라운드 탭이나 보이지 않는 <iframe>에서는 requestAnimationFrame()의 호출이 멈춥니다.
391 window.requestIdleCallback() API, DOM, DOM Reference, JavaScript timers, Method, Reference, Window, requestIdleCallback
window.requestIdleCallback() 메서드는 브라우저의 idle 상태에 호출될 함수를 대기열에 넣습니다. 이를 통해 개발자는 애니메이션 및 입력 응답과 같은 대기 시간이 중요한 이벤트에 영향을 미치지 않고 메인 이벤트 루프에서 백그라운드 및 우선 순위가 낮은 작업을 수행 할 수 있습니다. 함수는 일반적으로 first-in-first-out(FIFO) 순서로 호출됩니다. 하지만, timeout 옵션이 지정된 callback은 제한 시간이 지나기 전에 이들을 실행하기 위해 순서에 맞지 않게 호출될 수 있습니다.
392 WindowBase64 API, HTML-DOM, Helper, NeedsTranslation, Obsolete, TopicStub, WindowBase64
The WindowBase64 helper contains utility methods to convert data to and from base64, a binary-to-text encoding scheme. For example it is used in data URIs.
393 Base64 encoding and decoding
Base64 is a group of similar binary-to-text encoding schemes that represent binary data in an ASCII string format by translating it into a radix-64 representation. The term Base64 originates from a specific MIME content transfer encoding.
394 WindowEventHandlers API, HTML-DOM, Interface, NeedsTranslation, Reference, Référence(2), TopicStub
WindowEventHandlers mixin describes the event handlers common to several interfaces like Window, or HTMLBodyElement and  HTMLFrameSetElement. Each of these interfaces can implement additional specific event handlers.
395 WindowEventHandlers.onhashchange HTML-DOM, Property, Reference, WindowEventHandlers
hashchange 이벤트는 윈도우 해시가 변경되면 발생됩니다 (location.hash를 보세요).
396 WindowEventHandlers.onpopstate
window의 popstate 이벤트 핸들러
397 WindowTimers API, HTML DOM, Interface, Intervals, Mixin, NeedsTranslation, Reference, Timers, TopicStub, Workers
대신, 표준 검색 범위 또는 작업자의 WorkerGlobalScope에 대해 윈도우에서 해당 메서드를 사용할 수 있습니다.
398 WindowTimers.setTimeout() setTimeout
타이머가 만료된 뒤 함수나 지정된 코드를 실행하는 타이머를 설정합니다.
399 XMLHttpRequest AJAX, API, HTTP, XHR, XMLHttpRequest, 레퍼런스, 웹, 인터페이스, 통신
400 Synchronous and asynchronous requests
XMLHttpRequest 는 동기적 통신과 비동기적 통신을 모두 지원합니다.  하지만, 일반적으로는 성능상의 이유로 인하여 비동기적 요청이 동기적 요청보다 우선시 되어야 합니다.
401 XMLHttpRequest 사용하기
XMLHttpRequest는 HTTP request을 보내는 것을 매우 쉽게 만들어 준다. 당신은 간단하게 객체의 인스턴스를 생성하고, URL을 열고, request 를 보내기만 하면 된다. 처리 과정이 끝났을 때 request 객체에서 결과의 컨텐츠 뿐만 아니라 결과의 HTTP 상황도 이용할 수 있다. 이 페이지에서는 이 강력한 자바스크립트 객체에 대해 자주 사용하는 몇 가지와 잘 알려지지 않은 유스 케이스들을  다루도록 하겠다.
402 XMLHttpRequest.setRequestHeader()
XMLHttpRequest.setRequestHeader() 메소드는 HTTP요청 헤더의 값을 설정합니다. 반드시 setRequestHeader()를 open()뒤에 호출하여야 하며, 또한 send()가 호출되기 전에 호출해야 합니다. 만약 이 메소드가 같은 헤더에 대하여 여러번 호출이 되면, 그 값은 단일 요청 헤더에 병합됩니다.
403 form DOM, Gecko
FORM 요소는 요소 절(section)에 기술된 다른 HTML 요소의 모든 프로퍼티와 메소드를 공유합니다. 또한 특수 인터페이스 HTMLFormElement도 있습니다.
404 range DOM, Gecko
Range 객체는 주어진 document 내의 텍스트 노드들의 부분들(parts)과 document의 단편화에 포함된 노드들을 나타내고 있다.
405 Range.selectNodeContents()
Range.selectNodeContents() 는 Node의 내용을 포함하는 Range 를 설정합니다.
406 selection DOM, Gecko
The class of the object returned by window.getSelection() and other methods.
407 Selection.toString()
Selection.toString() 메소드는 selection 객체가 현재 나타내는 문자열을 반환합니다. 즉, 현재 선택된 텍스트의 문자열.
408 table DOM, Gecko
table 개체는 (상속으로 이용할 수 있는 정규 element 개체 인터페이스 외에) HTML 표의 layout과 presentation을 다루는 특수 프로퍼티와 메소드를 제공하는 HTMLTableElement 인터페이스를 내놓습니다.
409 table.width DOM, Gecko
width는 바라는 테이블의 너비를 지정합니다.
410 window.screen.onorientationchange
orientationchange 이벤트를 화면 객체로 보내는 이벤트 핸들러이다.
411 내비게이션 타이밍(Navigation Timing)
Navigation Timing API는 웹 사이트의 성능을 측정하는 데 사용할 수 있는 데이터를 제공합니다. 같은 목적에 사용했던 다른 JavaScript 기반 메커니즘과 다르게 이 API는 더 유용하고 정확한 종단 간(end-to-end) 대기 시간(latency)을 제공할 수 있습니다.
412 브라우저 히스토리 조작하기 브라우저 히스토리, 브라우저 히스토리 조작
DOM의 window 객체는 history 객체를 통해 브라우저 히스토리에 접근할 수 있습니다. HTML5의 history 객체는 사용자 히스토리에서의 앞 뒤 이동이 가능하도록 유용한 메서드와 속성들을 제공하며, history stack의 내용을 조작할 수 있게 합니다.
413 서비스워커 API, Draft, Interface, Offline, Reference, Service Wokrer, Service Workers, ServiceWorker, 서비스워커, 인터페이스, 참고, 초안
The ServiceWorker interface of the ServiceWorker API provides a reference to a service worker. Multiple browsing contexts (e.g. pages, workers, etc.) can be associated with the same service worker, each through a unique ServiceWorker object.
414 워커 워커, 웹워커
웹 워커 API워커 인터페이스는 쉽게 생성되어 생성자에게 메세지를 전달할 수 있는 백그라운드 작업을 나타냅니다. 워커를 생성하는 방법은 Worker() 생성자를 호출한 후에 워커 스레드에서 실행할 스크립트를 지정하면 됩니다.
415 Worker.postMessage()
Worker interface의 메서드, postMessage()Worker 자신의 내부 영역으로 메시지를 전달합니다. 이 메서드는 Worker 자신에게 보낼 하나의 매개변수를 받습니다. 매개변수로 들어갈 데이터는 순환 참조를 포함하는 structured clone algorithm에 의해 다루어지는 JavaScript 객체를 포함에 어떤 값이든 들어갈 수 있습니다.
416 웹 소켓
웹 소켓은 사용자의 브라우저와 서버 사이의 인터액티브 통신 세션을 설정할 수 있게 하는 고급 기술입니다. 개발자는 웹 소켓 API를 통해 서버로 메시지를 보내고 서버의 응답을 위해 서버를 폴링하지 않고도 이벤트 중심 응답을 받는 것이 가능합니다.
417 WebSocket을 이용하여 클라이언트 애플리케이션 작성하기 가이드, 웹소켓
WebSocket은 ws 프로토콜을 기반으로 클라이언트와 서버 사이에 지속적인 완전 양방향 연결 스트림을 만들어 주는 기술입니다. 일반적인 웹소켓 클라이언트는 사용자의 브라우저일 것이지만, 그렇다고 해서 이 프로토콜이 플랫폼에 종속적이지는 않습니다.
418 웹소켓 서버 작성하기
웹 소켓 서버는 특정한 프로토콜을 따르는 서버의 임의 포트를 리스닝하고 있는 TCP 어플리케이션입니다. 사용자 서버를 만드는 작업은 두려운 일일수도 있습니다. 하지만, 당신이 선택한 플랫폼상에서 간단한 웹 소켓 서버를 구현하는것은 쉬울것입니다.

문서 태그 및 공헌자

태그: 
이 페이지의 공헌자: alattalatta
최종 변경자: alattalatta,