Index
Found 614 pages:
| # | Page | Tags and summary |
|---|---|---|
| 1 | Web API | API, DOM, JavaScript, Landing, Reference, Web |
| 웹 코드를 작성한다면 많은 API를 사용할 수 있습니다. 아래 목록은 웹 앱이나 웹 사이트를 만들 때 사용할 수 있는 모든 인터페이스(객체의 유형)입니다. | ||
| 2 | AbortController | API, AbortController, 레퍼런스, 실험적, 인터페이스 |
AbortController 인터페이스는 하나 이상의 웹 요청을 취소할 수 있게 해준다. |
||
| 3 | AbortController.abort() | API, AbortController, Fetch, abort(), 레퍼런스, 메소드, 실험적 |
AbortController 인터페이스의 abort() 메소드는 DOM 요청(Fetch 요청과 같은)이 완료되기 전에 취소한다. 이를 통해 fetch 요청 (en-US), 모든 응답 Body 소비, 스트림을 취소할 수 있다. |
||
| 4 | AbortController.AbortController() | API, AbortController, Fetch, 레퍼런스, 생성자, 실험적 |
AbortController() 생성자는 새로운 AbortController 객체 인터페이스를 생성한다. |
||
| 5 | AbortController.signal | API, AbortController, Fetch, 레퍼런스, 신호, 실험적, 프로퍼티 |
AbortController 인터페이스의 signal 읽기 전용 프로퍼티는 DOM 요청과 통신하거나 취소하는데 사용하는 AbortSignal 객체 인터페이스를 반환한다. |
||
| 6 | AbortSignal | API, AbortSignal, DOM, 레퍼런스, 실험적, 인터페이스 |
AbortSignal 인터페이스는 DOM 요청(Fetch와 같은)과 통신하고 필요한 경우 AbortController 객체를 통해 취소할 수 있게 해주는 신호 객체를 나타낸다. |
||
| 7 | AbortSignal.aborted | API, AbortSignal, aborted, 레퍼런스, 실험적, 프로퍼티 |
aborted 읽기 전용 프로퍼티는 신호가 통신하는 DOM 요청이 취소되었는지(true) 그렇지 않은지(false)를 나타내는 Boolean을 반환한다. |
||
| 8 | AbstractRange | API, Abstract, Abstract Interface, AbstractRange, DOM, DOM API, Interface, NeedsTranslation, Range, Reference, TopicStub |
The AbstractRange abstract interface is the base class upon which all DOM range types are defined. A range is an object that indicates the start and end points of a section of content within the document. |
||
| 9 | AbstractRange.collapsed | |
AbstractRange의 범위가 축소된 read-only 속성은 범위의 시작 위치와 끝 위치가 같을 경우 true를 반환합니다. |
||
| 10 | AnalyserNode | API, Web Audio API, 오디오 |
AnalyserNode 는 시간대 별로 실시간 주파수의 정보를 표현합니다. AudioNode 를 통해 오디오 스트림정보가 그대로 입력되어 출력이 되지만 이를 통해 당신은 새로운 형태의 데이터를 생성하거나, 가공하고 오디오를 시각화 시키는 작업을 할 수 있습니다. |
||
| 11 | ANGLE_instanced_arrays | |
이 ANGLE_instanced_arrays확장은 WebGL API의 일부이며 동일한 객체 또는 동일한 객체 그룹을 같은 정점 데이터, 기본 개수 및 유형을 공유하는 경우 여러 번 그릴 수 있습니다. |
||
| 12 | AnimationEvent | API, Experimental, Interface, Reference, Web Animations |
AnimationEvent 인터페이스는 에니메이션과 관련된 정보를 제공하는 이벤트를 나타냅니다. |
||
| 13 | AnimationEvent() | API, CSSOM, Constructor, Experimental, Reference, Web Animations |
AnimationEvent() 생성자는 애니메이션 이벤트인 AnimationEvent 객체를 새로 만들어 리턴합니다. |
||
| 14 | AnimationEvent.animationName | API, AnimationEvent, CSSOM, 레퍼런스, 실험중, 웹 애니메이션, 프로퍼티 |
읽기 전용 프로퍼티인 AnimationEvent.animationName는 변화(transition)과 관련된 CSS 프로퍼티 animation-name의 값을 포함하는 DOMString입니다. |
||
| 15 | AnimationTimeline | API, Animation, AnimationTimeline, Experimental, Interface, Reference, 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. |
||
| 16 | AnimationTimeline.currentTime | |
| 17 | AudioBuffer | |
AudioBuffer는 AudioContext.decodeAudioData() 혹은 AudioContext.createBuffer()를 통해 만들어진 로우 데이터를 메모리상에 두고 사용하는 기술이다. 일단 한번 AudioBuffer 에 들어간 정보는 AudioBufferSourceNode를 통해 재생이 가능하다. |
||
| 18 | AudioBufferSourceNode | |
AudioBufferSourceNode 의 오디오 소스는 in-memory 의 AudioNode 상에 저장된 데이터로 구성되어있다. 이는 오디오 소스 그 자체처럼 동작을 한다. |
||
| 19 | AudioContext | API, Audio, AudioContext, Interface, Reference, Web Audio API, sound |
AudioContext 인터페이스는 AudioNode에 의해 각각 표현되는, 함께 연결된 오디오 모듈로부터 만들어진 오디오 프로세싱 그래프를 표현합니다. 오디오 컨텍스트는 이것이 포함하는 노드의 생성과 오디오 프로세싱 혹은 디코딩의 실행 둘 다를 제어합니다. 여러분은 다른 무언가를 하기 전에 AudioContext를 생성할 필요가 있습니다. 왜냐하면 모든 것은 컨텍스트 내에서 발생하기 때문입니다. 매번 새로운 컨텍스트를 초기화하는 대신 하나의 AudioContext를 생성하고 재사용하는 것이 추천되며, 몇 개의 다른 오디오 소스에 대해 하나의 AudioContext를 사용하고 동시에 연결하는 것은 문제없습니다. |
||
| 20 | AudioDestinationNode | 오디오 |
AudioDestinationNode 은 주어진 컨택스트의 음원의 종착점을 나타냅니다. 보통 스피커를 가리킵니다. 이는 또한 OfflineAudioContext를 사용해 데이터가 녹음되는 노드가 되기도 합니다. |
||
| 21 | AudioNode | |
AudioNode는 포괄적으로 오디오를 처리하는 데이터 소스인 audio 테그나 video 테그, OscillatorNode 와 audio destinatio, intermediate 처리 모듈인 BiquadFilterNode or ConvolverNode 또는 볼륨을 조절하는 GainNode 등을 나타냅니다. |
||
| 22 | AudioParam | API, Audio, AudioParam, Interface, Reference, Web Audio API |
The Web Audio API's AudioParam interface represents an audio-related parameter, usually a parameter of an AudioNode (such as GainNode.gain). |
||
| 23 | Cooperative Scheduling of Background Tasks API | |
Cooperative Scheduling of Background Tasks API (Background Tasks API 또는 간단하게 requestIdleCallback() API 라고도 부릅니다.) 는 user agnet가 자유 시간이 있다고 판단되면, 자동으로 실행될 작업을 대기열(queue tasks)에 넣을 수 있는 기능을 제공합니다. |
||
| 24 | Battery Status API | API, Apps, Battery API, Battery Status API, Obsolete, 가이드, 개요, 모바일, 배터리, 어플리케이션 |
| Battery API 만큼이나 자주 언급되는 Battery Status API는 시스템의 배터리 충전 상태에 대한 정보를 제공하고, 배터리 상태에 따라 발생하는 이벤트를 다룰 수 있도록 해 줍니다. 배터리가 얼마남지 않은 상황에서, 앱에서 배터리의 소모를 줄인다거나 배터리가 방전되기 전에 데이터를 저장하거나 하는 것들이 가능합니다. | ||
| 25 | BatteryManager | |
BatteryManager 인터페이스는 시스템의 배터리 충전 상태에 대한 정보를 확인 하는 방법을 제공합니다. |
||
| 26 | BatteryManager.charging | |
| 현재 배터리가 충전중인지를 나타내는 Boolean 값 입니다. | ||
| 27 | BatteryManager.chargingTime (배터리관리기 충전시간) | API, Battery API, 목적, 참조 |
| 몇 초 단위로, 배터리가 완전히 충전될 때까지 남은 시간량을 가리킵니다. | ||
| 28 | BatteryManager.dischargingTime (배터리관리기 방전시간) | |
| 몇 초 단위로, 배터리가 완전히 방전될 때까지 남은 시간량을 가리킵니다. | ||
| 29 | 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. |
||
| 30 | Blob | API, Blob, File, File API, Interface, Reference, 파일 |
Blob 객체는 파일류의 불변하는 미가공 데이터를 나타냅니다. |
||
| 31 | Blob() | API, Blob, Constructor, File API, Reference |
Blob() 생성자는 새로운 Blob 객체를 반환합니다. 해당 블롭의 콘텐츠는 매개변수로 제공한 배열을 이어붙인 값입니다. |
||
| 32 | BroadcastChannel | API, Broadcast Channel API, Experimental, HTML API, Interface, Reference |
The BroadcastChannel interface represents a named channel that any browsing context of a given origin can subscribe to. It allows communication between different documents (in different windows, tabs, frames or iframes) of the same origin. Messages are broadcasted via a message event fired at all BroadcastChannel objects listening to the channel. |
||
| 33 | message | |
메시지 이벤트는 메시지가 수신되었음을 알리는 메시지, WebSocket, RTCDataConnection 또는 BroadcastChannel 개체를 알려 줍니다. |
||
| 34 | Cache | API, Cache, Draft, Experimental, Interface, Offline, Reference, Service Workers, Storage |
Cache 인터페이스는 ServiceWorker 의 생명주기의 일부로 캐시 된 Request와 Response를 나타냅니다. |
||
| 35 | 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. |
||
| 36 | Canvas API | API, Canvas, JavaScript, 개요, 레퍼런스 |
Canvas API는 JavaScript와 HTML canvas 엘리먼트를 통해 그래픽을 그리기위한 수단을 제공합니다. 무엇보다도 애니메이션, 게임 그래픽, 데이터 시각화, 사진 조작 및 실시간 비디오 처리를 위해 사용됩니다. |
||
| 37 | A basic ray-caster | Advanced, Canvas, Example, Graphics, HTML, Web |
This article provides an interesting real-world example of using the canvas element to do software rendering of a 3D environment using ray-casting. |
||
| 38 | 캔버스(canvas)를 이용한 비디오 조작하기 | Canvas, Video, 비디오, 캔버스 |
비디오에서 다양한 시각적 효과를 보여주기 위해, |
||
| 39 | 캔버스 튜토리얼 | Canvas, Graphic, Guide, HTML, HTML5, Intermediate, Web |
|
||
| 40 | 발전된 애니메이션 | |
마지막 챕터에서 우리는 몇가지 간단한 애니메이션들을 만들었고 이제 이것들을 어떻게 움직이게 하는지 안다. 이 챕터에서 우리는 각각의 모션들을 자세히 살펴보고 애니메이션을 더 발전시키기 위해 몇가지 물리 동작을 추가할 것이다. |
||
| 41 | 스타일과 색 적용하기 | HTML5, 그래픽, 캔버스 |
도형 그리기 장에서는 기본 선과 채우기 스타일만 사용했습니다. 여기서 우리는 그리기를 조금 더 매력적으로 만들 수있는 캔버스 옵션을 살펴볼 것입니다. 그리기에 다른 색상, 선 스타일, 그라디언트, 패턴 및 그림자를 추가하는 방법을 배우게됩니다. |
||
| 42 | 기본 애니메이션 | HTML5, 그래픽, 캔버스 |
canvas 요소는 자바스크립트로 제어하는 것이므로, 애니메이션도 쉽게 만들 수 있습니다. 복잡한 애니메이션을 만드는 것은 추가 작업이 더 필요하고, 앞으로 그에 대한 페이지도 머지 않아 추가되기를 기대합니다. |
||
| 43 | 캔버스(Canvas) 기본 사용법 | |
|
||
| 44 | 도형 합성 | HTML5, 그래픽, 캔버스 |
이전 페이지들에서 나온 모든 예제에서, 새로 그리는 도형은 언제나 이미 그려진 도형의 위에 그려졌습니다. 대부분의 상황에서는 이렇게 하는 것이 적절하지만, 도형을 합성하기 위한 순서를 제한하게 되는데, globalCompositeOperation 속성을 설정함으로써 이러한 상태를 바꿀 수 있습니다. |
||
| 45 | 도형 합성 예제 | HTML5, 그래픽, 예제, 캔버스 |
| 이 샘플 프로그램에서는 여러 가지 도형 합성 방법을 보여줍니다. 출력은 다음과 같습니다: | ||
| 46 | 캔버스(canvas)를 이용한 도형 그리기 | Canvas, 그래픽, 중급, 캔버스, 튜토리얼 |
앞서 캔버스 환경 설정(canvas environment)을 완료 하였다면, 이제 어떻게 캔버스에 그릴수 있는지에 대하여 자세하게 알아봅시다. 이 글을 끝내고 난 후, 여러분은 어떻게 사각형, 삼각형, 선, 아치, 곡선 등 의 기본적인 도형을 그릴수 있는지 익히실 수 있을 것 입니다. 캔버스 위에 물체를 그릴 때에는 path를 사용하는것이 필수적이므로 우리는 이것이 어떻게 사용되는지 볼 것입니다. |
||
| 47 | 텍스트 그리기 | HTML, HTML:Canvas, NeedsContent |
이전 챕터에서 스타일과 컬러를 적용하는 방법에 대해서 보았고 이번에는 캔버스에 텍스트를 그리는 방법에 대해서 볼 예정입니다. |
||
| 48 | Finale | 그래픽, 캔버스, 튜토리얼 |
축하합니다 Canvas 튜토리얼을 모두 끝마쳤습니다! 이 정보는 웹에서 더 나은 2D 그래픽을 만드는데 도움이 됩니다. |
||
| 49 | 히트(Hit) 영역과 접근성 | |
canvas 엘리먼트는 비트맵이며 그려진 객체에 대한 정보는 제공하지 않습니다. 캔버스 컨텐츠는 시멘틱 HTML과 같은 접근성 도구에 노출되지 않습니다. 일반적으로 접근성을 위한 웹 사이트 또는 앱에서는 캔버스를 사용하지 않는 것이 좋습니다. 본 가이드라인은 접근성이 향상된 캔버스를 만드는데 도움이 될 것입니다. |
||
| 50 | 캔버스 최적화 | |
|
||
| 51 | 변형 (transformations) | CSS, HTML, 이동, 축소, 캔버스, 크기변형, 트랜스폼, 확대 |
| 이 튜토리얼에 앞서 canvas 그리드와 좌표 공간에 대해 알아 보았습니다. 지금까지는 기본적인 그리드를 사용해 요구에 맞추어 전체 canvas의 크기를 바꾸기만 했습니다. Transformation(변형)에는 그리드를 원점에서 다른 위치로 옮기고, 회전하며, 확대·축소까지 하는 더 강력한 방법들이 있습니다. | ||
| 52 | Using images | Advanced, Canvas, Graphics, HTML, Tutorial |
지금까지 우리는 Canvas를 가지고 스스로 도형을 만들고 그 도형에 스타일 적용 해 보았습니다. 이미지를 사용 하는 기능은 |
||
| 53 | CanvasCaptureMediaStreamTrack | CanvasCaptureMediaStreamTrack, Experimental, Frame Capture, Interface, Media, Media Capture, NeedsTranslation, Reference, TopicStub, Web |
The CanvasCaptureMediaStreamTrack interface represents the video track contained in a MediaStream being generated from a canvas following a call to HTMLCanvasElement.captureStream(). |
||
| 54 | CanvasCaptureMediaStreamTrack.canvas | 웹, 캔버스 |
The CanvasCaptureMediaStreamTrack canvas읽기 전용 속성은 프레임이 캡쳐되는HTMLCanvasElement 를 반환한다. |
||
| 55 | CanvasCaptureMediaStreamTrack.requestFrame() | 캔버스 |
The CanvasCaptureMediaStreamTrack 의 메서드 requestFrame() 은 canvas에서 프레임을 캡처하여 stream으로 보낼 것을 요청한다. 렌더링 타이밍과 프레임 캡처를 섬세하게 제어해야하는 애플리케이션은 |
||
| 56 | Channel Messaging API | API, Channel messaging, HTML API, Overview, Reference |
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. |
||
| 57 | Using channel messaging | |
Channel Messaging API |
||
| 58 | CharacterData | API, DOM |
CharacterData 추상 인터페이스는 문자를 포함하는 Node 객체를 나타냅니다. 이는 추상 인터페이스로 CharacterData 타입의 객체로는 존재하지 않음을 의미합니다. Text, Comment, ProcessingInstruction 와 같은 추상 인터페이스가 아닌 다른 인터페이스에의해 구현되었습니다. |
||
| 59 | Clients | API, Clients, Experimental, Interface, NeedsTranslation, Reference, Service Workers, Service worker API, ServiceWorker, TopicStub, Workers |
The Clients interface provides access to Client objects. Access it via |
||
| 60 | Clients.claim() | |
Clients 의 claim() 메소드는 active 서비스워커가 그것의 ServiceWorkerRegistration.scope 를 가지는 모든 클라이언트들의 ServiceWorkerContainer.controller 로서 자신을 등록하는 것을 허용한다. 이것은 이 서비스워커가 제어하게 될 클라이언트들에 "controllerchange" 이벤트를 발생시킨다. |
||
| 61 | Clipboard API | API, Clipboard API, Landing, Overview, 클립보드 |
| Clipboard API는 클립보드 명령(잘라내기, 복사, 붙여넣기)에 응답할 수 있는 기능 및 시스템 클립보드에 비동기적으로 읽고 쓸 수 있는 방법을 제공합니다. 클립보드 콘텐츠로의 접근은 Permissions API (en-US)를 통해야 하며, 사용자 동의 없이는 콘텐츠를 읽거나 수정할 수 없습니다. | ||
| 62 | Clipboard | API, Clipboard, Clipboard API, Interface, Reference, 인터페이스, 클립보드, 클립보드 API |
Clipboard API 의 Clipboard 인터페이스는 시스템 클립보드로부터 텍스트 및 데이터를 읽거나 시스템 클립보드에 쓰기 위한 인터페이스를 지원합니다. |
||
| 63 | ClipboardEvent | API, Clipboard API, Event, Experimental, Interface, NeedsTranslation, TopicStub |
The ClipboardEvent interface represents events providing information related to modification of the clipboard, that is cut, copy, and paste events. |
||
| 64 | ClipboardEvent.clipboardData | |
ClipboardEvent.clipboardData 속성은 DataTransfer 객체를 가지고 있으며, 아래와 같은 목적으로 사용될 수 있습니다: |
||
| 65 | Comment | API, DOM, Reference |
Comment 인터페이스는 마크업 내의 텍스트 표기인 주석을 나타냅니다. 주석은 화면에 보여지지 않지만 웹 페이지의 소스에서 확인할 수 있습니다. |
||
| 66 | Console API | API, Console API, Overview, console, 로그, 로깅, 콘솔 |
| Console API는 코드의 특정 지점에서 값이나 변수를 기록하고, 작업의 소요 시간을 알아내는 등 개발자가 사용할 수 있는 디버깅 기능을 제공합니다. | ||
| 67 | console | API, Interface, Reference, console, 콘솔 |
console 객체는 브라우저의 디버깅 콘솔(Firefox 웹 콘솔 등)에 접근할 수 있는 메서드를 제공합니다. |
||
| 68 | console.assert() | API, DOM, Method, Reference, console |
console.assert() 메서드는 주어진 가정이 거짓인 경우 콘솔에 오류 메시지를 출력합니다. 참인 경우, 아무것도 하지 않습니다. |
||
| 69 | console.clear() | API, Method, Reference, console |
console.clear() 메서드는 현재 환경에서 가능한 경우, 콘솔에 기록된 메시지를 모두 지웁니다. |
||
| 70 | console.count() | API, DOM, Method, Reference |
console.count() 메서드는 특정 count() 호출의 횟수를 세어 출력합니다. |
||
| 71 | Console.countReset() | API, DOM, Method, Reference, console |
console.countReset() 메서드는 console.count()의 카운터를 초기화합니다. |
||
| 72 | console.debug() | API, Method, Reference, console |
console.debug() 메서드는 메시지를 "디버그" 중요도로 콘솔에 출력합니다. 디버그 중요도 메시지는 별도 설정 없이는 보이지 않습니다. |
||
| 73 | Console.error() | API, DOM, 디버깅, 메소드, 웹 개발, 웹 콘솔 |
| 웹 콘솔에 에러 메시지를 출력합니다. | ||
| 74 | Console.group() | |
Web Console log 에 새로운 인라인 그룹을 만듭니다. This indents all following output by an additional level, until console.groupEnd() is called. |
||
| 75 | Console.log() | API, console, console.log(), 메소드 |
| Web Console에 메시지를 출력합니다. | ||
| 76 | Console.time() | |
타이머를 시작해 작업이 얼마나 걸리는지 추적할 수 있습니다. 각 타이머에게 고유한 이름을 줄 수 있고, 한 페이지에 최대 10,000개의 타이머를 설정할 수 있습니다. 같은 이름으로 console.timeEnd()를 호출할 때, 브라우저가 밀리초 단위로 경과한 시간을 출력합니다. |
||
| 77 | Console.timeEnd() | 디버깅, 웹 개발, 웹 콘솔, 콘솔, 타이머 |
| No summary! | ||
| 78 | console.trace() | API, DOM, Firefox, 디버깅, 메소드, 웹 개발, 웹 콘솔, 추적, 콘솔, 크롬 |
| 웹 콘솔에 스택 추적을 출력합니다. | ||
| 79 | Console.warn() | API, DOM, 디버깅, 메소드, 웹 개발, 웹 콘솔 |
| 웹 콘솔에 경고 메시지를 출력합니다. | ||
| 80 | Crypto | |
Crypto 인터페이스는 현재 환경에서 사용 가능한 기본적인 암호화 기법을 제공합니다. 이 인터페이스를 통해 암호학적으로 강력한 무작위 숫자 생성기나 암호화에 필요한 기본 요소에 접근할 수 있습니다. |
||
| 81 | Crypto.getRandomValues() | API, Cryptography, Method, Reference |
Crypto.getRandomValues() 함수는 암호학적으로 강력한 수준의 임의의(random) 값을 생성합니다. 매개 변수로 제공된 배열은 임의의 숫자로 채워집니다 (암호화의 의미는 무작위입니다). |
||
| 82 | Crypto.subtle | |
Crypto.subtle 은 읽기전용 속성이며 암호화 기법을 수행할 수 있는 SubtleCrypto 객체를 반환합니다. |
||
| 83 | CSS 객체 모델 (CSSOM) | API, CSSOM, Overview, Reference |
CSSOM |
||
| 84 | Determining the dimensions of elements | |
| 엘리먼트의 너비와 높이를 알기 위해 살펴볼 수 있는 여러 속성이 있습니다. 또한, 요구하는 사항에 딱 맞는 것을 고르기 다소 까다로울 수도 있습니다. 이 글은 여러분이 필요에 맞는 속성을 고르는데 도움을 주기 위해 작성했습니다. | ||
| 85 | Managing screen orientation | |
| Screen orientation 은 device orientation 과는 조금 다르다. 비록 장치가 방향을 감지 못하더라도 화면은 언제나 방향을 가지고 있다. 그리고 만약 장치가 방향을 알 수 있더라도 웹 어플리케이션의 인터페이스를 유지하거나 적응하기 위해 화면의 방향을 조정하는 능력을 갖는게 좋다. | ||
| 86 | CSS | API, CSSOM, Interface, Painting, Reference |
CSS 인터페이스는 유용한 CSS 관련 메서드를 가집니다. CSS 인터페이스는 정적 속성과 메서드만 가지고 있으며 아무런 객체도 CSS 인터페이스를 구현하지 않습니다. |
||
| 87 | CSSMediaRule | API, CSSOM, Interface, Reference |
CSSMediaRule 인터페이스는 하나의 CSS @media 규칙을 나타냅니다. |
||
| 88 | CSSOMString | API, CSSOM, 레퍼런스 |
CSSOMString 은 CSSOM 명세로 문자형 데이터를 나타내기위해 사용되며 DOMString 또는 USVString 을 참조할 수 있습니다. 명세의 CSSOMString 은 브라우저 공급 업체가 DOMString 과 USVString 중 사용하도록 선택한 것에 따라 결정됩니다. 메모리에 문자열을 표현하기 위해 내부적으로 UTF-8을 사용하도록 구현된 브라우저는 명세에서 CSSOMString 이 나타날 때 USVString 을 사용할 수 있지만, 이미 16 비트 시퀀스로 표현된 문자열은 DOMString 을 사용하도록 대신 선택될 것입니다. |
||
| 89 | CSSStyleSheet | API, CSSOM, NeedsTranslation, Reference, TopicStub |
The CSSStyleSheet interface represents a single CSS style sheet. It inherits properties and methods from its parent, StyleSheet. |
||
| 90 | CustomElementRegistry | API, CustomElementRegistry, Experimental, Interface, Reference, Web Components |
CustomElementRegistry 인터페이스는 사용자 지정 요소를 등록하고, 등록한 요소를 가져올 수 있는 메서드를 제공합니다. |
||
| 91 | CustomEvent | API, DOM, Interface, NeedsCompatTable, NeedsExample, Reference |
CustomEvent 인터페이스는 어플리케이션의 어떤 목적에 의해 초기화된 이벤트를 나타냅니다. |
||
| 92 | CustomEvent() | API, CustomEvent, 레퍼런스, 생성자, 이벤트 |
CustomEvent() 생성자는 새로운 CustomEvent 를 생성합니다. |
||
| 93 | DataTransfer | API, DataTransfer, HTML Drag and Drop API, Interface, Reference, Web Development, drag and drop |
The DataTransfer object is used to hold the data that is being dragged during a drag and drop operation. It may hold one or more data items, each of one or more data types. For more information about drag and drop, see HTML Drag and Drop API. |
||
| 94 | DataTransfer.getData() | API, HTML DOM, Method, Reference |
DataTransfer.getData() 메소드는 특정 형태를 위해 (DOMString로) 끌어낸 데이터를 회수한다. 가령, 끌어내는 동작이 데이터를 포함하지 않는다면, 이 메소드는 빈 문자열을 반환한다. |
||
| 95 | 문서 객체 모델(DOM) | API, DOM, Document, Document Object Model, Guide, Overview, Reference |
DOM |
||
| 96 | Examples | |
| 이 장에서는 DOM을 사용한 웹, XML 개발의 긴 예제를 제공합니다. 예제는 문서의 object를 조작하기 위해 가능한 JavaScript의 일반적인 API, 트릭, 패턴을 사용합니다. | ||
| 97 | DOM 소개 | DOM, 가이드, 문서 |
| 이 문서는 DOM에 대한 개념을 간략하게 소개하는 문서이다: DOM 이 무엇이며, 그것이 어떻게 HTML, XML 문서들을 위한 구조를 제공하는지, 어떻게 DOM 에 접근하는지, API 가 어떻게 사용되는지에 대한 참조 정보와 예제들을 제공한다. | ||
| 98 | 선택자로 DOM 요소 선택하기 | Beginner, DOM |
선택자 API는 DOM에서 Element 노드를 선택자를 통해 빠르고 쉽게 가져올 수 있는 메서드를 제공합니다. 이 방법은 JavaScript 코드에서 반복문을 통해 특성 요소를 탐색하던 이전 방법보다 훨씬 빠릅니다. |
||
| 99 | W3C DOM Level 1 Core 사용하기 | DOM, NeedsUpdate |
| The W3C's DOM Level 1 Core 는 documents의 콘텐츠 트리를 변경하기 위한 강력한 객체형 모델입니다. 웹 스크립팅을 위한 초석이기도 한 이 모델은 Mozilla Firefox and Microsoft Internet Explorer를 포함한 주요 브라우저에서 지원합니다. | ||
| 100 | Document | API, DOM, Document, Interface, Reference |
Document 인터페이스는 브라우저가 불러온 웹 페이지를 나타내며, 페이지 콘텐츠(DOM 트리)의 진입점 역할을 수행합니다. |
||
| 101 | DocumentOrShadowRoot.activeElement | API, Document, DocumentOrShadowRoot, Focus, Property, Reference, ShadowRoot |
Document와 ShadowRoot 인터페이스의 activeElement 읽기 전용 속성은 DOM과 섀도우 DOM 내에서 현재 포커스를 받은 Element 객체를 반환합니다. |
||
| 102 | Document.adoptNode() | API, DOM, DOM 레퍼런스, 레퍼런스, 메소드 |
외부 문서로부터 노드를 가져온다. 해당 노드와 그 하위트리는 기존의 문서에서 지워지고 해당 노드의 ownerDocument 는 현재 문서로 바뀐다. 그리고 그 노드는 현재의 문서에 삽입된다. |
||
| 103 | document.alinkColor | DOM, Gecko, Gecko DOM Reference |
document body에 있는 active link의 색깔을 설정하거나 설정된 값을 리턴합니다. 링크는 mousedown 과 mouseup 이벤트가 발생하는 중간에 활성화(active)됩니다. |
||
| 104 | Document.all | API, DOM, Document, HTMLAllCollection, Property, Reference, all |
Document 인터페이스의 read-only all 요소는 document node에 위치한HTMLAllCollection 반환한다. 간단하게 말하면 read-only all 요소는 페이지의 모든 contents를 반환 해준다. |
||
| 105 | document.anchors | API, Deprecated, Document, HTML DOM, Property, Reference |
Document 인터페이스의 anchors 읽기 전용 속성은 문서 내의 모든 앵커 목록을 반환합니다. |
||
| 106 | document.applets | DOM, Gecko |
applets document 내의 정렬된 애플릿 목록을 리턴합니다. |
||
| 107 | Document.body | API, DOM, Document, Property, Reference |
Document.body 속성은 현재 문서의 body 혹은 frameset 노드를 나타냅니다. 일치하는 요소가 존재하지 않으면 null을 반환합니다. |
||
| 108 | Document.characterSet | API, DOM, Document, Property, Reference |
Document.characterSet 읽기 전용 속성은 현재 문서가 렌더링에 사용하는 문자 인코딩을 반환합니다. |
||
| 109 | Document.compatMode | API, DOM, Document, Property, Reference |
Document.compatMode 속성은 문서 렌더링을 호환 모드에서 진행했는지, 표준 모드에서 진행했는지 나타냅니다. |
||
| 110 | Document.cookie | |
Document cookie 는 document와 연관된 cookies 를 읽고 쓸 수 있게 해준다. 쿠키의 실제값에 대한 getter 와 setter로 작동한다. |
||
| 111 | Document.createDocumentFragment() | |
새로운 빈 DocumentFragment 를 생성합니다. |
||
| 112 | Document.createElement() | API, DOM, Document, Method, Reference, Web |
HTML 문서에서, Document.createElement() 메서드는 지정한 tagName의 HTML 요소를 만들어 반환합니다. tagName을 인식할 수 없으면 HTMLUnknownElement를 대신 반환합니다. |
||
| 113 | Document.createElementNS() | |
| 지정된 네임스페이스 URI와 적합한 이름으로 엘리먼트를 만든다. | ||
| 114 | Event.createEvent() | |
| 새로운 event를 생성합니다, 새로 만들어진 event는 반드시 자신의 init() method를 호출함으로써 초기화되어야만 합니다. | ||
| 115 | Document.createRange() | |
새 Range 객체를 리턴합니다. |
||
| 116 | Document.createTextNode() | DOM, Gecko |
| 텍스트 노드를 생성합니다. | ||
| 117 | Document.createTreeWalker() | API, DOM, Document, Method, Reference |
Document.createTreeWalker() 메소드는 새로운 TreeWalker 객체를 반환합니다. |
||
| 118 | Document.defaultView | API, Document, HTML DOM, Property, Reference |
브라우저의 document.defaultView는 browsing context와 연결된 Window 객체를 반환합니다. 가능하지 않은 경우 null을 대신 반환합니다. |
||
| 119 | Document.designMode | |
document.designMode는 전체 document의 편집 가능 여부를 제어합니다. 유효한 값은 "on" 과 "off" 입니다. 명세에 따르면, 이 속성은 기본적으로 "off"로 설정되어 있습니다. Firefox는 이 표준 명세를 따릅니다. Chrome과 IE의 초기 버전들에서는 "inherit" 로 설정되어 있습니다. IE6-10 브라우저에서는, 값이 대문자로 표기됩니다. |
||
| 120 | Document.doctype | |
현재 document와 연관된 DTD(Document Type Declaration)를 반환합니다. 반환된 object는 DocumentType 인터페이스를 구현합니다. DocumentType을 작성하려면 DOMImplementation.createDocumentType()를 사용합니다. |
||
| 121 | Document() | API, Constructor, DOM, Document, Reference |
Document 생성자는 브라우저에 로드되고 페이지 컨텐츠로의 진입점으로써 제공되는 웹 페이지인 새로운 Document 객체를 생성합니다. |
||
| 122 | Document.documentElement | API, DOM, Document, Property, Reference, ㅈ |
Document.documentElement 읽기 전용 속성은 문서의 루트 요소를 나타내는 Element를 반환합니다. HTML 문서를 예로 들면 html 요소를 반환합니다. |
||
| 123 | Document.documentURI | URL, documentURI |
Document 인터페이스의 documentURI 속성은 document location 을 string 으로 반환합니다. |
||
| 124 | Document.domain | API, Document, HTML DOM, Property, Reference |
Document 인터페이스의 domain 속성은 동일 출처 정책에서 사용하는 현재 문서의 origin에서 도메인 부분을 설정하거나 가져옵니다. |
||
| 125 | drag | API, DOM, Document, Drag, DragEvent, Event, Reference, Web, drag and drop |
drag 이벤트는 사용자가 요소 또는 텍스트를 드래그할 때 수백 밀리초마다 발생합니다. |
||
| 126 | Document: dragend event | API, DOM, Document, DragEvent, Event, Reference, Web, drag and drop, dragend |
dragend는 드래그 작업이 끝났을 때 발생합니다(마우스 버튼을 떼거나 ESC 키를 누른 경우). |
||
| 127 | dragstart | DOM, Event, Reference, drag and drop |
dragstart 이벤트는 사용자가 요소나 선택한 텍스트를 드래그하기 시작할 때 발생합니다. |
||
| 128 | Document.embeds | embeds |
embeds 는 현재 document 에 embed되어 있는 OBJECT 들의 list 를 반환합니다. |
||
| 129 | Document.execCommand() | API, DOM, Method, NeedsExample, Reference, editor |
HTML 문서가 designMode로 전환되면 문서에서 execCommand 메서드를 사용할 수 있게 되는데 이것을 이용해서 문서의 편집 가능한 영역을 변경할 수 있습니다. 대부분의 명령어는 문서의 선택 영역에 영향(볼드, 이탤릭 등)을 미치고 나머지는 새 요소를 추가(링크 추가)하거나 전체 줄에 영향(들여쓰기)을 미칩니다. contentEditable을 사용할 때에 execCommand()를 호출하면 현재 활성화된 편집 요소에 영향을 미칩니다. |
||
| 130 | Document.forms | Forms |
forms는 현재 document에 존재하는 form element 들이 담긴 collection (an HTMLCollection)을 반환합니다. |
||
| 131 | Document.getElementById() | API, DOM, Document, Elements, Method, Reference, Web |
Document.getElementById() 메서드는 주어진 문자열과 일치하는 Element.id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환합니다. ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용합니다. |
||
| 132 | Document.getElementsByTagName() | API, DOM, 레퍼런스, 메소드 |
다음 예시에서, getElementsByTagName() 는 특정 부모 엘리먼트에서 시작해 그 부모 엘리먼트의 DOM 을 거쳐 위에서 아래로 재귀 탐색을하고, 태그 name 파라미터에 일치하는 모든 자손 엘리먼트의 집합을 생성합니다. 여기에서는 document.getElementsByTagName() 과 기능적으로 동일하며 DOM 트리의 특정 엘리먼트를 시작으로하여 탐색하는 Element.getElementsByTagName() 모두를 시연합니다. |
||
| 133 | Document.getElementsByTagNameNS() | API, DOM, NeedsMarkupWork, NeedsSpecTable, getElementsByTagNameNS, 레퍼런스, 메소드 |
| 주어진 네임스페이스에 속하는 태그명을 갖는 엘리먼트의 목록을 반환합니다. 루트 노드를 포함해 전체 다큐먼트를 대상으로 탐색합니다. | ||
| 134 | Document.getSelection() | |
이 메소드는 Window.getSelection() 와 동일합니다. 이 메소드는 Selection 형의 객체를 반환하는데, 이 객체는 현재 페이지에서 선택된 영역의 정보를 반영합니다. |
||
| 135 | Document.hasFocus() | API, DOM, Focus, Method, Reference |
Document.hasFocus() 메소드는 문서 또는 문서 내의 요소(element) 중 어느 하나라도 포커스(focus)를 갖고 있으면 true, 그렇지 않으면 false인 Boolean 값을 반환한다. 이 메소드를 사용하여 문서내 활성화된(active) 요소가 포커스를 갖고 있는지 판단할 수 있다. |
||
| 136 | Document.head | API, Document, HTML DOM, Property, Reference |
Document 인터페이스의 head 읽기 전용 속성은 현재 문서의 head 요소를 나타냅니다. |
||
| 137 | Document.hidden | API, Document, Property, Reference |
Document.hidden 읽기 전용 속성은 페이지가 숨겨졌는지 여부를 Boolean 값으로 나타냅니다. |
||
| 138 | Document.images | |
document.images 는 현재 HTML document 내부의 images collection을 반환합니다. |
||
| 139 | Document.implementation | API, DOM, NeedsContent, Property, Reference |
현재 document에 연관된 DOMImplementation 객체를 반환합니다. |
||
| 140 | Document.importNode() | |
| 현재 문서가 아닌 외부 문서의 노드를 복사하여 현재 문서에 넣을 수 있도록 해줍니다. | ||
| 141 | keydown | |
keydown 이벤트늘 키가 눌렸을 때 발생합니다. |
||
| 142 | Document: keyup event | |
keyup키를 놓을 때 이벤트가 발생합니다. |
||
| 143 | Document.links | Document, Links, a, area, href |
links 속성은 document 내에서 href attribute 를 가지는 모든 area 과 a element 들의 collection 을 반환한다. |
||
| 144 | Document.location | API, Document, HTML DOM, Property, Read-only, Reference |
The Document.location read-only property returns a Location object, which contains information about the URL of the document and provides methods for changing that URL and loading another URL. |
||
| 145 | Document.open() | |
Document.open() 메소드는 문서를 Document.write 위해 문서를 열 수 있도록 제공한다. |
||
| 146 | Document.querySelector() | API, CSS Selectors, DOM, DOM Elements, Document, Method, Reference, Selectors, Web |
Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다. 일치하는 요소가 없으면 null을 반환합니다. |
||
| 147 | Document.querySelectorAll() | API, CSS 셀렉터, DOM, querySelectorAll, 다큐먼트, 레퍼런스, 메소드, 셀렉터, 엘리먼트 셀렉팅, 엘리먼트 찾기, 엘리먼트 탐색 |
Document 메소드 querySelectorAll() 는 지정된 셀렉터 그룹에 일치하는 다큐먼트의 엘리먼트 리스트를 나타내는 정적(살아 있지 않은) NodeList 를 반환합니다. |
||
| 148 | Document.readyState | |
Document.readyState 속성을 통해 document의 로딩 상태를 확인할 수 있다. |
||
| 149 | Document: readystatechange event | |
readystatechange 이벤트는 현재 페이지의 Document.readyState 속성값이 변할 때 발생한다. |
||
| 150 | Document.referrer | |
| 페이지로 바로 접근하였을 경우 이 값은 빈 문자열을 반환함.(링크를 통해서 온것이 아닌, 예를 들면, 북마크를 통해서 이동했을 경우). 문자열만을 반환하기 때문에, 참조 페이지(referring page)에 대한 DOM 액세스가 제공되지 않음. | ||
| 151 | scroll | DOM, Event, Event Handler, Reference, 레퍼런스, 이벤트, 이벤트핸들링 |
document view 나 element가 스크롤 될 때, scroll 이벤트가 발생합니다. |
||
| 152 | DocumentOrShadowRoot.styleSheets | API, Document, Propert, Reference |
DocumentOrShadowRoot 인터페이스의 styleSheets 읽기 전용 속성은 문서에서 명시적으로 링크했거나, 안에 포함된 스타일시트에 대한 CSSStyleSheet 객체의 StyleSheetList를 반환합니다. |
||
| 153 | Document.styleSheetSets | API, CSSOM, DOM, Property, Reference, Stylesheets |
styleSheetSets의 읽기 전용 속성은 현재 사용 가능한 모든 스타일 시트 세트의 live 리스트를 반환합니다. |
||
| 154 | Document.URL | API, Document, HTML DOM, Property, Reference |
Document 인터페이스의 URL 읽기 전용 속성은 문서의 주소를 문자열로 반환합니다. |
||
| 155 | visibilitychange | API, Event, Reference, Web |
visibilitychange 이벤트는 브라우저 탭의 컨텐츠가 visible 또는 hidden 상태로 변화할 때 발생된다. |
||
| 156 | Document.visibilityState | DOM, Document, Property, Read-only, Reference, Web |
Document.visibilityState 읽기 전용 property로, 이 element가 현재 표시된 컨텍스트를 나타내는 document의 가시성을 반환합니다. document가 background 또는 보이지 않는 탭(다른 탭)에 있는지, 또는 pre-rendering을 위해 로드 된 것인지를 아는 것은 유용합니다. 가능한 값은 다음과 같습니다. |
||
| 157 | Document.write() | |
document.open()에 의해 열린 문서 스팀에 텍스트 스트링을 적는다. |
||
| 158 | DocumentFragment | API, DOM, DocumentFragment, Documents, Interface, Reference, Web Components |
DocumentFragment 인터페이스는 부모가 없는 아주 작은 document 객체를 나타냅니다. Document의 경량화된 버전으로 사용되며 표준문서와 같이 노드로 구성된 문서 구조의 일부를 저장합니다. |
||
| 159 | DocumentType | API, DOM, DocumentType, 인터페이스 |
DocumentType 인터페이스는 doctype을 포함하는 Node 를 나타냅니다. |
||
| 160 | DOMObject | API, DOM, DOM 레퍼런스, DOMObject, 객체, 레퍼런스, 사용되지않음 |
더 이상 사용되지 않는 DOMObject 인터페이스는 객체 데이터 타입을 위한 기본 클래스로서 DOM 명세의 초기 버전에 사용되었습니다. |
||
| 161 | DOMParser | |
The DOMParser 인터페이스는 DOM Document 문서에 맞는 XML 및 HTML 소스 코드를 해석할 수 있는 기반을 제공한다 . |
||
| 162 | DOMString | API, DOM, Reference, String |
DOMString은 UTF-16 문자열입니다. JavaScript의 String도 UTF-16 문자열이기 때문에 DOMString은 String으로 연결됩니다. |
||
| 163 | DOMTokenList | API, DOM, DOMTokenList, Interface, Reference |
The DOMTokenList interface represents a set of space-separated tokens. Such a set is returned by Element.classList, HTMLLinkElement.relList, HTMLAnchorElement.relList, HTMLAreaElement.relList, HTMLIframeElement.sandbox, or HTMLOutputElement.htmlFor. It is indexed beginning with 0 as with JavaScript Array objects. DOMTokenList is always case-sensitive. |
||
| 164 | DOMTokenList.contains() | |
The contains() method of the DOMTokenList interface returns a Boolean — true if the underlying list contains the given token, otherwise false. |
||
| 165 | DragEvent | API, DragEvent, Reference, drag and drop |
The DragEvent interface is a 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. |
||
| 166 | Element | API, DOM, Element, Interface, Reference |
Element는 Document 안의 모든 객체가 상속하는 제일 범용적인 기반 클래스로 공통 메서드와 속성만 가지고 있으며, 특정 요소를 더 상세하게 표현하는 클래스가 Element를 상속합니다. 예를 들어 HTMLElement 인터페이스는 HTML 요소의 기반 인터페이스이고 SVGElement 인터페이스는 모든 SVG 요소의 기초입니다. |
||
| 167 | element.attributes | DOM, Gecko, Gecko DOM Reference |
| 주어진 요소의 속성 모음(collection)을 반환합니다. | ||
| 168 | blur | |
blur 이벤트는 엘리먼트의 포커스가 해제되었을때 발생합니다. 이 이벤트와 focusout 이벤트의 가장 다른점은 focusout 은 이벤트 버블링이 발생합니다. |
||
| 169 | ParentNode.childElementCount | API, DOM, ParentNode, Property, Reference |
ParentNode.childElementCount 읽기 전용 속성은 주어진 요소의 자식 요소 개수를 unsigned long 타입으로 반환합니다. |
||
| 170 | Element.classList | API, DOM, 레퍼런스, 속성, 엘리먼트, 읽기 전용 |
Element.classList는 엘리먼트의 클래스 속성의 컬렉션인 활성 DOMTokenList를 반환하는 읽기 전용 프로퍼티이다. |
||
| 171 | Element.className | |
| className 특정 엘리먼트의 클래스 속성의 값을 가져오거나 설정할 수 있다. | ||
| 172 | click | API, DOM, Event, Interface, Reference |
click 이벤트는 포인팅 디바이스 버튼(일반적으로 마우스 기본 버튼)이 하나의 요소(엘리먼트)에서 눌려지고 놓을 때 시작합니다. |
||
| 173 | Element.clientHeight | |
읽기 전용 속성인 Element.clientHeight은 엘리먼트의 내부 높이를 픽셀로 반환합니다. 이 내부 높이라는 것은 내부 여백(padding)을 포함하지만, 수평 스크롤바의 높이, 경계선, 또는 외부 여백(margin)은 포함하지 않습니다. |
||
| 174 | Element.clientLeft | |
엘리먼트의 왼쪽 테두리의 너비 (픽셀 단위)입니다. 엘리먼트의 텍스트 방향이 오른쪽에서 왼쪽이고 오버플로로 인해 왼쪽 수직 스크롤 막대가 렌더링되는 경우 수직 스크롤 막대의 너비가 포함됩니다. clientLeft는 왼쪽 여백 또는 왼쪽 패딩을 포함하지 않습니다. clientLeft는 읽기 전용입니다. |
||
| 175 | Element.closest() | |
아래 폴리필은 Element.closest(), 메소드를 지원하지 않는 브라우저를 위한 방법이지만, element.matches() 메소드를 사용하므로 IE 9 이상에서 동작한다. |
||
| 176 | Element.getAttribute() | API, DOM, 속성 |
getAttribute() 은 해당 요소에 지정된 값을 반환 합니다. |
||
| 177 | Element.getElementsByClassName() | |
Element의 메소드 getElementsByClassName() 는 주어진 클래스를 가진 모든 자식 엘리먼트의 실시간 HTMLCollection 을 반환합니다. |
||
| 178 | Element.getElementsByTagName() | |
Element.getElementsByTagName() 메서드는 제공된 태그 네임(tag name)을 가지는 엘리먼트의 유효한 HTML 컬랙션를 반환합니다. 엘리먼트가 특정된 범위를 검색하는 경우, 그 자신의 엘리먼트는 제외하고, 특정된 엘리먼트의 하위에 있는 서브트리가 검색됩니다. 반환된 리스트가 live 상태이면, 리스트는 DOM 트리와 함께 자동적으로 업데이트 되는 것을 의미합니다. 결과적으로, 동일한 엘리먼트와 인자값으로 Element.getElementsByTagName()을 여러번 호출할 필요성은 없어집니다. |
||
| 179 | Element.id | |
Element.id 속성은 요소의 식별자를 나타내며, HTML의 전역적인 id 속성을 반영합니다. |
||
| 180 | Element.innerHTML | |
Element 속성(property) innerHTML 은 요소(element) 내에 포함 된 HTML 또는 XML 마크업을 가져오거나 설정합니다. |
||
| 181 | Element.insertAdjacentHTML() | |
insertAdjacentHTML() 메서드는 HTML or XML 같은 특정 텍스트를 파싱하고, 특정 위치에 DOM tree 안에 원하는 node들을 추가 한다. 이미 사용중인 element 는 다시 파싱하지 않는다. 그러므로 element 안에 존재하는 element를 건드리지 않는다. (innerHtml은 과 좀 다름). innerHtml보다 작업이 덜 드므로 빠르다. |
||
| 182 | Element.outerHTML | API, DOM, DOM Parsing, Element, Parsing, Property, Reference, Serializing |
outerHTML 속성은 요소(element)의 자식 요소를 포함하여 요소를 나타내는 직렬화된 HTML 파편을 가져옵니다. 또한 주어진 문자열에서 파싱한 노드로 요소를 대체할 수 있습니다. |
||
| 183 | Element.removeAttribute() | API, DOM, Element, Method, Reference |
Element.removeAttribute() 메서드는 요소에서 주어진 이름의 특성을 제거합니다. |
||
| 184 | Element.scrollHeight | API, Element, Property, Reference |
Element.scrollHeight 읽기 전용 속성은 요소 콘텐츠의 총 높이를 나타내며, 바깥으로 넘쳐서 보이지 않는 콘텐츠도 포함합니다. |
||
| 185 | element.scrollIntoView | |
Element 인터페이스의 scrollIntoView() 메소드는 scrollIntoView()가 호출 된 요소가 사용자에게 표시되도록 요소의 상위 컨테이너를 스크롤합니다. |
||
| 186 | Element: select event | |
select 이벤트는 어떤 텍스트가 선택되었을 때 발생됩니다. |
||
| 187 | Element.tagName | |
Element 인터페이스의 tagName 읽기 전용 속성은 요소에 호출된 태그 명을 가져온다. |
||
| 188 | touchcancel | |
touchcancel 이벤트는 터치포인트가 현재 구현된 방식안에서 방해 받을때 ( 예를들어 너무 많은 터치 포인트) 발생한다. |
||
| 189 | 인코딩 API | API, 개요, 레퍼런스, 인코딩 |
Encoding API |
||
| 190 | Event | API, DOM, Event, Interface, Reference, UI, 이벤트 |
Event 인터페이스는 DOM 내에 위치한 이벤트를 나타냅니다. |
||
| 191 | event.cancelable | DOM, Gecko, Gecko DOM Reference |
| 이벤트의 취소가 가능한지를 나타냅니다. | ||
| 192 | Event.cancelBubble | |
Event.cancelBubble 속성은 Event.stopPropagation()의 별칭입니다. 이벤트 핸들러에서 반환되기 전에 값을 true로 설정하면 이벤트가 전파되지 않습니다. |
||
| 193 | Event() | API, Constructor, DOM, Event, Reference |
Event() constructor는 새로운 Event 객체를 생성합니다. |
||
| 194 | Event.eventPhase | |
| 현재 발생중인 이벤트 흐름의 단계를 나타냅니다. | ||
| 195 | Event.isTrusted | API, Event, Property, Read-only, Reference, 속성, 이벤트 |
Event 인터페이스의 읽기 전용 속성인 isTrusted는, 이벤트가 사용자 행위에 의하여 발생되었으면 true이고 이벤트가 스크립트로 인해 생성 또는 수정되었거나 dispatchEvent를 통해 보내졌으면 false인 논리 값입니다. 이것이 true인 이벤트는 신뢰된다고 표현합니다. |
||
| 196 | event.preventDefault | |
| 이벤트를 취소할 수 있는 경우, 이벤트의 전파를 막지않고 그 이벤트를 취소합니다. | ||
| 197 | Event.stopImmediatePropagation() | |
event.stopImmediatePropagation() 는 같은 이벤트에서 다른 리스너들이 불려지는 것을 막습니다. |
||
| 198 | Event.stopPropagation() | |
| 이벤트 캡쳐링과 버블링에 있어 현재 이벤트 이후의 전파를 막습니다. | ||
| 199 | Event.target | 돔, 레퍼런스, 속성, 이벤트, 타겟 |
Event interface의 target 속성은 event가 전달한 객체에 대한 참조입니다. 이는 이벤트의 버블링 또는 캡처 단계에서 이벤트 핸들러를 호출하는 Event.currentTarget와 다릅니다. |
||
| 200 | EventListener | |
EventListener 인터페이스는 EventTarget 객체로부터 발생한 이벤트를 처리하기 위한 오브젝트를 말합니다. |
||
| 201 | EventSource | API, Communications, EventSource, Interface, NeedsTranslation, Reference, Server Sent Events, Server-sent events, TopicStub, messaging |
EventSource 인터페이스는 server-sent events에 대한 웹 콘텐츠 인터페이스입니다. EventSource 인스턴스는 text/event-stream 포맷으로 이벤트를 보내는 HTTP 서버에 지속적인 연결을 합니다. 연결은 |
||
| 202 | EventSource() | API, EventSource, 레퍼런스, 생성자, 서버 전송 이벤트 |
EventSource() 생성자는 원격 자원을 나타내는 새롭게 생성된 EventSource 를 반환합니다. |
||
| 203 | EventTarget | API, DOM, DOM Events, EventTarget, Interface, Reference |
EventTarget은 이벤트를 받을 수 있으며, 이벤트에 대한 수신기(listener)를 가질 수 있는 객체가 구현하는 DOM 인터페이스입니다. |
||
| 204 | EventTarget.addEventListener() | API, DOM, Event Handlers, Event Listener, EventTarget, JavaScript, Method, Reference |
EventTarget의 addEventListener() 메서드는 지정한 이벤트가 대상에 전달될 때마다 호출할 함수를 설정합니다. |
||
| 205 | EventTarget.dispatchEvent() | API, DOM, DOM 엘리먼트 메소드, Gecko, 메소드 |
영향을 받는 EventListener 를 적절한 순서로 호출하는 지정된 EventTarget 에서 Event 를 (동기적으로) 디스패치합니다. 일반 이벤트 처리 규칙(capturing 과 선택적인 bubbling 단계를 포함해)은 dispatchEvent() 를 사용하여 수동으로 전달 된 이벤트에도 적용됩니다. |
||
| 206 | EventTarget() | |
EventTarget() 생성자는 새로운 EventTarget 객체 인스턴스를 만듭니다. |
||
| 207 | EventTarget.removeEventListener() | |
EventTarget.removeEventListener() 메서드는 이전에EventTarget.addEventListener()로 EventTarget 에 등록했던 이벤트 리스너를 제거합니다. 이 이벤트 리스너는 이벤트 종류와 이벤트 리스너 함수 자체의 조합으로 식별되어 제거되며, 등록시 제공했던 다양한 옵션과 일치하는 이벤트 리스너만 제거할 수 있습니다. Matching event listeners for removal를 참고하세요. |
||
| 208 | Fetch API | API, Experimental, Fetch, Landing, Reference |
Fetch API는 네트워크 통신을 포함한 리소스 취득을 위한 인터페이스가 정의되어 있습니다. XMLHttpRequest와 같은 비슷한 API가 존재합니다만, 새로운 Fetch API는 좀더 강력하고 유연한 조작이 가능합니다. |
||
| 209 | Fetch basic concepts | |
Fetch 는 네트워크 통신을 포함한 리소스를 가지고 오기 위한 인터페이스를 제공해주는 보다 새로운 API입니다. XMLHttpRequest 와 기능은 같지만 확장 가능하며 효과적으로 구성되어 있습니다. 이 문서에서는 Fetch API의 기본 컨셉들중 일부를 소개합니다. |
||
| 210 | Using Fetch | |
Fetch API를 이용하면 Request나 Response와 같은 HTTP의 파이프라인을 구성하는 요소를 조작하는것이 가능합니다. 또한 GlobalFetch.fetch 메서드를 이용하는 것으로 비동기 네트워크 통신을 알기쉽게 기술할 수 있습니다. |
||
| 211 | FetchEvent | API, FetchEvent, Interface, NeedsTranslation, Offline, Reference, Service Workers, TopicStub, Workers |
This is the event type for fetch events dispatched on the ServiceWorkerGlobalScope. It contains information about the fetch, including the request and how the receiver will treat the response. It provides the FetchEvent.respondWith method, which allows us to provide a response to this fetch. |
||
| 212 | FetchEvent.respondWith() | |
FetchEvent의 respondWith() 메소드는 브라우저의 기본 fetch 핸들링을 막고, 당신 스스로 Response에 대한 promise를 제공할 수 있게 허락합니다. |
||
| 213 | File and Directory Entries API | |
File System API |
||
| 214 | File | API, File API, Interface, Reference, Web, 파일 |
File 인터페이스는 파일에 대한 정보를 제공하고, 웹 페이지의 JavaScript가 해당 내용에 접근할 수 있는 방법을 제공합니다. |
||
| 215 | File.File() | API, Constructor, File, Reference, 파일 |
File() 생성자는 File 객체의 새로운 인스턴스를 생성합니다. |
||
| 216 | File.name | API, File API, Property, Reference, 파일 |
name 속성은 File 객체가 나타내는 파일의 이름을 반환합니다. 보안상의 이유로 경로는 이름에서 제외됩니다. |
||
| 217 | File.size | |
| 파일의 크기를 바이트 단위로 반환합니다. | ||
| 218 | 웹 어플리케이션에서 파일 사용하기 | |
HTML5의 DOM으로 추가된 File API를 사용하여, 이제 웹 컨텐츠가 사용자에게 로컬 파일을 선택한 후 파일의 컨텐츠를 읽도록 요청할 수 있습니다. 이 선택은 HTML input 엘리먼트나 드래그 앤 드랍을 사용하는 것으로도 수행할 수 있습니다. |
||
| 219 | FileList | |
이 타입의 객체는 HTML input 엘리먼트의 files 속성으로부터 반환됩니다; 이는 <input type="file"> 엘리먼트로 선택된 파일의 리스트에 접근하도록 합니다. 또한 드래그 앤 드랍 API를 사용할 때 웹 컨텐트에 드랍된 파일의 리스트에도 사용됩니다; 이 사용에 대한 자세한 내용은 DataTransfer 객체를 보십시오. |
||
| 220 | FileReader | API, File API, Files, Interface, Reference |
FileReader 객체는 웹 애플리케이션이 비동기적으로 데이터를 읽기 위하여 읽을 파일을 가리키는File 혹은 Blob 객체를 이용해 파일의 내용을(혹은 raw data버퍼로) 읽고 사용자의 컴퓨터에 저장하는 것을 가능하게 해줍니다. |
||
| 221 | FileReader: loadend event | |
loadend 이벤트는 성공여부와 관계없이 파일읽기가 끝나면 실행됩니다. |
||
| 222 | FileReader.readAsDataURL() | |
| 223 | FileReader.readAsText() | 파일, 파일 API |
readAsText() 메서드는 지정된 Blob 이나 File 의 컨텐츠를 읽기 위해 사용합니다. 읽기 연산이 끝나면, FileReader.readyState 가 DONE으로 바뀌고, loadend 이벤트가 트리거 되고, FileReader.result 프로퍼티는 파일의 내용을 텍스트 문자열로 가집니다. |
||
| 224 | FileReader.result | |
| 파일의 내용을 반환한다. 이 속성은 읽기가 완료 된 후에만 사용 가능 하며 데이터의 형식은 읽기 작업에 어떤 함수가 사용되었는가에 의해 정해진다. | ||
| 225 | FormData | API, 인터페이스, 폼 데이터 |
FormData 인터페이스는 form 필드와 그 값을 나타내는 일련의 key/value 쌍을 쉽게 생성할 수 있는 방법을 제공합니다. 또한 XMLHttpRequest.send() 메서드를 사용하여 쉽게 전송할 수 있습니다. 인코딩 타입이 "multipart/form-data"로 설정된 경우, form에서 사용하는 것과 동일한 포맷을 사용해야 합니다. |
||
| 226 | FormData.append() | |
FormData 인터페이스의 append() 메서드는 FormData 객체의 기존 키에 새 값을 추가하거나, 키가 없는 경우 키를 추가합니다. |
||
| 227 | FormData.delete() | |
FormData 인터페이스의 delete() 메서드는 FormData 객체에서 key와 그 값에 해당하는 것을 지웁니다. |
||
| 228 | FormData.entries() | |
FormData.entries() 메서드는 이 객체에 포함된 모든 key/value 쌍을 통과하는 Iteration_protocols 를 반환합니다. 각 쌍의 key는 USVString 객체입니다; value는 USVString 또는 Blob 중 하나입니다. |
||
| 229 | FormData() | |
FormData() 생성자(Constructor)는 새로운 FormData객체를 만듭니다. |
||
| 230 | FormData.get() | |
FormData 인터페이스의 get() 메서드는 FormData 객체에서 지정한 키와 연관된 첫 번째 값을 반환합니다. 값이 여러개이고, 모든 값을 원하면 이 메서드 대신 FormData.getAll() 메서드를 사용하십시오. |
||
| 231 | FormData.getAll() | |
FormData 인터페이스의 getAll() 메서드는 FormData 객체에서 지정된 키와 연관된 모든 값을 반환합니다. |
||
| 232 | FormData.has() | |
FormData 인터페이스의 has() 메서드는 FormData 객체에 특정 키가 들어 있는지 여부를 나타내는 boolean 을 반환합니다. |
||
| 233 | FormData.keys() | |
FormData.keys() 메서드는 이 객체에 포함된 모든 키를 통과하는 Iteration_protocols 를 반환합니다. 키는 USVString 객체입니다. |
||
| 234 | FormData.set() | |
FormData 인터페이스의 set() 메서드는 FormData 객체 내에 있는 기존 키에 새 값을 설정하거나, 존재하지 않을 경우 key/value을 추가합니다. |
||
| 235 | FormData.values() | |
FormData.values() 메서드는 이 객체에 포함 된 모든 value를 통과하는 Iteration_protocols를 반환합니다. value는 USVString 또는 Blob 객체입니다. |
||
| 236 | Using fullscreen mode | |
Fullscreen API 는 특정 요소Element(와 해당 자손들을)를 full-screen mode로 표시하고, 더 이상 필요하지 않으면 full-screen mode를 종료하는 메서드를 추가합니다. 이렇게 하면 사용자의 전체 화면을 사용하여, 온라인 게임과 같은 원하는 내용을 표시할 수 있습니다. full-screen mode가 종료될 때까지 화면에서 브라우저의 모든 유저 인터페이스 요소와 기타 응용 프로그램을 제거할 수 있습니다. |
||
| 237 | Gamepad API | API, Experimental, Gamepad API, Games, Overview |
| 게임패드 API는 게임패드와 다른 게임 제어장치의 신호에 쉬운 일관된 방식으로 접근하고 응답하는 개발자들을 위한 수단이다. 게임패드 API는 세 가지 인터페이스와연결, 연결 해제되고 게임 패드 자체에 대한 다른 정보에 접근하고 어떤 버튼과 다른 조작 장치들이 현재 눌린 것에 응답하는 두 가지 이벤트 그리고 한 가지 특수 기능이 포함되어 있다. | ||
| 238 | Using the Gamepad API | |
HTML5 introduced many of the necessary components for rich, interactive game development. Technologies like <canvas>, WebGL, <audio>, and <video>, along with JavaScript implementations, have matured to the point where they can now support many tasks previously requiring native code. The Gamepad API is a way for developers and designers to access and use gamepads and other game controllers. |
||
| 239 | Geolocation API | Geolocation API, Guide, Intermediate, Overview |
| Geolocation API는 사용자가 원할 경우 웹 애플리케이션에 위치 정보를 제공할 수 있는 API입니다. 개인정보 보호를 위해, 브라우저는 위치 정보를 제공하기 전에 사용자에게 위치 정보 권한에 대한 확인을 받습니다. | ||
| 240 | Geolocation API 사용하기 | Geolocation API, Guide, Intermediate |
Geolocation API는 사용자의 현재 위치를 가져오는 API로, 지도에 사용자 위치를 표시하는 등 다양한 용도로 사용할 수 있습니다. 이 안내서는 Geolocation API의 기초적 사용법을 설명합니다. |
||
| 241 | Geolocation | API, Advanced, Geolocation API, Interface, Reference, Secure context, 위치정보 |
Geolocation 인터페이스는 장치의 위치를 가져오는 방법을 나타냅니다. Geolocation을 사용하면 웹 사이트나 웹 앱이 위치 정보를 활용해, 현재 위치에 대해 맞춤 콘텐츠를 제공할 수 있습니다. |
||
| 242 | Geolocation.clearWatch() | API, Geolocation API, Method, Reference, Secure context, 위치, 위치정보 |
Geolocation.clearWatch() 메서드는 Geolocation.watchPosition()로 등록한 위치 변화 감지 콜백을 해제합니다. |
||
| 243 | Geolocation.getCurrentPosition() | API, Geolocation, Geolocation API, Method, Reference, Secure context, 위치, 위치정보 |
Geolocation.getCurrentPosition() 메서드는 장치의 현재 위치를 가져옵니다. |
||
| 244 | Geolocation.watchPosition() | API, Geolocation, Geolocation API, Method, Reference, Secure context |
Geolocation 인터페이스의 watchPosition() 메서드는 장치의 위치가 바뀔 때마다 자동으로 호출할 처리기 함수를 등록할 때 사용합니다. |
||
| 245 | GeolocationPosition | API, Geolocation API, GeolocationPosition, Interface, Reference, Secure context |
GeolocationPosition 인터페이스는 주어진 시간에 장치가 위치한 지점을 나타냅니다 |
||
| 246 | GlobalEventHandlers | API, DOM, HTML DOM, Mixin, Reference |
GlobalEventHandlers 믹스인mixin은 HTMLElement, Document, Window 등 여러 인터페이스가 공유하는 공통 이벤트 처리기를 묘사합니다. 물론, 각각의 인터페이스는 아래에 나열된 항목뿐만 아니라 더 많은 이벤트 처리기를 추가할 수 있습니다. |
||
| 247 | GlobalEventHandlers.onchange | API, GlobalEventHandlers, HTML DOM, Property, Reference |
onchange 속성은 change 이벤트의 이벤트 핸들러를 설정하고 반환합니다. |
||
| 248 | GlobalEventHandlers.onclick | API, Event Handler, HTML DOM, Property, Reference |
GlobalEventHandlers 믹스인mixin의 onclick 속성은 주어진 요소의 click 이벤트를 처리하기 위한 Event_handlers입니다. |
||
| 249 | GlobalEventHandlers.oncontextmenu | |
| 윈도우에서 마우스 오른쪽 클릭시 발생하는 이벤트 이벤트 핸들러 속성 입니다. 기본동작을 막지 않는 한 (아래의 예제를 참조하세요), 브라우저의 컨텍스트 메뉴가 활성화됩니다. (그러나 IE8는 이것과 관련된 버그가 있어 contextmenu 가 정의 되어있다고 할지라도 활성화 되지 않습니다). 이 이벤트는 비활성화되지 않은(non-disabled) 오른쪽 클릭 이벤트와 함께 발생하며 "contextmenu" 속성 을 가진 엘리먼트에는 달리지 않는다는 것을 유의하세요. | ||
| 250 | GlobalEventHandlers.ondblclick | API, Event Handler, HTML DOM, Property, Reference |
ondblclick property는 현재 요소(element)의 onDblClick 이벤트 핸들러 코드를 돌려줍니다. |
||
| 251 | GlobalEventHandlers.onkeydown | API, HTML DOM, NeedsContent, NeedsExample |
onkeydown 속성은 현재 요소(element)의 onKeyDown 이벤트 핸들러 코드를 돌려줍니다 |
||
| 252 | GlobalEventHandlers.onkeyup | |
| onkeyup 속성은 현재 요소에서 onKeyUp 이벤트 핸들러를 반환합니다. | ||
| 253 | GlobalEventHandlers.onpointerenter | |
GlobalEventHandlers mixin의 onpointerenter property는 pointerenter 이벤트를 처리하는 Event_handlers 이다. |
||
| 254 | GlobalEventHandlers.onscroll | |
functionRef 은(는) 함수 표현식 또는 함수 이름 이며, 이 객체는 오직 UIEvent 객체만 인수로 받습니다. |
||
| 255 | GlobalEventHandlers.onsubmit | API, HTML DOM, 레퍼런스, 속성 |
| 256 | GlobalEventHandlers.ontouchstart | |
touchstart 이벤트를 위한 GlobalEventHandlers |
||
| 257 | History API | API, Advanced, DOM, History, 기록, 브라우저 히스토리, 히스토리 |
DOM의 Window 객체는 Window.history 객체를 통해 브라우저의 세션 기록에 접근할 수 있는 방법을 제공합니다. History는 사용자를 자신의 방문 기록 앞과 뒤로 보내고 기록 스택의 콘텐츠도 조작할 수 있는, 유용한 메서드와 속성을 가집니다. |
||
| 258 | History | API, HTML DOM, History API, Interface, Reference, Web |
History 인터페이스는 브라우저의 세션 기록, 즉 현재 페이지를 불러온 탭 또는 프레임의 방문 기록을 조작할 수 있는 방법을 제공합니다. |
||
| 259 | History.back() | API, HTML DOM, History, History API, Method, Reference, Web |
History.back() 메서드는 브라우저가 세션 기록의 바로 뒤 페이지로 이동하도록 지시합니다. |
||
| 260 | History.forward() | API, HTML DOM, History, History API, Method, Reference |
History.forward() 메서드는 브라우저가 세션 기록의 바로 앞 페이지로 이동하도록 지시합니다. |
||
| 261 | History.go() | |
History.go() 메서드는 history 세션에서 특정한 페이지를 로딩합니다. 인자로 전달하는 파라미터 값에 따라 history를 통해서 페이지를 앞 뒤로 이동할 수 있습니다. |
||
| 262 | History.length | API, HTML, HTML DOM, History API, Property, Read-only, Reference |
History.length 읽기 전용 속성은 현재 페이지를 포함해, 세션 기록의 길이를 나타내는 정수를 반환합니다. |
||
| 263 | History.pushState() | API, DOM, History, History API, Method, Reference, Web |
HTML 문서에서, history.pushState() 메서드는 브라우저의 세션 기록 스택에 상태를 추가합니다. |
||
| 264 | History.replaceState() | |
History.replaceState() 메서드는 현재 history를 수정해 메소드의 매개 변수에 전달 된 stateObj, title, URL로 대체합니다. 이 방법은 특히 일부 유저의 동작에 대한 응답으로 history 객체의 상태나 현재 history의 URL을 업데이트하려는 경우에 유용합니다. |
||
| 265 | History.scrollRestoration | API, HTML DOM, History API, Property, Reference |
History.scrollRestoration 속성을 사용하면 기록 탐색 시 사용할 스크롤 위치 복원 기능의 기본값을 웹 애플리케이션이 지정할 수 있습니다. |
||
| 266 | History.state | |
History.state 속성은 현 history에 해당하는 state값을 나타냅니다. |
||
| 267 | HTML 드래그 앤 드롭 API | HTML5, XUL, 가이드, 개요, 고급, 드래그 앤 드롭, 이벤트 |
| HTML 드래그 앤 드롭 인터페이스는 파이어폭스와 다른 브라우저에서 어플리케이션이 드래그 앤 드롭 기능을 사용하게 해줍니다. | ||
| 268 | Drag Operations | |
HTML Drag and Drop API |
||
| 269 | HTMLBRElement | API, HTML DOM, Interface, Reference |
HTMLBRElement 인터페이스는 HTML 줄바꿈 요소(br)를 나타냅니다. HTMLElement를 상속합니다. |
||
| 270 | HTMLCanvasElement | |
HTMLCanvasElement 인터페이스는 <canvas> 요소의 레이아웃이나 프레젠테이션을 조작하는 여러 프로퍼티와 메서드들을 제공합니다. 또한 HTMLCanvasElement 인터페이스는 HTMLElement 인터페이스의 여러 프로퍼티와 메서드들을 상속받습니다. |
||
| 271 | HTMLCanvasElement.getContext() | API, Canvas, HTMLCanvasElement, 레퍼런스, 메소드 |
HTMLCanvasElement.getContext() 메소드는 캔버스의 드로잉 컨텍스트를 반환합니다. 컨텍스트 식별자가 지원되지 않을 경우 null을 반환합니다. |
||
| 272 | HTMLCollection | API, DOM, HTML DOM, HTMLCollection, Interface, Reference |
HTMLCollection 인터페이스는 요소의 문서 내 순서대로 정렬된 일반 컬렉션(Functions/arguments처럼 배열과 유사한 객체)을 나타내며 리스트에서 선택할 때 필요한 메서드와 속성을 제공합니다. |
||
| 273 | HTMLCollection.item | |
HTMLCollection 의 메소드 item() 은 컬렉션 안의 특정 인덱스에 위치한 노드를 반환합니다. |
||
| 274 | HTMLDivElement | API, HTML DOM, Interface, Reference |
HTMLDivElement 인터페이스는 HTMLElement 인터페이스를 확장해, div 요소를 조작할 때 사용할 수 있는 추가 속성을 제공합니다. |
||
| 275 | HTMLDocument | API, HTML DOM, 레퍼런스, 인터페이스 |
HTMLDocument은 일반적인 (XML) 문서에서 기본적으로 존재하지 않는 특별한 프로퍼티와 메소드에 접근을 제공하는 DOM의 추상 인터페이스입니다. 특히 HTML 문서와 엘리먼트에 관련된 기능을 추가해줍니다. |
||
| 276 | HTMLElement | API, HTML DOM, Interface, Reference |
HTMLElement 인터페이스는 모든 종류의 HTML 요소를 나타냅니다. 일부 요소는 이 인터페이스를 직접 구현하지만 나머지 요소는 HTMLElement를 상속한 자식 인터페이스를 구현합니다. |
||
| 277 | Element.accessKey | API, Access Keys, DOM, Hotkeys, NeedsContent, 레퍼런스, 속성, 엘리먼트, 키보드 단축키 |
Element.accessKey 속성은 주어진 사용자가 눌러 주어진 엘리먼트로 이동할 수 있는 키 입력 세트입니다. |
||
| 278 | accessKeyLabel | |
HTMLElement.accessKeyLabel 읽기 전용 속성은 엘리먼트의 할당된 접근키를 나타내는 String 를 반환합니다. 존재하지 않는 경우 빈 문자열을 반환합니다. |
||
| 279 | HTMLElement.click() | API, HTML DOM, HTMLElement, 레퍼런스, 메소드 |
HTMLElement.click() 메소는 엘리먼트에 마우스 클릭을 시뮬레이션합니다. |
||
| 280 | HTMLElement.contentEditable | API, HTML DOM, HTML element, Property, Reference |
HTMLElement 요소의 contenteditable 속성은 요소의 편집 가능 여부를 나타냅니다. |
||
| 281 | Node.innerText | API, DOM, HTMLElement, Property, Reference |
HTMLElement 인터페이스의 innerText 속성은 요소와 그 자손의 렌더링 된 텍스트 콘텐츠를 나타냅니다. |
||
| 282 | HTMLElement: input event | |
input 이벤트는 input, select 및 textarea 요소의 value 속성이 바뀔 때마다 발생한다. |
||
| 283 | HTMLElement.offsetParent | |
HTMLElement.offsetParent 읽기전용 프라퍼티는 가장 가까운 (포함 계층에서 가장 가까운) 위치가 정해진 포함하는 엘리먼트 객체에 대한 참조를 반환한다. offsetParent는 엘리먼트의 위치가 정해지지 않으면 가장 가까운 테이블 또는 테이블 셀, 루트 엘리먼트 (표준 준수 모드에서는 html; quirks 렌더링 모드에서는 body) 를 반환한다.엘리먼트의 style.display가 "none"으로 설정되면 null을 반환한다. offsetParent는 HTMLElement.offsetTop과 HTMLElement.offsetLeft가 그것의 패딩 모서리에 상대적이기 때문에 유용하다. |
||
| 284 | HTMLElement.outerText | |
HTMLElement.outerText 는 비표준 속성(property)입니다. getter로써Node.innerText의 값을 반환합니다. setter로써는 현재 노드를 삭제하고 주어진 텍스트값으로 대체합니다. |
||
| 285 | HTMLFormElement | API, HTML DOM, HTMLFormElement, Interface, Reference |
The HTMLFormElement interface represents a form element in the DOM; it allows access to and in some cases modification of aspects of the form, as well as access to its component elements. |
||
| 286 | HTMLLIElement | |
HTMLLIElement 인터페이스는 리스트 엘리먼트를 조작하기 위한 특정 프로퍼티와 메소드들을 제공합니다. |
||
| 287 | HTMLMediaElement | |
HTMLMediaElement는 오디오와 비디오에 통용되는 미디어 관련 확장성을 제공하기 위해 HTMLElement에 메소드와 프로퍼티를 추가한 인터페이스입니다. |
||
| 288 | abort | DOM, Event, Reference, 레퍼런스, 이벤트 |
abort 이벤트는 리소스의 로딩이 중단되었을 때, 발생합니다. |
||
| 289 | HTMLMediaElement.autoplay | |
HTMLMediaElement.autoplay 프로퍼티는 autoplay HTML 어트리뷰트의 값을 반환합니다. 이 프로퍼티는 미디어가 문제 없이 재생 가능한 상황이 되면 자동 재생 여부를 결정합니다. |
||
| 290 | HTMLMediaElement: canplay | canplay |
canplay 이벤트는 user agent 가 media 를 재생할 수 있을 때 발생된다. 그러나, 컨텐츠의 추가 버퍼링을 위한 정지 없이 media 를 끝까지 재생하기에는, 로드된 데이터가 충분하지 않을 것으로 추산한다. |
||
| 291 | HTMLMediaElement: canplaythrough | canplaythrough |
canplaythrough 이벤트는 user agent 가 media 를 재생할 수 있을 때 발생되며, 컨텐츠의 추가 버퍼링을 위한 정지 없이 media 를 끝까지 재생하기에 로드된 데이터가 충분할 것으로 추산한다. |
||
| 292 | HTMLOptionElement | |
The HTMLOptionElement interface represents option elements and inherits all classes and methods of the HTMLElement interface. |
||
| 293 | HTMLSelectElement | API, HTML DOM, HTMLSelectElement, Interface, NeedsTranslation, Reference, TopicStub |
The HTMLSelectElement interface represents a select HTML Element. These elements also share all of the properties and methods of other HTML elements via the HTMLElement interface. |
||
| 294 | HTMLSelectElement.selectedOptions | |
The read-only HTMLSelectElement property selectedOptions contains a list of the option elements contained within the select element that are currently selected. The list of selected options is an HTMLCollection object with one entry per currently selected option. |
||
| 295 | HTMLSpanElement | API, HTML DOM, 레퍼런스, 인터페이스 |
HTMLSpanElement 인터페이스는 span 엘리먼트를 나타내며 HTMLElement 인터페이스로부터 파생되었으며 부가적인 프로퍼티나 메소드는 구현되지 않았습니다. |
||
| 296 | table | DOM, Gecko, Gecko DOM Reference |
table 개체는 (상속으로 이용할 수 있는 정규 element 개체 인터페이스 외에) HTML 표의 layout과 presentation을 다루는 특수 프로퍼티와 메소드를 제공하는 HTMLTableElement 인터페이스를 내놓습니다. |
||
| 297 | table.width | DOM, Gecko, Gecko DOM Reference |
| width는 바라는 테이블의 너비를 지정합니다. | ||
| 298 | HTMLTemplateElement | API, HTML DOM, HTMLTemplateElement, 레퍼런스, 웹 컴포넌트, 인터페이스 |
HTMLTemplateElement 인터페이스는 HTML template 엘리먼트의 컨텐츠에 접근할 수 있게 해줍니다. |
||
| 299 | HTMLTitleElement | API, HTML DOM, Interface, Reference |
HTMLTitleElement 인터페이스는 문서의 제목을 담습니다. HTMLElement 인터페이스의 속성과 메서드를 상속합니다, |
||
| 300 | HTMLVideoElement | |
HTMLVideoElement 인터페이스는 Video object를 조작하는데 필요한 프로퍼티와 메소드를 제공합니다. HTMLMediaElement와 HTMLElement를 상속합니다. |
||
| 301 | IdleDeadline | |
IdleDeadline 인터페이스는 Window.requestIdleCallback()을 호출하여 설정된 유휴 콜백(idle callback)에 대한 입력 매개변수(parameter)의 데이터 타입으로 사용됩니다. IdleDeadline.timeRemaining 메서드를 제공하여 사용자 에이전트가 유휴 상태로있을 것으로 추정하는 시간과 속성(property)인 IdleDeadline.didTimeout을 결정할 수있게하여, timeout 기간이 만료되어 콜백이 실행 중인지 여부를 결정할 수 있습니다. |
||
| 302 | IdleDeadline.didTimeout | |
IdleDeadline 인터페이스의 읽기 전용 속성(property)인 didTimeout 는 Window.requestIdleCallback()이 호출될 때 지정된 timeout 간격이 만료되어, 유휴 콜백(idle callback)이 호출되는지 여부를 나타내는 Boolean 값 입니다. |
||
| 303 | ImageCapture | API, Experimental, ImageCapture, Interface, MediaStream Image Capture API, Reference |
MediaStream Image Capture API의 ImageCapture 인터페이스는 유효한 MediaStreamTrack이 참조하는 카메라 또는 기타 촬영 장치를 통해 이미지나 사진을 촬영하기 위한 메서드를 제공합니다. |
||
| 304 | ImageCapture.getPhotoCapabilities() | API, Experimental, ImageCapture, MediaStream Image Capture API, Method, Reference |
ImageCapture 인터페이스의 getPhotoCapabilities() 메서드는 사용 가능한 설정 옵션을 담은 PhotoCapabilities 객체로 이행하는 Promise를 반환합니다. |
||
| 305 | ImageCapture.getPhotoSettings() | API, Experimental, ImageCapture, MediaStream Image Capture API, Method, Reference |
ImageCapture 인터페이스의 getPhotoSettings() 메서드는 현재 촬영 설정을 담은 PhotoSettings 객체로 이행하는 Promise를 반환합니다. |
||
| 306 | ImageCapture.grabFrame() | API, Experimental, ImageCapture, MediaStream Image Capture API, Method, Reference |
ImageCapture 인터페이스의 grabFrame() 메서드는 MediaStreamTrack의 라이브 비디오에서 스냅샷을 찍고, 그 결과를 담은 ImageBitmap으로 이행하는 Promise를 반환합니다. |
||
| 307 | ImageCapture() 생성자 | API, Constructor, Experimental, ImageCapture, MediaStream Image Capture API, Reference |
ImageCapture() 생성자는 새로운 ImageCapture 객체를 생성합니다. |
||
| 308 | ImageCapture.takePhoto() | API, Experimental, ImageCapture, MediaStream Image Capture, Method, Reference |
ImageCapture 인터페이스의 takePhoto() 메서드는 MediaStreamTrack을 제공하는 비디오 캡처 장치를 사용해 단일 노출 촬영을 하고, 그 데이터를 담은 Blob으로 이행하는 Promise를 반환합니다. |
||
| 309 | ImageCapture.track | API, Experimental, ImageCapture, MediaStream Image Capture, Property, Read-only, Reference |
ImageCapture 인터페이스의 track 읽기 전용 속성은 ImageCapture.ImageCapture 생성자에 제공한 MediaStreamTrack의 참조를 반환합니다. |
||
| 310 | ImageData | |
ImageData 인터페이스는 canvas 엘리먼트 영역의 기저의 픽셀데이터를 나타냅니다ImageData.ImageData생성자나 canvas객체에 연결된 CanvasRenderingContext2D객체의 CanvasRenderingContext2D.createImageData나 CanvasRenderingContext2D.getImageData메소드로 생성할 수 있습니다. ImageData는 CanvasRenderingContext2D.putImageData의 인자로 전달할 수 있으며, 이를 통해 canvas의 일부로 반영할 수 있습니다. |
||
| 311 | IndexedDB | API, Advanced, Database, IndexedDB, Landing, Reference, Storage |
| IndexedDB는 파일이나 블롭 등 많은 양의 구조화된 데이터를 클라이언트에 저장하기 위한 로우 레벨 API입니다. | ||
| 312 | IndexedDB 사용하기 | |
| IndexedDB는 사용자의 브라우저에 데이터를 영구적으로 저장할 수 있는 방법 중 하나입니다. IndexedDB를 사용하여 네트워크 상태에 상관없이 풍부한 쿼리 기능을 이용할 수 있는 웹 어플리케이션을 만들 수 있기 때문에, 여러분의 웹 어플리케이션은 온라인과 오프라인 환경에서 모두 동작할 수 있습니다. | ||
| 313 | Intersection Observer API | |
| Intersection Observer API는 타겟 요소와 상위 요소 또는 최상위 document 의 viewport 사이의 intersection 내의 변화를 비동기적으로 관찰하는 방법입니다. | ||
| 314 | IntersectionObserver | API, Experimental, Interface, Intersection Observer API, IntersectionObserver, NeedsTranslation, Reference, TopicStub, observers |
| viewport | ||
| 315 | IntersectionObserver.IntersectionObserver() | API, Constructor, Intersection Observer API, IntersectionObserver, Reference |
IntersectionObserver() 생성자는 새로운 IntersectionObserver 객체를 생성하고 반환합니다. |
||
| 316 | IntersectionObserver.observe() | |
The IntersectionObserver observe() 메서드는 IntersectionObserver 객체가 관찰할 엘리먼트 목록에 단일 엘리먼트를 추가합니다. 하나의 옵저버 객체는 단일한 threshold와 root를 가지지만 복수의 타겟 엘리먼트의 가시성 변화를 관찰할 수 있습니다. |
||
| 317 | IntersectionObserver.root | |
IntersectionObserver 인터페이스의 read-only 속성인 root는 옵저버의 타겟 엘리먼트가 속한 화면의 경계, 즉 viewport의 bounding box 처럼 취급되는 Element 이나 Document 를 식별합니다. |
||
| 318 | Location | API, HTML DOM, Interface, Location, Reference |
Location 인터페이스는 객체가 연결된 장소(URL)를 표현합니다. |
||
| 319 | Location.reload() | API, HTML DOM, Location, Method, Reference |
Location.reload() 메서드는 새로고침 버튼처럼 현재 리소스를 다시 불러옵니다. |
||
| 320 | Media Capture and Streams API (미디어 스트림) | API, Media, Media Capture and Streams, Media Capture and Streams API, Media Streams API, Overview |
| Media Streams API, 짧게는 MediaStream API라고 불리는 Media Capture and Streams API는 오디오와 비디오 데이터 스트리밍을 지원하는 WebRTC 관련 API 입니다. 이 API는 미디어 스트림과 스트림을 구성하는 트랙, 데이터 형식과 관련된 제한인자, 데이터를 비동기적으로 사용할 때의 성공과 오류 콜백, 그리고 이 과정에서 발생하는 이벤트에 대한 인터페이스 및 메서드를 제공합니다. | ||
| 321 | MediaDevices | API, Interface, Media, Media Capture and Streams API, Media Streams API, MediaDevices, Reference, Screen Capture API, WebRTC |
MediaDevices 인터페이스는 카메라, 마이크, 공유 화면 등 현재 연결된 미디어 입력 장치로의 접근 방법을 제공하는 인터페이스입니다. 다르게 말하자면, 미디어 데이터를 제공하는 모든 하드웨어로 접근할 수 있는 방법입니다. |
||
| 322 | MediaDevices.enumerateDevices() | |
MediaDevices의 enumerateDevices() 메서드는 사용(또는 접근)이 가능한 미디어 입력장치나 출력장치들의 리스트를 가져옵니다. 예를 들면 마이크, 카메라, 헤드셋 등의 미디어 입/출력 장치 리스트를 불러오는 것 이죠. |
||
| 323 | MediaDevices.getUserMedia() | API, Media, Media Capture and Streams API, Media Streams API, MediaDevices, Method, Reference, WebRTC |
MediaDevices 인터페이스의 getUserMedia() 메서드는 사용자에게 미디어 입력 장치 사용 권한을 요청하며, 사용자가 수락하면 요청한 미디어 종류의 트랙을 포함한 MediaStream을 반환합니다. |
||
| 324 | MediaStream Image Capture API | API, MediaStream, MediaStream Image Capture API, Overview, Reference, 비디오, 사진, 이미지 |
| MediaStream Image Capture API는 촬영 장치를 사용해 이미지와 비디오를 캡처하기 위한 API입니다. 그러나 데이터 캡처 외에도 이미지 해상도, 적목 현상 감소 기능, 플래시 존재 유무와 현재 사용 여부 등 장치 사양에 대한 정보를 가져올 때에도 사용할 수 있습니다. 거꾸로, Image Capture API를 사용하면 현재 장치의 허용 범위 안에서 해당 기능을 조정할 수도 있습니다. | ||
| 325 | MediaStreamTrack | API, Interface, Media, Media Capture and Streams API, Media Streams API, MediaStreamTrack, Reference, WebRTC |
MediaStreamTrack 인터페이스는 스트림 내의 단일 미디어 트랙을 나타냅니다. 보통 오디오와 비디오 트랙이지만, 다른 종류도 존재할 수 있습니다. |
||
| 326 | MediaStreamTrack.applyConstraints() | API, Media Capture and Streams API, Media Streams API, MediaStreamTrack, Method |
MediaStreamTrack 인터페이스의 applyConstraints() 메서드는 트랙에 제약을 적용합니다. 제약을 통해 웹 사이트와 앱은 프레임 레이트, 해상도, 플래시 여부 등, 제약 가능한 속성을 자신이 바라는 이상적인 값과 허용 가능한 범위로 제한할 수 있습니다. |
||
| 327 | MediaStreamTrack.clone() | API, Media Capture and Streams API, Media Streams API, MediaStreamTrack, Method, Reference |
MediaStreamTrack 인터페이스의 clone() 메서드는 MediaStreamTrack 객체의 사본을 반환합니다. 사본은 새로운 MediaStreamTrack.id를 제외하면 모든 값이 원본과 동일합니다. |
||
| 328 | MediaStreamTrack.enabled | Media, Media Capture and Streams, MediaStreamTrack, Property, Reference, WebRTC |
MediaStreamTrack 인터페이스의 enabled 속성은 트랙이 소스 스트림을 렌더링 할 수 있으면 true, 아니면 false를 반환합니다. enabled 속성을 사용해 음소거 기능을 구현할 수 있습니다. |
||
| 329 | MediaStreamTrack.getCapabilities() | API, Media Capture and Streams API, Media Streams API, MediaStreamTrack, Method, Reference |
MediaStreamTrack 인터페이스의 getCapabilities() 메서드는 user agent가 지원하는 각각의 제약 조건에 적용할 수 있는 값이나 값의 범위를 나타내는 MediaTrackCapabilities 객체를 반환합니다. |
||
| 330 | MediaStreamTrack.getConstraints() | API, Media Capture and Streams API, Media Streams API, MediaStreamTrack, Method, Reference |
MediaStreamTrack 인터페이스의 getConstraints() 메서드는 현재 트랙에서 마지막으로 호출한 MediaStreamTrack.applyConstraints 메서드로 설정한 제약을 포함한 객체를 반환합니다. 반환한 제약 값은 웹 사이트나 애플리케이션이 제약 속성에 지정한 특정 값 또는 값의 범위 조건을 나타냅니다. |
||
| 331 | MediaStreamTrack.getSettings() | API, Media Capture and Streams, MediaStreamTrack, Method, Reference |
MediaStreamTrack 인터페이스의 getSettings() 메서드는 트랙의 각 제약 속성에 지금 적용된 값을 담은 MediaTrackSettings 객체를 반환합니다. |
||
| 332 | MediaStreamTrack.id | Media Capture and Streams, MediaStreamTrack, Property, Read-only, Reference, WebRTC |
MediaStreamTrack.id 읽기 전용 속성은 user agent가 생성하는, 트랙의 전역 고유 식별자(GUID)를 담은 DOMString을 반환합니다. |
||
| 333 | MediaStreamTrack.kind | Media Capture and Streams, MediaStreamTrack, Property, Read-only, Reference, WebRTC |
MediaStreamTrack.kind 읽기 전용 속성은 트랙이 오디오인 경우 "audio", 비디오인 경우 "video"인 DOMString을 반환합니다. |
||
| 334 | MediaStreamTrack.label | Media Capture and Streams, MediaStreamTrack, Property, Read-only, Reference, WebRTC |
MediaStreamTrack.label 읽기 전용 속성은 user agent가 트랙 소스를 식별하기 위해 지정한 레이블을 담은 DOMString을 반환합니다. |
||
| 335 | MediaStreamTrack.muted | API, Media, Media Capture and Streams, MediaStreamTrack, Property, Read-only, Reference |
MediaStreamTrack 인터페이스의 muted 읽기 전용 속성은 트랙이 현재 미디어 출력을 제공할 수 없는 상태인지를 나타내는 Boolean을 반환합니다. |
||
| 336 | MediaStreamTrack.readyState | API, Media Capture and Streams, MediaStreamTrack, Property, Read-only, Reference |
MediaStreamTrack.readyState 읽기 전용 속성은 트랙의 상태를 나타내는 열거형 값을 반환합니다. |
||
| 337 | MediaStreamTrack.stop() | API, Media, Media Capture and Streams API, Media Streams API, MediaStreamTrack, Method, Reference, WebRTC |
MediaStreamTrack.stop() 메서드는 트랙을 정지합니다. |
||
| 338 | MediaTrackConstraints | |
MediaTrackConstraints 연관 배열은 트랙의 기능 및 기능이 받는 값 또는 값의 범위를 설명합니다. MediaStreamTrack.applyConstraints에 전달해서, 스크립트가 일련의 필수(일치) 조건과 선호 조건의 값과 범위를 트랙에 설정할 수 있으며, 가장 최근에 설정한 사용자 지정 제약은 MediaStreamTrack.getConstraints를 호출해 가져올 수 있습니다. |
||
| 339 | MessageEvent | |
MessageEvent 는 WebSocket 또는 WebRTC RTCDataChannel 으로 된 타겟으로 부터 전달받은 메시지를 보여주는 interface 입니다. |
||
| 340 | MouseEvent | |
MouseEvent 인터페이스는 특정 지점을 가리키는 장치를 통해 발생하는 이벤트를 의미한다 (마우스 등). 주로 사용되는 이벤트로는 click, dblclick, mouseup, mousedown가 있다. |
||
| 341 | MouseEvent.clientX | |
| CSSOM 뷰 모듈에 의해 재정의된 이중 부동 소수점 값. 원래 이 속성은 긴 정수로 정의되었다. 자세한 내용은 "브라우저 호환성" 섹션을 참조하십시오. | ||
| 342 | MutationObserver | |
MutationObserver 는 개발자들에게 DOM 변경 감시를 제공합니다. DOM3 이벤트 기술 설명서에 정의된 Mutation Events 를 대체합니다. |
||
| 343 | 내비게이션 타이밍(Navigation Timing) | |
| Navigation Timing API는 웹 사이트의 성능을 측정하는 데 사용할 수 있는 데이터를 제공합니다. 같은 목적에 사용했던 다른 JavaScript 기반 메커니즘과 다르게 이 API는 더 유용하고 정확한 종단 간(end-to-end) 대기 시간(latency)을 제공할 수 있습니다. | ||
| 344 | Navigator | API, DOM, Interface, Navigator, Reference, Web |
Navigator 인터페이스는 user agent의 상태와 신원 정보를 나타냅내며, 스크립트로 해당 정보를 질의할 때와 애플리케이션을 특정 활동에 등록할 때 사용합니다. |
||
| 345 | window.navigator.battery | |
battery 객체는 시스템의 배터리 충전 상태에 대한 정보를 제공합니다. 배터리의 충전 상태가 변화할때 발생하는 이벤트에 대한 처리도 가능 합니다. 이 객체는 Battery Status API 의 구현입니다. 보다 자세한 내용, API, 샘플 코드 등은 문서를 참고 해 주세요. |
||
| 346 | window.navigator.connection | |
| 네트워크 정보 API는 사용자 기기의 현재 대역폭이나 연결이 과금되는 지와 같은 정보를 알려줍니다. 이를 이용해서 사용자의 연결에 기반해서 높은 품질의 콘텐츠를 제공할지 낮은 품질의 콘텐츠를 제공할지 선택할 수 있습니다. | ||
| 347 | Navigator.geolocation | API, Geolocation API, Navigator, Property, Reference, Secure context |
Navigator.geolocation 읽기 전용 속성은 웹에서 장치의 위치를 알아낼 때 사용할 수 있는 Geolocation 객체를 반환합니다. 웹 사이트나 웹 앱은 위치정보를 사용해 결과 화면을 맞춤 설정할 수 있습니다. |
||
| 348 | Navigator.mediaDevices | Media, Media Capture and Streams API, Media Streams API, Navigator, Property, Read-only, Reference, Web |
Navigator.mediaDevices 읽기 전용 속성은 카메라, 마이크, 화면 공유와 같이 현재 연결된 미디어 입력 장치에 접근할 수 있는 MediaDevices 객체를 반환합니다. |
||
| 349 | Navigator.registerProtocolHandler() | API, DOM, Method, Navigator, Reference |
Navigator.registerProtocolHandler() 메서드는 웹 사이트가 특정 URL 스킴("프로토콜")을 열거나 처리할 수 있도록 등록합니다. |
||
| 350 | Navigator.share | |
Navigator.share() 메소드는 Web Share API 의 부분으로서 디바이스의 네이티브 공유하기 메커니즘을 작동시킨다. Web Share API 가 지원되지 않는다면, 이 메소드는 undefined 일 것이다. |
||
| 351 | Network Information API | |
네트워크 정보 API는 사용자 기기의 현재 대역폭이나 과금이 되는 연결인지와 같은 시스템의 연결 정보를 알려줍니다. 이를 이용해서 사용자에게 높은 용량의 콘텐츠를 제공할지 낮은 용량의 콘텐츠를 제공할지 사용자의 연결 상태에 따라서 제공할 수 있습니다. 전체 API는 DOM에 추가된 단일한 객체로 구성되어 있습니다: window.navigator.connection. |
||
| 352 | NetworkInformation | API |
The NetworkInformation interface provides information about the connection a device is using to communicate with the network and provides a means for scripts to be notified if the connection type changes. The NetworkInformation interfaces cannot be instantiated. It is instead accessed through the connection property of the Navigator interface. |
||
| 353 | Node | DOM, Node |
Node는 여러 가지 DOM 타입들이 상속하는 인터페이스이며 그 다양한 타입들을 비슷하게 처리할 수 있게 한다. 예를들어, 똑같은 메소드를 상속하거나 똑같은 방식으로 테스트를 할수있다 |
||
| 354 | Node.appendChild() | 노드 붙이기, 노드 이동, 돔 |
Node.appendChild() 메소드는 한 노드를 특정 부모 노드의 자식 노드 리스트 중 마지막 자식으로 붙입니다. 만약 주어진 노드가 이미 문서에 존재하는 노드를 참조하고 있다면 appendChild() 메소드는 노드를 현재 위치에서 새로운 위치로 이동시킵니다. (문서에 존재하는 노드를 다른 곳으로 붙이기 전에 부모 노드로 부터 지워버릴 필요는 없습니다.) |
||
| 355 | element.childNodes | DOM, Gecko, Gecko DOM Reference |
| childNodes는 주어진 요소의 자식 노드 모음( collection )을 반환합니다. | ||
| 356 | 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. |
||
| 357 | Node.contains() | |
Node.contains() 메소드는 주어진 인자가 node 의 자손인지, 아닌지에 대한 Boolean 값을 리턴합니다. |
||
| 358 | element.firstChild | DOM, Gecko |
트리에서 노드의 첫 번째 자식이나 null(노드가 자식이 없으면)을 반환합니다. |
||
| 359 | Node.hasChildNodes() | API, DOM, Method, Node |
Node.hasChildNodes() 메소드는 현재 노드(Node)에게 자식노드(child nodes)가 있는지를 Boolean 값으로 반환합니다. |
||
| 360 | Node.insertBefore() | |
Node.insertBefore() 메소드는 참조된 노드 앞에 특정 부모 노드의 자식 노드를 삽입합니다. 만약 주어진 자식 노드가 document에 존재하는 노드를 참조한다면, insertBefore() 가 자식 노드를 현재 위치에서 새로운 위치로 옮깁니다. (노드를 다른 노드에 추가하기 전에 상위 노드에서 제거할 필요가 없습니다) |
||
| 361 | element.lastChild | DOM, Gecko, Gecko DOM Reference |
| lastChild는 노드의 마지막 자식을 반환합니다. | ||
| 362 | Node.nextSibling | API, DOM, Gecko, Node, Property |
읽기 전용 속성인 Node.nextSibling 은 부모의 Node.childNodes 목록에서 지정된 노드 바로 다음에 있는 노드를 반환하거나 지정된 노드가 해당 목록의 마지막 노드이면 null 값을 반환합니다. |
||
| 363 | Node.normalize() | API, DOM, NeedsSpecTable, 노드, 레퍼런스, 메소드 |
Node.normalize() 메소드는 지정된 노드와 하위 트리의 모든 노드를 "정규화된" 형태로 놓습니다. 정규화된 하위 트리의 텍스트 노드는 비어있지 않으며 인접한 텍스트 노드도 존재하지 않습니다. |
||
| 364 | Node.ownerDocument | |
Node.ownerDocument 읽기 전용 속성은 이 node 의 최상위 document 객체를 반환합니다. |
||
| 365 | Node.previousSibling | |
Node.previousSibling은 읽기전용 속성이며 현재 호출하는 노드가 속해 있는 부모의 Node.childNodes 목록에서 특정 자식 노드를 리턴하거나 childNodes 목록의 첫번째 노드일 경우 Null값을 리턴합니다. |
||
| 366 | Node.replaceChild() | 노드 교체, 돔 조작, 자바스크립트 |
Node.replaceChild() 메소드는 특정 부모 노드의 한 자식 노드를 다른 노드로 교체합니다. |
||
| 367 | Node.textContent | API, DOM, Node, Property, Reference |
Node 인터페이스의 textContent 속성은 노드와 그 자손의 텍스트 콘텐츠를 표현합니다. |
||
| 368 | NodeFilter | API, DOM, Reference |
NodeFilter 인터페이스는 NodeIterator나 TreeWalker에서 노드를 거를 때 사용하는 객체를 나타냅니다. |
||
| 369 | NodeList | DOM, Interface |
NodeList 객체는 일반적으로 element.childNodes와 같은 속성(property)과 document.querySelectorAll 와 같은 메서드에 의해 반환되는 노드의 콜렉션입니다. |
||
| 370 | NodeList.entries() | |
NodeList.entries() 메서드는 이 객체에 포함된 모든 key/value 쌍을 통과하는 Iteration_protocols 를 반환합니다. 이 값(value)은 Node 객체입니다. |
||
| 371 | NodeList.prototype.forEach() | |
NodeList 인터페이스의 forEach() 메서드는 리스트 내의 각각의 값 쌍에 대해 매개 변수에 지정된 콜백을 삽입 순서로 호출합니다. |
||
| 372 | NodeList.item() | |
NodeList 의 node를 index로 돌려줍니다. 이 메서드는 인수(arguments)를 제공하는 한 exceptions 을 throw 하지 않습니다. index가 범위를 벗어나면 null 값이 반환되고, 인수가 제공되지 않으면 TypeError 가 throw 됩니다. |
||
| 373 | NodeList.keys() | |
NodeList.keys() 메서드는 이 객체에 포함된 모든 키를 통과할 수 있는 Iteration_protocols 를 반환합니다. 이 키는 부호없는 정수형(unsigned integer) 입니다. |
||
| 374 | element.length | DOM, Gecko, Gecko DOM Reference |
length는 NodeList의 항목수를 반환합니다. |
||
| 375 | NodeList.values() | |
NodeList.values() 메서드는 이 객체에 포함된 모든 값을 통과할 수 있는 Iteration_protocols를 반환합니다. 값은 Node 객체 입니다. |
||
| 376 | Notification | |
Notifications API의 Notification 인터페이스는 사용자에게 데스크톱 알림을 설정하고 보여주는데 사용됩니다. |
||
| 377 | Notification.permission | |
permission 속성은 웹 알림에 있어서 사용자에 의해 현재 앱에 허가된 현재 권한을 가리킵니다. |
||
| 378 | Notifications API | 권한, 시스템, 알림 |
| Notifications API 는 웹 페이지가 일반 사용자에게 시스템 알림 표시를 제어할 수 있게 해줍니다. 이러한 알람은 최상단 브라우징 컨텍스트 뷰포트의 바깥에 위치하므로 사용자가 탭을 변경하거나 다른 앱으로 이동했을때에도 표시할 수 있습니다. 이 API 는 다양한 플랫폼에 존재하는 알림 시스템과 호환되도록 디자인되었습니다. | ||
| 379 | 알림 API 사용하기 | |
| 웹 페이지나 앱에서 알림(Notifications) API를 사용하면 페이지 외부에 표시되는 알림을 보낼 수 있습니다. 이것은 시스템 레벨에서 처리되는 것으로 애플리케이션이 유휴 상태거나 백그라운드에 있더라도 웹 앱이 사용자에게 정보를 보낼 수 있습니다. 이 글에서는 여러분의 앱에서 이 API를 사용하기 위한 기초를 알아봅니다. | ||
| 380 | NotifyAudioAvailableEvent | |
| This interface defines the event for audio elements triggered when the Audiobuffer is full. | ||
| 381 | OffscreenCanvas | API, Canvas, Experimental, Interface, Reference |
OffscreenCanvas는 화면 밖에서 렌더링되는 캔버스 인터페이스입니다. window 객체와 worker 객체 모두 지원합니다. |
||
| 382 | OffscreenCanvas.getContext() | |
OffscreenCanvas.getContext() 메소드는 offscreen 캔버스를 위한 드로잉 컨텍스트 반환합니다. 컨텍스트 식별자가 지원되는 상황이 아닐 경우 null를 반환합니다. |
||
| 383 | OffscreenCanvas.height | API, Canvas, Experimental, OffscreenCanvas, Property, Reference |
height 프로퍼티는 OffscreenCanvas 객체에 할당된 높이를 반환합니다. |
||
| 384 | OffscreenCanvas() | API, Canvas, Constructor, Experimental, OffscreenCanvas, Reference, WebGL |
OffscreenCanvas() 생성자는 새롭게 초기화된 OffscreenCanvas 객체를 반환합니다. |
||
| 385 | OffscreenCanvas.width | API, Canvas, Experimental, OffscreenCanvas, Property, Reference |
width 프로퍼티는 OffscreenCanvas 객체에 할당된 너비를 반환합니다. |
||
| 386 | Page Visibility API | API, DOM, Documents, Tutorials |
| Page Visibility API는 웹페이지가 visible 또는 focus 상태인지 당신이 알도록 한다. | ||
| 387 | Performance | API, Interface, Navigation Timing, NeedsTranslation, Performance, Reference, TopicStub, Web Performance |
The Performance interface represents timing-related performance information for the given page. |
||
| 388 | performance.mark() | API, Method, Reference, Web Performance |
mark() 메소드는 브라우저의 performance entry buffer에 주어진 이름으로 DOMHighResTimeStamp를 생성합니다. timestamp가 정의된 응용프로그램은 Performance 인터페이스의 getEntries*() 메소드들을 통해 불러올 수 있습니다. (Performance.getEntries, Performance.getEntriesByName, Performance.getEntriesByType). |
||
| 389 | performance.now() | Performance, performance.now |
The performance.now() method returns a DOMHighResTimeStamp, measured in milliseconds. |
||
| 390 | PerformanceEntry | |
PerformanceEntry 객체는 performance timeline 상의 단일 성능 수치를 캡슐화 합니다. performance entry는 응용프로그램의 특정 지점에서 performance PerformanceMark나 PerformanceMeasure를 생성함으로써 (예를 들면 Performance.mark를 호출하는 방법으로) 직접적으로 만들어질 수 있습니다. 또는 (이미지와 같은) 리소스를 로딩하는 등의 간접적인 방법으로 생성되기도 합니다. |
||
| 391 | PhotoCapabilities | API, Experimental, Interface, MediaStream Image Capture API, PhotoCapabilities, Reference |
MediaStream Image Capture API의 PhotoCapabilities 인터페이스는 장착된 촬영 장치에서 사용 가능한 설정 옵션을 제공합니다. PhotoCapabilities 객체는 ImageCapture.getPhotoCapabilities()를 사용해 가져올 수 있습니다.. |
||
| 392 | Plugin | API, Add-ons, DOM, NeedsContent, Plug-in, Plugins |
| 플러그 인 인터페이스는 브라우저 플러그 인에 대한 정보를 제공합니다. | ||
| 393 | PositionOptions | API, Geolocation API, Interface, PositionOptions, Reference, Secure context |
PositionOptions 인터페이스는 Geolocation.getCurrentPosition()과 Geolocation.watchPosition()의 매개변수로 전달할 옵션 속성을 포함한 개체를 나타냅니다. |
||
| 394 | Proximity Events | API, Deprecated, Experimental, Proximity Events, Reference |
| 근접 이벤트는 사용자가 디바이스에 가까이 갔을 때를 알 수 있는 간단한 방법이다. 예를 들어, 사용자에게 전화가 걸려왔을 때 디바이스에 귀를 가까이하면, 근접 이벤트들은 스마트폰의 화면이 꺼지게 하여 이러한 변화에 대응할 수 있게 해준다. | ||
| 395 | Push API | |
| Push API는 웹 애플리케이션이 현재 로딩이 되어 있지 않더라도 서버로부터 메시지를 받을 수 있도록 하는 기능이다. 이는 개발자들이 비동기적으로 사용자에게 새로운 내용을 시기적절하게 전달할 수 있도록 만들어 준다. | ||
| 396 | PushManager | API, Experimental, Interface, Push, Push API, Reference, Service Workers, 푸시, 푸시 알림 |
Push API의 PushManager 인터페이스는 서드파티 서버에서 알림을 수신하거나, URL에 푸시 알림을 요청하는 방법을 제공합니다. |
||
| 397 | PushMessageData | |
The PushMessageData interface of the Push API provides methods which let you retrieve the push data sent by a server in various formats. |
||
| 398 | range | API, DOM, Reference |
Range 객체는 주어진 document 내의 텍스트 노드들의 부분들(parts)과 document의 단편화에 포함된 노드들을 나타내고 있다. |
||
| 399 | Range.selectNodeContents() | API, DOM, Method, Range |
Range.selectNodeContents()는 Node의 내용을 포함하는 Range를 설정합니다. |
||
| 400 | ReadableStream | |
Streams API의 ReadableStream 인터페이스는 바이트 데이터를 읽을수 있는 스트림을 제공합니다. Fetch API는 Response 객체의 body 속성을 통하여 ReadableStream의 구체적인 인스턴스를 제공합니다. |
||
| 401 | Request | |
Fetch API의 Request는 리퀘스트 리소스를 표현해주는 인터페이스입니다. |
||
| 402 | Request.credentials | API, Cookies, Fetch, Networking, Property, Reference, Security, credentials, request |
Request 인터페이스의 credentials 읽기 전용 속성은 cross-origin 요청의 경우, user agent가 다른 도메인으로부터 cookie 들을 전달해야만 하는가 아닌가를 나타낸다. 이것은 XHR 의 withCredentials flag 과 비슷하지만, (2개가 아니라) 3가지 값이 사용 가능하다 : |
||
| 403 | Request() | |
Request() 생성자는 새로운 Request 객체를 생성하도록 도와줍니다. |
||
| 404 | RTCConfiguration | API, Dictionary, Interface, RTCConfiguration, WebRTC |
RTCConfiguration는 RTCPeerConnection의 설정에 대한 옵션들을 제공합니다. 연결이 처음으로 이루어질 때 RTCPeerConnection 생성자에 전달되거나, 연결이 확립된 동안 설정을 확인하고 변경이 가능한RTCPeerConnection.getConfiguration() 및 RTCPeerConnection.setConfiguration() 메소드와 같이 사용됩니다. |
||
| 405 | RTCDataChannelEvent | |
RTCDataChannelEvent() 생성자는 datachannel을 나타내는 신규 RTCDataChannelEvent 객체를 반환합니다. 이 이벤트는 두 피어 사이에서 원격 피어가 RTCDataChannel을 개통하도록 요청되었을때, RTCPeerConnection 에 전달됩니다. |
||
| 406 | RTCDataChannelEvent.channel | |
읽기 속성인 RTCDataChannelEvent.channel는 RTCDataChannel와 관련이 있는 이벤트를 반환합니다. |
||
| 407 | RTCDataChannelEvent() | |
RTCDataChannelEvent() 생성자는 새로운 RTCDataChannelEvent를 생성합니다. |
||
| 408 | RTCIceCandidate | |
RTCIceCandidate 인터페이스는 WebRTC API의 한 종류로서, RTCPeerConnection을 구축 할 때 사용되기도하는 Internet Connectivity Establishment (ICE)의 후보군 (candidate)를 말합니다. |
||
| 409 | RTCIceCandidate.candidate | |
RTCIceCandidate 인터페이스에 대한 읽기 속성인 candidate는 candidate에 대해 자세히 설명해주는 DOMString를 반환합니다. |
||
| 410 | RTCIceCandidate. toJSON() | |
RTCIceCandidate 메소드인 toJSON()은 JSON 형식으로 호출된 RTCIceCandidate를 RTCIceCandidateInit 객체 형식으로 변환합니다. . |
||
| 411 | RTCPeerConnection | |
RTCPeerConnection 인터페이스는 로컬 컴퓨터와 원격 피어 간의 WebRTC 연결을 담당하며 원격 피어에 연결하기 위한 메서드들을 제공하고, 연결을 유지하고 연결 상태를 모니터링하며 더 이상 연결이 필요하지 않을 경우 연결을 종료합니다. |
||
| 412 | RTCPeerConnection.addIceCandidate() | |
RTCPeerConnection을 사용하는 웹이나 앱이 신규 ICE candidate를 signaling 채널을 통해 원격 유저로부터 수신하게되면, RTCPeerConnection.addIceCandidate()를 호출해서 브라우저의 ICE 에이전트에게 새로 수신한 candidate를 전달합니다. |
||
| 413 | RTCPeerConnection.addTrack() | |
RTCPeerConnection의 메소드인 addTrack()은 다른 유저에게 전송될 트랙들의 묶음에 신규 미디어 트랙을 추가합니다. |
||
| 414 | RTCPeerConnection.canTrickleIceCandidates | |
읽기 속성인 RTCPeerConnection 속성의 canTrickleIceCandidates는 원격유저가 trickled ICE candidates를 승인 할 수 있는지의 여부를 알려주는 Boolean을 반환합니다. |
||
| 415 | RTCPeerConnection.close() | |
RTCPeerConnection.close() 메소드로 피어 연결을 종료합니다. |
||
| 416 | RTCPeerConnection.connectionState | |
RTCPeerConnection 인터페이스의 읽기 속성인 connectionState는 피어 연결의 현재 상태를 알려줍니다. 이 속성은 RTCPeerConnectionState enum 값 중 하나를 문자열로 반환해줍니다. |
||
| 417 | RTCPeerConnection.createAnswer() | |
RTCPeerConnection 인터페이스의 createAnswer() 메소드는 WebRTC 연결 중 발생하는 offer/answer 네고시에이션에서 원격 유저로부터 받은 offer에 대한 SDP answer를 생성합니다. 이 answer는 세션이 이미 부착된 미디어, 브라우저에서 지원하는 코덱 및 옵션, 그리고 이미 수집된 ICE candidate에 대한 정보를 담고 잇습니다. Answer는 반환 된 Promise에 전달되고, 그 다음에는 네고시에이션 과정을 계속 진행하기 위해서 offer의 소스에게 전달되야합니다. |
||
| 418 | RTCPeerConnection.createDataChannel() | |
RTCPeerConnection 인터페이스의 createDataChannel() 메소드는 어떤 형식의 데이터든 송신 할 수 있도록 원격 유저와 연결하는 신규 채널을 생성합니다. |
||
| 419 | RTCPeerConnection.currentLocalDescription | |
읽기 속성인 RTCPeerConnection.currentLocalDescription은 가장 최근에 RTCPeerConnection가 성공적으로 네고시에이션을 마치고 원격 피어와 연결된, 연결인터페이스의 로컬 엔드를 설명하는 RTCSessionDescription 객체를 반환합니다. 이외에도 설명에 의해 offer 혹은 answer가 처음으로 인스턴스화 되면 ICE 에이전트에 의해 이미 생성됬을수도 있는 ICE candidate 목록이 포함되어 있습니다. |
||
| 420 | RTCPeerConnection.currentRemoteDescription | |
읽기 속성인 RTCPeerConnection.currentRemoteDescription은 마지막 RTCPeerConnection 이후 가장 최근에 원격 유저와의 네고시에이션 및 연결을 성공적으로 마친 연결의 원격 엔드 포인트를 알려주는 RTCSessionDescription 객체를 반환합니다. 추가적으로 이 속성은 description에 의해 표현되는 마지막 offer 및 answer가 처음 시작되면 ICE 에이전트에 의해 생성이 되었을 수도 있는 모든 ICE candidate들의 리스트를 포함합니다. |
||
| 421 | RTCPeerConnection.generateCertificate() | |
RTCPeerConnection 인터페이스의 generateCertificate() 메소드는 X.509 인증서와 해당하는 개인 키를 생성하고 저장합니다. 그리고 접근이 가능한 RTCCertificate를 반환합니다. |
||
| 422 | RTCPeerConnection.getConfiguration() | |
RTCPeerConnection.getConfiguration() 메소드는 호출 된 RTCPeerConnection의 현재 설정을 알려주는 RTCConfiguration 객체를 반환합니다. |
||
| 423 | RTCPeerConnection.getIdentityAssertion() | |
RTCPeerConnection.getIdentityAssertion() 메소드는 식별 주장의 수집을 시작합니다. 이 메소드는 RTCPeerConnection.signalingState가 "closed" 상태가 아닐 때에만 유효합니다. |
||
| 424 | RTCPeerConnection.getReceivers() | |
RTCPeerConnection.getReceivers() 메소드는 RTCRtpReceiver 객체의 배열을 반환합니다. 이 배열의 각 요소들은 RTP 리시버를 나타냅니다. 각각의 RTP 리시버는 RTCPeerConnection에 대한 MediaStreamTrack의 데이터를 수신하고 디코딩 합니다. |
||
| 425 | RTCPeerConnection.getSenders() | |
RTCPeerConnection의 getSenders() 메소드는 RTCRtpSender 객체의 배열을 반환합니다. 배열의 각 객체는 하나의 트랙의 데이터의 송신을 담당하는 RTP sender를 나타냅니다. |
||
| 426 | RTCPeerConnection.getTransceivers() | |
RTCPeerConnection 인터페이스의 getTransceivers() 메소드는 연결에서 데이터 전송 및 수신에 사용되는 RTCRtpTransceiver 객체의 리스트를 반환합니다. |
||
| 427 | RTCPeerConnection.iceGatheringState | |
읽기 속성인 RTCPeerConnection.iceGatheringState는 연결 인터페이스의 ICE 수집 상태를 알려주는 RTCIceGatheringState타입의 Enum을 반환합니다. 이 속성을 활용하면, ICE candidate 수집 과정이 언제 종료되는지 감지 할 수 있습니다. |
||
| 428 | RTCPeerConnection: icegatheringstatechange event | |
icegatheringstatechange 이벤트는 ICE candidate 수집 과정이 변경되면, RTCPeerConnection의 이벤트 핸들러인 RTCPeerConnection.onicegatheringstatechange로 전달됩니다. |
||
| 429 | RTCPeerConnection.localDescription | |
읽기 속성인 RTCPeerConnection.localDescription는 연결의 로컬 엔드에 대한 세션을 설명하는 RTCSessionDescription를 반환합니다. 아직 설정이 안되어있다면, null 입니다. |
||
| 430 | RTCPeerConnection.onconnectionstatechange | |
RTCPeerConnection.onconnectionstatechange 속성에 RTCPeerConnection 인스턴스에서 발생하는 connectionstatechange 이벤트를 처리하기 위해 호출되는 Event_handlers를 정의하게됩니다. 이 이벤트는 연결의 상태 집합체가 변할 때마다 발생합니다. 이 상태 집합체는 연결에 의해 사용되는 각각의 네트워크 전송 상태들의 묶음입니다. |
||
| 431 | RTCPeerConnection.ondatachannel | |
RTCPeerConnection.ondatachannel 속성은 RTCPeerConnection에서 발생하는 datachannel 이벤트에 의해 호출되는 Event_handlers입니다. 이 속성에는 함수를 정의하게됩니다. RTCDataChannelEvent의 한 종류인 이 이벤트는 원격 유저가 RTCPeerConnection.createDataChannel를 호출해서 연결에 RTCDataChannel가 추가되었을 때, 전달됩니다. |
||
| 432 | RTCPeerConnection.onicecandidate | |
RTCPeerConnection 속성의 RTCPeerConnection.onicecandidate 는 RTCPeerConnection 인스턴스에서 icecandidate 이벤트 발생시에 호출 하려는 함수를 지정합니다. 이 이벤트는 로컬 ICE 에이전트가 signaling 서버를 통해 원격 피어에게 메세지를 전달 할 필요가 있을때 마다 발생합니다. 그리고 ICE 에이전트가 signaling에 사용되는 기술에 대한 구체사항을 모르더라도 원격 피어와의 네고시에이션을 수행하도록 도와줍니다. 어떤 메세징 기술을 선택하던간에, 이 메소드를 사용해서 원격 피어에 ICE candidate를 전달하는 과정을 간단하게 구현 할 수 있습니다. |
||
| 433 | RTCPeerConnection.onicegatheringstatechange | |
RTCPeerConnection.onicegatheringstatechange속성은 icegatheringstatechange 이벤트가 RTCPeerConnection에 전달될 때 호출이되는 함수를 정의하는 Event_handlers입니다. 이이벤트는 ICE 에이전트가 ICE candidate를 수집을 하는지의 여부를 알려주는 ICE 수집 상태가 변하면 발생합니다. 하지만, ICE 수집 상태를 모니터링 해야하는 특별한 이유가 없으면 이 이벤트를 감시 할 필요는 없습니다. |
||
| 434 | RTCPeerConnection.ontrack | |
RTCPeerConnection 속성인 ontrack은 RTCPeerConnection에 트랙이 등록됨을 알려주는 track가 발생하면 호출되는 함수를 지정하는 Event_handlers입니다. |
||
| 435 | RTCPeerConnection.removeTrack() | |
RTCPeerConnection.removeTrack() 메소드는 RTCPeerConnection.getSenders()에 의해 보고된 발신자 목록에서 해당 RTCRtpSender를 실제로 제거하지 않은채, 지정한 트랙에서 미디어 전송을 중단하도록 연결의 로컬엔드에 알려줍니다. |
||
| 436 | RTCPeerConnection.restartIce() | |
WebRTC API의 RTCPeerConnection 인터페이스에서는 restartIce() 메소드를 제공해서 연결의 양쪽에서 ICE candidate의 재수집 요청을 간단하게 할 수 있게 만들어줍니다. |
||
| 437 | RTCPeerConnection() | |
RTCPeerConnection() 생성자는 로컬 기기와 원격 피어 간의 연결을 나타내는 RTCPeerConnection 객체를 새로 만들어 반환합니다. |
||
| 438 | RTCPeerConnection.setConfiguration() | |
RTCPeerConnection.setConfiguration() 메소드는 RTCConfiguration객체에 명시한 값을 가지고 RTCPeerConnection의 현재 설정을 지정합니다. 이 메소드를 사용해서 연결에서 사용되는 ICE 서버와 전송 정책을 변경 할 수 있습니다. |
||
| 439 | RTCPeerConnection.setIdentityProvider() | |
RTCPeerConnection.setIdentityProvider() 메소드는 이름, 통신에 사용된 프로토콜 (옵션), 유저 이름 (옵션)으로 구성된 세 가지 매개변수에 식별 제공자 (Identity Provider, IdP)를 지정합니다. IdP는 주장 (assertion)이 필요한 순간에만 사용 될 것입니다. |
||
| 440 | RTCPeerConnection.setLocalDescription() | |
RTCPeerConnection.setLocalDescription() 메소드는 연결 인터페이스와 관련이 있는 로컬 설명 (local description)을 변경합니다. 로컬 설명은 미디어 형식을 포함하는 연결의 로컬 엔드에 대한 속성을 명시합니다. |
||
| 441 | RTCPeerConnectionIceEvent | API, Experimental, Interface, NeedsTranslation, RTCIceCandidateEvent, Reference, TopicStub, WebRTC |
The RTCPeerConnectionIceEvent interface represents events that occurs in relation to ICE candidates with the target, usually an RTCPeerConnection. |
||
| 442 | RTCPeerConnectionIceEvent.candidate | |
RTCPeerConnectionIceEvent 인터페이스의 candidate 속성은 읽기 전용입니다. 이 속성은 RTCIceCandidate와 관련된 이벤트를 반환합니다. |
||
| 443 | RTCSessionDescription | API, Audio, Experimental, Interface, Media, NeedsTranslation, Reference, TopicStub, Video, Web, WebRTC |
The RTCSessionDescription interface describes one end of a connection—or potential connection—and how it's configured. Each RTCSessionDescription consists of a description RTCSessionDescription.type indicating which part of the offer/answer negotiation process it describes and of the SDP descriptor of the session. |
||
| 444 | RTCSessionDescription.sdp | |
읽기 속성인 RTCSessionDescription.sdp 는 세션에 대해 설명해주는 SDP를 가지고 있는 DOMString입니다. |
||
| 445 | RTCSessionDescription.type | |
읽기 전용 값인 RTCSessionDescription.type은 세션 설명의 타입을 알려주는 RTCSdpType타입의 값입니다. |
||
| 446 | Screen | API |
The Screen interface represents a screen, usually the one on which the current window is being rendered. |
||
| 447 | Screen.lockOrientation | |
lockOrientation 함수는 지정된 방향으로 화면을 고정시킨다. |
||
| 448 | window.screen.onorientationchange | |
orientationchange 이벤트를 화면 객체로 보내는 이벤트 핸들러이다. |
||
| 449 | Screen.orientation | |
orientation 속성은 화면의 현재 방향을 알려 준다. |
||
| 450 | window.screen.unlockOrientation | |
Screen.unlockOrientation() 함수는 이전의 page나 앱을 통해 지정한 화면 고정 값들을 모두 제거 한다. |
||
| 451 | selection | API, Experimental, Interface, Reference, Selection |
A Selection object represents the range of text selected by the user or the current position of the caret. To obtain a Selection object for examination or manipulation, call window.getSelection(). |
||
| 452 | Selection.toString() | |
Selection.toString() 메소드는 selection 객체가 현재 나타내는 문자열을 반환합니다. 즉, 현재 선택된 텍스트의 문자열. |
||
| 453 | Server-sent events | API, Overview, SSE, Server-sent events |
Server Sent Events |
||
| 454 | Server-Sent Events 사용하기 | Advanced, Communication, DOM, Guide, SSE, Server Sent Events, Server-sent events, messaging |
Server-Sent Events를 사용하는 웹 애플리케이션 개발은 매우 간단하다. 웹 애플리케이션으로 스트림 이벤트를 보내는 약간의 코드가 서버 상에 필요하지만, 웹 애플리케이션 측은 웹 소켓에서 이벤트를 다루는 방식과 거의 차이가 없다. |
||
| 455 | Service Worker API | API, Landing, Offline, Overview, Reference, Service Workers, Workers, 서비스 워커, 오프라인 |
| 서비스 워커는 웹 응용 프로그램, 브라우저, 그리고 (사용 가능한 경우) 네트워크 사이의 프록시 서버 역할을 합니다. 서비스 워커의 개발 의도는 여러가지가 있지만, 그 중에서도 효과적인 오프라인 경험을 생성하고, 네트워크 요청을 가로채서 네트워크 사용 가능 여부에 따라 적절한 행동을 취하고, 서버의 자산을 업데이트할 수 있습니다. 또한 푸시 알림과 백그라운드 동기화 API로의 접근도 제공합니다. | ||
| 456 | Using Service Workers | |
본 문서에서는 서비스 워커를 시작하기 위한 기본적인 아키텍처, 서비스 워커 등록, 새로운 서비스 워커의 설치와 활성화 과정, 서비스 워커 업데이트, 캐시 제어 및 사용자 정의 응답에 대한 정보를 오프라인 기능을 갖춘 간단한 예제를 통해 제공합니다. |
||
| 457 | ServiceWorker | API, Interface, Offline, Reference, Service Workers, ServiceWorker, Workers, 서비스 워커, 워커 |
Service Worker API의 ServiceWorker 인터페이스는 서비스 워커로의 참조를 제공합니다. 다수의browsing context(e.g. 페이지, 다른 워커, 등등)는 고유한 ServiceWorker 객체를 통해 동일한 서비스 워커와 연결할 수 있습니다. |
||
| 458 | ServiceWorker.onstatechange | |
statechange 타입의 이벤트가 발생될 때마다 호출되는 EventListener 속성. 기본적으로 ServiceWorker.state가 변경되는 시점에 발생한다. |
||
| 459 | ServiceWorkerGlobalScope | API, Draft, Interface, NeedsTranslation, Offline, Reference, Service Workers, ServiceWorkerGlobalScope, TopicStub, Workers |
The ServiceWorkerGlobalScope interface of the ServiceWorker API represents the global execution context of a service worker. |
||
| 460 | ServiceWorkerGlobalScope.clients | |
ServiceWorkerGlobalScope 인터페이스의 clients 읽기 전용 속성은 서비스 워커와 관련된 Clients 객체를 반환한다. |
||
| 461 | ServiceWorkerGlobalScope: notificationclick event | |
notificationclick 이벤트는 ServiceWorkerRegistration.showNotification() 에 의해 발생한 시스템 notification 이 클릭되었음을 나타내기 위해 발생된다. |
||
| 462 | ServiceWorkerGlobalScope.skipWaiting() | |
ServiceWorkerGlobalScope 의 ServiceWorkerGlobalScope.skipWaiting() 메소드는 waiting 상태의 서비스 워커를 active 상태의 서비스 워커로 변경하도록 강제한다. |
||
| 463 | ServiceWorkerRegistration | API, Interface, NeedsTranslation, Offline, Reference, Service Workers, Service worker API, ServiceWorkerRegistration, TopicStub, Workers |
The ServiceWorkerRegistration interface of the ServiceWorker API represents the service worker registration. You register a service worker to control one or more pages that share the same origin. |
||
| 464 | ServiceWorkerRegistration.active | |
ServiceWorkerRegistration 인터페이스의 active 속성은 ServiceWorker.state 가 activating 또는 activated 상태인 서비스 워커를 반환한다. 이 속성은 null 로 초기 설정되어 있다. |
||
| 465 | ServiceWorkerRegistration.installing | |
ServiceWorkerRegistration 인터페이스의 installing 속성은 ServiceWorker.state 가 installing 인 서비스 워커를 반환한다. 이 속성은 null 로 초기 설정되어 있다. |
||
| 466 | ServiceWorkerRegistration.navigationPreload | |
ServiceWorkerRegistration 인터페이스의 navigationPreload 읽기 전용 속성은 현재의 서비스 워커 등록와 관련된 NavigationPreloadManager 를 반환한다. |
||
| 467 | SharedWorker | |
SharedWorker 인터페이스는 윈도우 창이나 iframe, 워커등의 다른 브라우징 컨텍스트에서도 접근이 가능한 특정 종류의 워커를 의미합니다. 기존의 다른 종류의 워커들과 다른 전역 스코프를 갖는 인터페이스를 구현합니다. SharedWorkerGlobalScope. |
||
| 468 | Storage | API, Interface, Reference, Storage, Web Storage |
Web Storage API의 Storage 인터페이스는 특정 도메인을 위한 세션 저장소 또는 로컬 저장소의 접근 경로로서 데이터를 추가하고 수정하거나 삭제할 수 있습니다. |
||
| 469 | Storage.key() | 로컬 스토리지, 세션 스토리지, 웹 스토리지 |
Storage 인터페이스의 key() 메서드는 숫자 n이 전달되면 Storage의 n번째 key 이름을 반환합니다. key의 순서는 user-agent에 의해 정의되므로 이 순서에 의존성이 있어서는 안됩니다. |
||
| 470 | Storage.length | API, Property, Read-only, Reference, Storage, Web Storage |
Storage 인터페이스의 length 읽기 전용 속성은 Storage 객체에 저장된 데이터 항목의 수를 반환합니다. |
||
| 471 | Storage.removeItem() | 메소드, 스토리지, 웹 스토리지, 참고 |
Storage 인터페이스의 removeItem() 메소드에 키 이름을 파라미터로 전달하면 스토리지에서 해당 키를 삭제합니다. |
||
| 472 | StorageEvent | API, Event, Reference, StorageEvent, Web Storage, Web Storage API |
StorageEvent는 접근 가능한 저장소가 다른 문서에서 변경될 경우 window로 전송됩니다. |
||
| 473 | Streams API | API, Experimental, Landing, Reference, Streams, TopicStub |
| Streams API는 Javascript를 이용해 네트워크를 통해 전송된 데이터 스트림에 접근하여 원하는 대로 처리가 가능한 API를 제공합니다. | ||
| 474 | 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. | ||
| 475 | Using readable streams | |
| 자바스크립트 개발자로서, 프로그래밍적으로 네트워크로부터 받은 데이터 스트림을 Chunk단위로 읽고 다루는 것은 매우 유용합니다! 그러나 어떻게 스트림 API의 Readable stream을 잘 사용할수 있을까요. 이번 내용은 그것을 설명하고 있습니다. | ||
| 476 | StyleSheet | |
An object implementing the StyleSheet interface represents a single style sheet. CSS style sheets will further implement the more specialized CSSStyleSheet interface. |
||
| 477 | SVGRect | |
SVGRect는 직사각형을 의미합니다. 직사각형은 최소 x값과 최소 y값, 그리고 양수로 제한되는 폭과 높이를 식별하는 x와 y 좌표 쌍으로 구성됩니다. |
||
| 478 | Text | API, DOM, Interface, Reference |
Text 인터페이스는 Element 또는 Attr의 문자형 콘텐츠를 표현합니다. |
||
| 479 | Text.splitText() | API, DOM, Text, 메소드 |
Text.splitText() 메소드는 Text 노드를 지정된 오프셋에서 두 노드로 분리합니다. 두 노드는 sibling으로써 트리에 유지됩니다. |
||
| 480 | Text() | API, DOM, Text, 생성자, 실험중 |
Text() 생성자는 옵션인 파라미터로 주어진 문자형 컨텐츠인 DOMString 으로 새롭게 생성된 Text 객체를 반환합니다. |
||
| 481 | Touch events | |
| 터치를 기반으로 한 양질의 서비스를 제공하기 위해, Touch Events(터치이벤트)는 터치로 인한 움직임을 감지할 능력을 제공합니다. | ||
| 482 | TreeWalker | API, DOM, Reference |
TreeWalker 오브젝트는 도큐먼트 서브트리의 노드들과 그 안에서의 위치를 나타낸다. |
||
| 483 | TreeWalker.currentNode | API, DOM, Property, Reference, TreeWalker |
TreeWalker.currentNode 속성은 TreeWalker가 현재 가리키고 있는 Node를 나타낸다. |
||
| 484 | URL | API, Interface, Overview, Reference, URI, URL, URL API, Web |
URL 인터페이스는 URL을 분석, 생성, 정규화, 인코딩 할 때 사용하며, URL의 각 구성요소를 쉽게 읽고 쓸 수 있는 속성을 제공합니다. |
||
| 485 | URL.createObjectURL() | API, Method, Reference, URL, URL API |
URL.createObjectURL() 정적 메서드는 주어진 객체를 가리키는 URL을 DOMString으로 반환합니다. |
||
| 486 | URL.hash | API, Property, Reference, URL, URL API |
URL 인터페이스의 hash 속성은 맨 앞의 '#'과 함께 URL의 프래그먼트 식별자를 담고 있는 USVString입니다. |
||
| 487 | URL.host | API, Property, Reference, URL, URL API |
URL 인터페이스의 host 속성은 URL의 호스트, 즉 URL.hostname와 함께, port가 존재하는 경우 ':'과 그 뒤의 URL.port를 포함하는 USVString 문자열입니다. |
||
| 488 | URL.hostname | API, Property, Reference, URL, URL API |
URL 인터페이스의 hostname 속성은 URL의 domain name을 담은 USVString을 반환합니다. |
||
| 489 | URL.href | API, Property, Reference, URL, URL API |
URL 인터페이스의 href 속성은 전체 URL을 담은 USVString입니다. |
||
| 490 | URL.origin | API, Property, Read-only, Reference, URL, URL API |
URL 인터페이스의 origin 읽기 전용 속성은 표현 중인 URL의 출처를 유니코드로 직렬화한 USVString을 반환합니다. |
||
| 491 | URL.password | API, Property, Reference, URL, URL API |
URL 인터페이스의 password 속성은 도메인 이름 이전의 비밀번호를 포함한 USVString을 반환합니다. |
||
| 492 | URL.pathname | API, Property, Reference, URL, URL API |
URL 인터페이스의 pathname 속성은 URL의 경로와 그 앞의 /로 이루어진 USVString을 반환합니다. 경로가 없는 경우 빈 문자열을 반환합니다. |
||
| 493 | URL.port | API, Property, Reference, URL, URL API |
URL 인터페이스의 port 속성은 URL의 포트 숫자를 담은 USVString입니다. URL이 명시적인 포트 번호를 포함하고 있지 않으면 빈 문자열('')입니다. |
||
| 494 | URL.protocol | API, Property, Reference, URL, URL API |
URL 인터페이스의 protocol 속성은 URL의 프로토콜 스킴과 마지막 ':'을 포함한 USVString입니다. |
||
| 495 | URL.revokeObjectURL() | API, Method, URL, URL API |
URL.revokeObjectURL() 정적 메서드는 이전에 URL.createObjectURL()을 통해 생성한 객체 URL을 해제합니다. |
||
| 496 | URL.search | API, Property, Reference, URL, URL API |
URL 인터페이스의 search 속성은 맨 앞의 '?'와 함께 URL의 쿼리 문자열, 즉 검색 매개변수를 나타내는 USVString입니다. |
||
| 497 | URL.searchParams | API, Property, Read-only, Reference, URL, URLSearchParams |
URL 인터페이스의 searchParams 읽기 전용 속성은 URL 내의 GET 디코딩 된 쿼리 매개변수에 접근할 수 있는 URLSearchParams 객체를 반환합니다. |
||
| 498 | URL.toJSON() | API, Method, Reference, URL, URL API |
URL 인터페이스의 toJSON() 메서드는 URL을 직렬화한 USVString을 반환합니다. 그러나, 사실상 URL.toString과 같습니다.. |
||
| 499 | URL.toString() | API, Method, Reference, URL, URL API |
URL.toString() 문자열화 메서드는 전체 URL을 담은 USVString을 반환합니다. 사실상 읽기 전용 URL.href인 셈입니다. |
||
| 500 | URL() | API, Constructor, Reference, URL, URL API |
URL() 생성자는 매개변수로 제공한 URL을 나타내는 새로운 URL 객체를 반환합니다. |
||
| 501 | URL.username | API, Property, Reference, URL, URL API |
URL 인터페이스의 username 속성은 도메인 이전의 사용자 이름을 담은 USVString을 반환합니다. |
||
| 502 | URLSearchParams | API, Interface, Reference, URL API, URLSearchParams |
URLSearchParams 인터페이스는 URL의 쿼리 문자열에 대해 작업할 수 있는 유틸리티 메서드를 정의합니다. |
||
| 503 | URLSearchParams.toString() | |
toString() 은 URLSearchParams 인터페이스의 메소드로서, URL에서 사용할 수 있는 쿼리 문자열을 리턴합니다. |
||
| 504 | URLSearchParams() | |
URLSearchParams() 생성자는 새로운 URLSearchParams 객체를 생성하고 반환합니다. |
||
| 505 | USVString | API, DOM, Reference, String, WebIDL |
USVString은 유니코드 스칼라 값의 모든 가능한 시퀀스 집합에 해당합니다. USVString이 JavaScript로 전달될 땐 String으로 매핑되며, 보통 유니코드 스칼라 값 문자열을 필요로 하는 텍스트 처리 API에서만 사용합니다. |
||
| 506 | ValidityState | API, Constraint Validation API, Forms, HTML DOM, Interface |
ValidityState 인터페이스는 제약 유효성 검사에 대해 요소가 가질 수 있는 유효성 상태를 나타내며, 요소의 값이 유효하지 않은 경우 그 이유에 대한 설명을 도와줍니다. |
||
| 507 | Vibration API | |
| 요즘 나오는 대부분은 모바일 디바이스는 바이브레이션 하드웨어를 포함하고 있다. 소프트웨어 코드를 이용해 바이브레이션 하드웨어를 제어하면, 모바일 디바이스를 흔들리게 만들어 사용자에게 물리적인 피드백을 제공할 수 있다. | ||
| 508 | VREyeParameters | API, Experimental, Landing, Reference, VR, Virtual Reality, WebVR |
WebVR API의 VREyeParameters 인터페이스는 시야 정보 필드를 포함하여 특정한 눈에 대한 장면을 정확하게 렌더링 하는 데 필요한 모든 정보를 나타냅니다. |
||
| 509 | Web Audio API | |
| Web Audio API는 웹에서 오디오를 제어하기 위한 강력하고 다양한 기능을 제공합니다. Web Audio API를 이용하면 오디오 소스를 선택할 수 있도록 하거나, 오디오에 이펙트를 추가하거나, 오디오를 시각화하거나, 패닝과 같은 공간 이펙트를 적용시키는 등의 작업이 가능합니다. | ||
| 510 | Basic concepts behind Web Audio API | 가이드, 미디어, 오디오, 웹오디오API, 웹오디오API이론, 이론, 컨셉 |
Web Audio API의 기능이 어떻게 동작하는지에 대한 오디오 이론에 대해서 설명합니다. 마스터 사운드 엔지니어가 될 수 는 없지만, Web Audio API가 왜 그렇게 작동하는지에 대해 이해할 수 있는 충분한 배경 지식을 제공해서 개발중에 더 나은 결정을 내릴 수 있게합니다. |
||
| 511 | Web Audio API 사용하기 | API, Audio, Guide, Playback, Using, Web, Web Audio, Web Audio API, basics, sound |
| Web Audio API 시작하기를 한번 봐 봅시다. 우리는 몇 가지 개념들을 간략하게 살펴보고, 그 다음에 오디오 트랙의 로드, 재생, 정지하고 볼륨 및 스테레오 패닝을 변경할 수 있는 간단한 카세트 플레이어 예제를 공부할 것입니다. | ||
| 512 | Web Storage API | API, Reference, Storage, Web Storage, Web Storage API, localStorage, sessionStorage, 로컬스토리지, 세션스토리지, 웹 스토리지 |
| Web Storage API는 브라우저에서 키/값 쌍을 cookie보다 훨씬 직관적으로 저장할 수 있는 방법을 제공합니다. | ||
| 513 | Web Storage API 사용하기 | |
| Web Storage API는 브라우저에서 쿠키를 사용하는 것보다 훨씬 직관적으로 key/value 데이터를 안전하게 저장할 수 있는 메커니즘을 제공합니다. | ||
| 514 | Web Workers API | API, Overview, Reference, Web Workers, 워커, 웹 워커 |
| 웹 워커(Web worker)는 스크립트 연산을 웹 어플리케이션의 주 실행 스레드와 분리된 별도의 백그라운드 스레드에서 실행할 수 있는 기술입니다. 웹 워커를 통해 무거운 작업을 분리된 스레드에서 처리하면 주 스레드(보통 UI 스레드)가 멈추거나 느려지지 않고 동작할 수 있습니다. | ||
| 515 | The structured clone algorithm | |
| The structured clone 알고리즘은 복잡한 자바스크립트 객체의 직렬화을 위해서 HTML5 specification에 의해서 정의된 새로운 알고리즘 입니다. 이것은 순환그래프를 포함하는 객체의 직렬화를 지원하기 때문에 JSON보다 더 유용합니다. — 객체는 같은 그래프에서 다른객체를 참조하는 객체를 참조할 수 있습니다. 이러한 케이스들에서는 structured clone알고리즘이 아마도 JSON보다 더 효율적일 것입니다. | ||
| 516 | 웹 워커 사용하기 | |
웹 워커는 웹 컨텐츠를 위해서 백그라운드 스레드에서 스크립트를 실행할 간편한 방법을 제공합니다. 워커 스레드는 사용자 인터페이스(UI)를 방해하지 않고 작업을 수행할 수 있습니다. 또한 워커는 ( |
||
| 517 | WebGL | 3D, 3D Graphics, API, Advanced, Graphics, JavaScript, Media, Overview, Reference, WebGL, WebGL API |
WebGL(Web Graphics Library)은 플러그인을 사용하지 않고 웹 브라우저에서 상호작용 가능한 3D와 2D 그래픽을 표현하기 위한 JavaScript API입니다. WebGL은 HTML5 canvas 요소에서 사용할 수 있는, OpenGL ES 2.0을 대부분 충족하는 API를 제공합니다. |
||
| 518 | WebGL by example | Beginner, Example, Graphics, Learn, NeedsTranslation, TopicStub, WebGL |
WebGL by example is a series of live samples with short explanations that showcase WebGL concepts and capabilities. The examples are sorted according to topic and level of difficulty, covering the WebGL rendering context, shader programming, textures, geometry, user interaction, and more. |
||
| 519 | 클릭을 통한 청소 | |
어떻게 유저와 그래픽 기능들과의 상호작용을 결합시킬까. 유저가 클릭을 할 때 랜덤의 색을 가진 랜더링 컨텍스트를 청소하는 것. |
||
| 520 | WebGL 찾기 | |
이 예시는 어떻게 WebGL 랜더링 컨텐츠를 찾고, 유저에게 결과를 보고할지를 보여줍니다. |
||
| 521 | Hello GLSL | |
매우 간단한 색이 있는 단단한 사각형을 그려주는 쉐이더 프로그램 |
||
| 522 | Hello vertex attributes | |
쉐이더 프로그래밍과 유저 인터페이스를 정점 속성을 이용하여 합치기. |
||
| 523 | 애니메이션 잘라내기 | |
활동을 청소하고 잘라내는 어떤 애니메이션 장난 |
||
| 524 | 간단한 색깔 애니메이션 | |
WebGL 를 청소함으로써 매 초 마다 랜덤 색이 버퍼에 그려지는 매우 기본적인 색깔 애니메이션. |
||
| 525 | 코드에서의 텍스쳐 | |
단편화된 쉐이더들과 함께 순차적으로 보여주는 간단한 데모 |
||
| 526 | WebGL tutorial | Tutorial, WebGL |
WebGL 은 WebGL을 지원하는 브라우져에서 plugin을 사용하지 않고도, 웹 콘텐츠가 OpenGL ES 2.0 기반의 API를 이용하여 HTML |
||
| 527 | WebGL 컨텍스트에 2D 컨텐츠 추가하기 | Tutorial, WebGL |
Tutorial |
||
| 528 | WebGL을 사용한 객체 애니메이션 | WebGL, 애니메이션, 회전 |
Tutorial |
||
| 529 | WebGL에서의 텍스쳐 애니메이션 | Animation, HTML5, Texture, Video, WebGL, 애니메이션, 웹지엘, 텍스쳐 |
Tutorial |
||
| 530 | WebGL로 3D 객체 만들기 | 3D, 3차원, WebGL, 입체 |
Tutorial |
||
| 531 | Getting started with WebGL | Tutorial, WebGL |
Tutorial Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context |
||
| 532 | WebGL에서 조명 효과 적용하기 | WebGL, 방향광, 빛, 웹지엘, 점광, 조명, 주변광 |
Tutorial |
||
| 533 | WebGL에서 셰이더를 사용하여 색상 적용하기 | 색상, 셰이더, 웹지엘, 컬러 |
Tutorial |
||
| 534 | WebGL에서 텍스쳐 사용하기 | Texture, WebGL, 텍스쳐 |
Tutorial |
||
| 535 | WebGL best practices | |
| 이 기사는 당신의 WebGL 콘텐트 질을 향상시키기 위한 제안과 팁을 제시합니다. 다음의 제안들을 따르면, 당신의 웹 애플리케이션이 더 많은 장치들과 브라우저들과의 호환성을 높일 수 있을 뿐만 아니라, 성능도 향상시킬 수 있게 도와줍니다. | ||
| 536 | WebGLRenderbuffer | 레퍼런스, 웹지엘 |
| WebGLRenderbuffer 인터페이스는 WebGL API 의 부분입니다. 그리고 이미지를 담거나 렌더링 연산의 소스나 타겟이 될 수 있는 버퍼를 말합니다. | ||
| 537 | WebGLShader | |
WebGLShader 를 생성하려면 WebGLRenderingContext.createShader를 사용한다. 그러고 나서는 WebGLRenderingContext.shaderSource()를 사용해서 GLSL 소스 코드를 연결한다. 마지막으로WebGLRenderingContext.compileShader()를 호출하고 셰이더를 컴파일한다. 이 시점에서 WebGLShader 는 여전히 사용할 수 있는 형식은 아니고WebGLProgram에 부착되어야 한다. |
||
| 538 | WebRTC API | API, Audio, Landing, Media, NeedsTranslation, Networking, TopicStub, Video, WebRTC, WebRTC API, streaming |
| WebRTC(Web Real-Time Communication)은 웹 애플리케이션과 사이트가 중간자 없이 브라우저 간에 오디오나 영상 미디어를 포착하고 마음대로 스트림할 뿐 아니라, 임의의 데이터도 교환할 수 있도록 하는 기술입니다. WebRTC를 구성하는 일련의 표준들은 플러그인이나 제 3자 소프트웨어 설치 없이 종단 간 데이터 공유와 화상 회의를 가능하게 합니다. | ||
| 539 | Improving compatibility using WebRTC adapter.js | |
| WebRTC 어댑터를 GitHub에서 제공한다. 어댑터는 WebRTC가 지원되는 모든 브라우저에서 "그냥 작동"되도록 당신이 작성한 코드가 사양에 적합하도록 해 주는 JavaScript 코드 모음이다. 더이상 접두사 API를 조건부로 사용하거나 다른 해결 방법을 구현할 필요가 없다. | ||
| 540 | WebRTC 프로토콜 소개 | |
| 이 글은 WebRTC API에 대한 프로토콜을 소개하기 위해 작성 되었습니다. | ||
| 541 | Signaling and video calling | |
| 542 | WebRTC data channel 사용하기 | |
RTCPeerConnection 인터페이스를 사용하여 WebRTC Peerconnction을 연결하면 이제 두 Peer간의 커넥션을 통하여 미디어 데이터를 주고 받을수 있게됩니다. 그뿐아니라 WebRTC로 할수 있는 일은 더 있습니다. 이 가이드에서 우리는 peer connection에 데이터 채널을 추가하는 방법과 임의의 데이터, 즉 우리가 원하는 어떠한 포멧의 데이터들을 안전하게 주고 받는 방법을 배우게 될 것 입니다. |
||
| 543 | WebSocket | API |
WebSocket 객체는 서버와의 WebSocket 연결을 생성하고 관리할 수 있는 API 들을 제공합니다. 이는 데이터를 전송하거나 주고 받는 등의 API 들을 포함합니다. |
||
| 544 | WebSocket.readyState | |
WebSocket.readyState 읽기 전용 속성은 WebSocket 연결의 현재 상태를 반환한다. |
||
| 545 | WebSocket() | |
WebSocket() 생성자는 새로운 WebSocket 객체를 반환한다. |
||
| 546 | 웹 소켓 | |
| 웹 소켓은 사용자의 브라우저와 서버 사이의 인터액티브 통신 세션을 설정할 수 있게 하는 고급 기술입니다. 개발자는 웹 소켓 API를 통해 서버로 메시지를 보내고 서버의 응답을 위해 서버를 폴링하지 않고도 이벤트 중심 응답을 받는 것이 가능합니다. | ||
| 547 | WebSocket을 이용하여 클라이언트 애플리케이션 작성하기 | 가이드, 네트워킹, 예제, 웹소켓, 웹소켓API, 클라이언트 |
| WebSocket은 ws 프로토콜을 기반으로 클라이언트와 서버 사이에 지속적인 완전 양방향 연결 스트림을 만들어 주는 기술입니다. 일반적인 웹소켓 클라이언트는 사용자의 브라우저일 것이지만, 그렇다고 해서 이 프로토콜이 플랫폼에 종속적이지는 않습니다. | ||
| 548 | 웹소켓 서버 작성하기 | |
| 웹 소켓 서버는 특정한 프로토콜을 따르는 서버의 임의 포트를 리스닝하고 있는 TCP 어플리케이션입니다. 사용자 서버를 만드는 작업은 두려운 일일수도 있습니다. 하지만, 당신이 선택한 플랫폼상에서 간단한 웹 소켓 서버를 구현하는것은 쉬울것입니다. | ||
| 549 | Window | API, DOM, Interface, JavaScript, Reference, Window |
Window 인터페이스는 DOM 문서를 담은 창을 나타냅니다. |
||
| 550 | Window.alert() | API, HTML DOM, Method, Reference, Window |
Window.alert() 메서드는 확인 버튼을 가지며 메시지를 지정할 수 있는 경고 대화 상자를 띄웁니다. |
||
| 551 | Window: beforeunload 이벤트 | Event, Reference, Window, 이벤트 |
beforeunload 이벤트는 문서와 그 리소스가 언로드 되기 직전에 window에서 발생합니다. |
||
| 552 | window.cancelAnimationFrame() | API, DOM, 레퍼런스, 메소드, 실험적, 애니메이션, 윈도우 |
window.cancelAnimationFrame() 메소드는 이전에 window.requestAnimationFrame() 을 호출하여 스케줄된 애니메이션 프레임 요청을 취소합니다. |
||
| 553 | Window.closed | API, HTML DOM, Property, Reference, Window |
Window.closed 읽기 전용 속성은 참조한 창이 닫혔는지 여부를 나타냅니다. |
||
| 554 | Window.confirm() | API, HTML DOM, Method, Reference, Window |
Window.confirm() 메서드는 확인과 취소 두 버튼을 가지며 메시지를 지정할 수 있는 모달 대화 상자를 띄웁니다. |
||
| 555 | Window.console | API, Property, Read-only, Reference, Window, console |
Window.console 속성은 브라우저 콘솔에 로그를 남길 수 있는 메서드를 가진 Console 객체의 참조를 반환합니다. 콘솔 메서드는 디버깅 용도로만 사용해야 하며, 엔드유저에게 정보를 제공할 의도를 가져션 안됩니다. |
||
| 556 | Window.crypto | API, HTML DOM, Property, Reference, Window |
Window.crypto속성은 전역 객체인 Crypto 객체를 반환합니다. Crypto 객체는 웹 페이지가 특정 암호학적 서비스에 접근할 수 있는 경로입니다. |
||
| 557 | Window.customElements | API, Property, Reference, Web Components, Window |
Window 인터페이스의 customElements 읽기 전용 속성은 새로운 사용자 지정 요소를 등록하거나, 이전에 등록한 요소의 정보를 받아올 수 있는 CustomElementRegistry 객체의 참조를 반환합니다. |
||
| 558 | Window.devicePixelRatio | API, Property, Read-only, Reference, Window |
Window 인터페이스의 devicePixelRatio 읽기 전용 속성은 현재 표시 장치의 물리적 픽셀과 CSS 픽셀의 비율을 반환합니다. |
||
| 559 | Window.document | API, HTML DOM, Property, Reference, Window |
window.document 속성은 창이 포함한 문서의 참조를 반환합니다. |
||
| 560 | DOMContentLoaded | Event, Reference, Web, Window |
DOMContentLoaded 이벤트는 초기 HTML 문서를 완전히 불러오고 분석했을 때 발생합니다. 스타일 시트, 이미지, 하위 프레임의 로딩은 기다리지 않습니다. |
||
| 561 | Window.event | API, DOM, Event, Property, Read-only, Reference, Window, 이벤트 |
Window 객체의 event 속성은 웹 사이트의 코드가 현재 처리 중인 Event를 반환합니다. 이벤트 처리기 바깥에서는 항상 undefined입니다. |
||
| 562 | Window.frameElement | API, DOM, Property, Reference, Window |
Window.frameElement 속성은 iframe이나 object처럼 현재 창을 포함한 요소를 반환합니다. |
||
| 563 | Window.getComputedStyle() | API, CSSOM View, Method, Reference, Window |
Window.getComputedStyle() 메소드는 인자로 전달받은 요소의 모든 CSS 속성값을 담은 객체를 회신합니다. 이 속성값들은, 해당 요소에 대하여 활성 스타일시트와 속성값에 대한 기본 연산이 모두 반영된 결과값입니다. 개별 CSS속성 값은 객체를 통해 제공되는 API 또는 CSS 속성 이름을 사용해서 간단히 색인화해서 액세스할 수 있습니다. |
||
| 564 | Window.getSelection() | |
사용자 또는 Caret의 위치에 따라 선택된 텍스트의 범위를 나타내는 Selection 객체를 반환한다. |
||
| 565 | Window.history | API, HTML DOM, History API, Property, Reference, Window |
Window.history 읽기 전용 속성은 History 객체로의 참조를 반환합니다. History 객체는 브라우저의 세션 기록(현재 페이지를 불러온 탭 혹은 프레임이 방문했던 페이지)을 조작할 때 사용합니다. |
||
| 566 | Window.innerWidth | API, Property, Reference |
브라우저 윈도우의 뷰포트 너비로, 수직 스크롤바가 존재한다면 포함합니다. |
||
| 567 | Window.length | |
window의 frame 개수를 반환합니다. (frame 또는 iframe 요소들 중 하나) |
||
| 568 | load | Event, 이벤트 |
load 이벤트는 리소스와 그것에 의존하는 리소스들의 로딩이 완료되면 실행됩니다. |
||
| 569 | Window.localStorage | API, Property, Read-only, Reference, Storage, Web Storage, Window, WindowLocalStorage, 로컬스토리지 |
localStorage 읽기 전용 속성을 사용하면 Document origin의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. |
||
| 570 | Window.location | API, HTML, Window, 레퍼런스 |
Window.location 프로퍼티에 접근하면 읽기 전용인 Location 오브젝트를 얻어올 수 있습니다. 이는 현재 도큐먼트의 로케이션에 대한 정보를 담고 있습니다. |
||
| 571 | Window.matchMedia() | API, CSSOM View, JavaScript, Media Queries, Method, Reference |
Window.matchMedia() 메서드는 주어진 미디어 쿼리 문자열의 분석 결과를 나타내는 MediaQueryList 객체를 반환합니다. |
||
| 572 | Window.name | 참고, 창 |
| 창의 이름을 얻거나/설정합니다. | ||
| 573 | Window.navigator | API, DOM, Property, Read-only, Reference, Window |
Window.navigator 읽기 전용 속성은 스크립트를 구동 중인 애플리케이션에 대한 메서드와 속성을 가진 Navigator 객체의 참조를 반환합니다. |
||
| 574 | Window.open() | |
Window 인터페이스인 open() 메써드는 명시된 리소스를 명시된 이름으로 브라우징 컨텍스트(윈도우, iframe 또는 탭)에 로드한다. 이름이 없다면 새 윈도우가 열리고 이 윈도우의 브라우징 컨텍스트에 명시된 리소스가 열린다. |
||
| 575 | Window.opener | API, HTML DOM, Property, Reference, Window |
Window 인터페이스의 opener 속성은 Window.open을 사용해 현재 창을 열었던 창의 참조를 반환합니다. |
||
| 576 | orientationchange | |
orientationchange 이벤트는 장치의 방향이 바뀔 때 호출 된다. |
||
| 577 | Window.outerWidth | |
| Window.outerWidth 는 브라우저 윈도우 바깥쪽의 폭을 얻어온다. 이것은 브라우저 윈도우의 사이드바와 가장자리 경계선을 포함한 폭을 나타내어 준다. | ||
| 578 | Window.pageYOffset | API, Property, Reference, Window |
Window 인터페이스의 pageYOffset 읽기 전용 속성은 Window.scrollY의 다른 이름으로, 문서가 수직으로 얼마나 스크롤됐는지 픽셀 단위로 반환합니다. |
||
| 579 | popstate | API, Event, History, History API, Reference |
Window 인터페이스의 popstate 이벤트는 사용자의 세션 기록 탐색으로 인해 현재 활성화된 기록 항목이 바뀔 때 발생합니다. 만약 활성화된 엔트리가 history.pushState() 메서드나 history.replaceState() 메서드에 의해 생성되면, popstate 이벤트의 state 속성은 히스토리 엔트리 state 객체의 복사본을 갖게 됩니다. |
||
| 580 | Window.postMessage() | |
window.postMessage() 메소드는 Window 오브젝트 사이에서 안전하게 cross-origin 통신을 할 수 있게 합니다. 예시로, 페이지와 생성된 팝업 간의 통신이나, 페이지와 페이지 안의 iframe 간의 통신에 사용할 수 있습니다. |
||
| 581 | Window.prompt() | API, DOM, Method, Reference, Window |
Window.prompt()는 사용자가 텍스트를 입력할 수 있도록 안내하는 선택적 메세지를 갖고 있는 대화 상자를 띄웁니다. |
||
| 582 | window.requestAnimationFrame() | API, Animations, DOM, DOM 레퍼런스, requestAnimationFrame, 게임, 그래픽, 그리기, 레퍼런스, 메소드, 성능, 스케줄링, 윈도우, 자바스크립트 타이머, 중급 |
window.requestAnimationFrame()은 브라우저에게 수행하기를 원하는 애니메이션을 알리고 다음 리페인트가 진행되기 전에 해당 애니메이션을 업데이트하는 함수를 호출하게 합니다. 이 메소드는 리페인트 이전에 실행할 콜백을 인자로 받습니다. |
||
| 583 | window.requestIdleCallback() | API, DOM, DOM Reference, JavaScript timers, Method, Reference, Window, requestIdleCallback |
window.requestIdleCallback() 메서드는 브라우저의 idle 상태에 호출될 함수를 대기열에 넣습니다. 이를 통해 개발자는 애니메이션 및 입력 응답과 같은 대기 시간이 중요한 이벤트에 영향을 미치지 않고 메인 이벤트 루프에서 백그라운드 및 우선 순위가 낮은 작업을 수행 할 수 있습니다. 함수는 일반적으로 first-in-first-out(FIFO) 순서로 호출됩니다. 하지만, timeout 옵션이 지정된 callback은 제한 시간이 지나기 전에 이들을 실행하기 위해 순서에 맞지 않게 호출될 수 있습니다. |
||
| 584 | resize | |
resize 이벤트는 document view의 크기가 변경될 때 발생합니다. |
||
| 585 | Window.resizeTo() | API, CSSOM View, Method, Reference, Window |
Window.resizeTo() 메서드는 동적으로 창의 크기를 변경합니다. |
||
| 586 | Window.scrollTo() | |
| 문서의 지정된 위치로 스크롤합니다. | ||
| 587 | Window.scrollX | API, CSSOM View, Property, Reference, 스크롤 |
Window 인터페이스의 scrollX 읽기 전용 속성은 문서가 수평으로 얼마나 스크롤됐는지 픽셀 단위로 반환합니다. |
||
| 588 | Window.scrollY | API, CSSOM View, Property, Reference, Window, 스크롤 |
Window 인터페이스의 scrollY 읽기 전용 속성은 문서가 수직으로 얼마나 스크롤됐는지 픽셀 단위로 반환합니다. |
||
| 589 | Window.self | API, HTML DOM, Property, Read-only, Reference, Window |
Window.self 읽기전용 속성은 자기 자신을 WindowProxy로써 반환합니다. window.self로도 사용할 수 있고, self만 독립적으로 사용해 접근할 수 있습니다. 독립적으로 접근했을 때의 이점은 비 Window 환경인 Worker 등도 비슷한 표기법을 사용한다는 것입니다. 이 때 self는 Window 문맥에서는 window.self, 워커 문맥에서는 WorkerGlobalScope.self와 같습니다. |
||
| 590 | Window.sessionStorage | API, Property, Reference, Storage, Window, WindowSessionStorage, 세션스토리지 |
sessionStorage 읽기 전용 속성은 현재 origin 세션의 Storage 객체에 접근합니다. sessionStorage는 Window.localStorage와 비슷하지만, localStorage의 데이터는 만료되지 않고, sessionStorage의 데이터는 페이지 세션이 끝날 때 제거되는 차이가 있습니다. |
||
| 591 | Window.status | |
| 브라우저 하단의 상태 표시줄에 텍스트를 바꾸거나, 기존 텍스트를 얻을 수 있다. | ||
| 592 | Window.stop() | |
| Window.stop()메서드는 window 객체의 로딩을 취소하는 메서드입니다. | ||
| 593 | Window.toolbar | 참고, 창 |
| 창에서 끌 수 있는, 눈에 보이는 toolbar 문제를 해결합니다. | ||
| 594 | Window.top | API, HTML DOM, Property, Reference, Window |
| Returns a reference to the topmost window in the window hierarchy. | ||
| 595 | Window: unload 이벤트 | Event, Reference, Window, 이벤트 |
unload 이벤트는 문서나 하위 리소스가 언로딩 중일 때 발생합니다. |
||
| 596 | Window.window | |
| window 객체의 window 프로퍼티는 자기 자신의 window 객체를 가리킨다. 즉, 아래의 표현들은 같은 window 객체를 반환하게 된다: | ||
| 597 | WindowEventHandlers | API, HTML-DOM, Interface, Mixin, Reference, WindowEventHandlers |
The 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. |
||
| 598 | WindowEventHandlers.onhashchange | HTML-DOM, Property, Reference, WindowEventHandlers |
hashchange 이벤트를 처리하기 위한 Event_handlers 입니다. |
||
| 599 | WindowEventHandlers.onpopstate | |
| window의 popstate 이벤트 핸들러 | ||
| 600 | WindowEventHandlers.onstorage | API, Event Handler, Property, Reference, Web Storage, WindowEventHandlers |
WindowEventHandlers 믹스인의 onstorage 속성은 storage (en-US) 이벤트를 처리하는 Event_handlers입니다. |
||
| 601 | Worker | API, DOM, Interface, JavaScript, Reference, Web Workers, Worker, 워커, 웹 워커 |
Web Workers API의 Worker 인터페이스는 스크립트로 생성하고, 생성자와 메시지로 통신하는 백그라운드 작업을 나타냅니다. |
||
| 602 | Worker.postMessage() | |
Worker interface의 메서드, postMessage()는 Worker 자신의 내부 영역으로 메시지를 전달합니다. 이 메서드는 Worker 자신에게 보낼 하나의 매개변수를 받습니다. 매개변수로 들어갈 데이터는 순환 참조를 포함하는 structured clone algorithm에 의해 다루어지는 JavaScript 객체를 포함에 어떤 값이든 들어갈 수 있습니다. |
||
| 603 | WritableStream | |
Streams API의 WritableStream는 지정된 곳에 스트림 데이터를 writing하기 위한 싱크 추상 인터페이스입니다. 이 객체는 내장 백프레셔와 큐잉으로 구성되어 있다. |
||
| 604 | XMLHttpRequest | AJAX, API, HTTP, XHR, XMLHttpRequest, 레퍼런스, 웹, 인터페이스, 통신 |
XMLHttpRequestXMLHttpRequest(XHR) 객체는 서버와 상호작용하기 위하여 사용됩니다. 전체 페이지의 새로고침없이도 URL 로부터 데이터를 받아올 수 있습니다. 이는 웹 페이지가 사용자가 하고 있는 것을 방해하지 않으면서 페이지의 일부를 업데이트할 수 있도록 해줍니다. XMLHttpRequest 는 AJAX 프로그래밍에 주로 사용됩니다. |
||
| 605 | XMLHttpRequest.setRequestHeader() | |
XMLHttpRequest.setRequestHeader() 메소드는 HTTP요청 헤더의 값을 설정합니다. 반드시 setRequestHeader()를 open()뒤에 호출하여야 하며, 또한 send()가 호출되기 전에 호출해야 합니다. 만약 이 메소드가 같은 헤더에 대하여 여러번 호출이 되면, 그 값은 단일 요청 헤더에 병합됩니다. |
||
| 606 | Synchronous and asynchronous requests | |
XMLHttpRequest 는 동기적 통신과 비동기적 통신을 모두 지원합니다. 하지만, 일반적으로는 성능상의 이유로 인하여 비동기적 요청이 동기적 요청보다 우선시 되어야 합니다. |
||
| 607 | timeout | |
timeout 이벤트는 미리 설정한 시간이 만료되어 진행이 종료되면 시작합니다. |
||
| 608 | XMLHttpRequest.upload | |
XMLHttpRequest upload 프로퍼티는 업로드 진행 상황을 모니터링 할 수 있는 XMLHttpRequestUpload 객체를 반환합니다. |
||
| 609 | XSLT in Gecko | XSLT |
| No summary! | ||
| 610 | Basic Example | |
| 이 첫 예는 브라우저에서 XSLT 변환 설정의 기본을 보여준다. 이 예는 Article에 대한 정보(Title, Author 목록과 Body 글)를 포함한 XML 문서를 얻어 그것을 사람이 읽을 수 있는 형식으로 나타낸다. | ||
| 611 | Browser Differences | |
| Netscape 7.x (모든 플랫폼)과 Internet Explorer 6(윈도즈)는 W3C XSLT 1.0 표준( http://www.w3.org/TR/xslt )을 지원합니다. IE 5.0과 5.5 (둘 다 윈도즈)는 XSLT의 초안만 지원하므로 XSLT 1.0 스타일쉬트와는 호환하지 않습니다. Netscape 6.x는 XSLT 1.0을 부분적으로만 지원합니다. | ||
| 612 | Generating HTML | |
| 브라우저에서 XSLT의 공통 응용은 XML을 클라이언트의 안에 변환해 넣는 것이다. 두번째 예는 입력문서(example2.xml)를 변환하는데, 이것은 또 글의 정보를 포함하고 HTML문서 안에 들어간다. | ||
| 613 | Introduction | |
| W3표준 안에서 주목할만한 하나의 흐름은 스타일로부터 내용을 분리하려는 노력이다. | ||
| 614 | Resources | |
| No summary! | ||