Found 418 pages:

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