diff --git a/files/ko/web/api/eventsource/index.md b/docs/ko/fully_untranslated_files/Web_API_EventSource.md similarity index 100% rename from files/ko/web/api/eventsource/index.md rename to docs/ko/fully_untranslated_files/Web_API_EventSource.md diff --git a/files/ko/web/api/html_drag_and_drop_api/drag_operations/index.md b/docs/ko/fully_untranslated_files/Web_API_HTML_Drag_and_Drop_API_Drag_operations.md similarity index 100% rename from files/ko/web/api/html_drag_and_drop_api/drag_operations/index.md rename to docs/ko/fully_untranslated_files/Web_API_HTML_Drag_and_Drop_API_Drag_operations.md diff --git a/files/ko/web/api/indexeddb_api/basic_terminology/index.md b/docs/ko/fully_untranslated_files/Web_API_IndexedDB_API_Basic_Terminology.md similarity index 99% rename from files/ko/web/api/indexeddb_api/basic_terminology/index.md rename to docs/ko/fully_untranslated_files/Web_API_IndexedDB_API_Basic_Terminology.md index 3ad9b619485769..cd99c3b550577b 100644 --- a/files/ko/web/api/indexeddb_api/basic_terminology/index.md +++ b/docs/ko/fully_untranslated_files/Web_API_IndexedDB_API_Basic_Terminology.md @@ -1,8 +1,6 @@ --- title: IndexedDB key characteristics and basic terminology slug: Web/API/IndexedDB_API/Basic_Terminology -l10n: - sourceCommit: 4b9377a26bb7094a8f13551cf328865a6457f5ee --- {{DefaultAPISidebar("IndexedDB")}} diff --git a/files/ko/web/api/intersection_observer_api/index.md b/docs/ko/fully_untranslated_files/Web_API_Intersection_Observer_API.md similarity index 100% rename from files/ko/web/api/intersection_observer_api/index.md rename to docs/ko/fully_untranslated_files/Web_API_Intersection_Observer_API.md diff --git a/files/ko/web/api/mediadevices/getusermedia/index.md b/docs/ko/fully_untranslated_files/Web_API_MediaDevices_getUserMedia.md similarity index 100% rename from files/ko/web/api/mediadevices/getusermedia/index.md rename to docs/ko/fully_untranslated_files/Web_API_MediaDevices_getUserMedia.md diff --git a/files/ko/_redirects.txt b/files/ko/_redirects.txt index c6af78129846da..b548ecb985b6b6 100644 --- a/files/ko/_redirects.txt +++ b/files/ko/_redirects.txt @@ -130,7 +130,6 @@ /ko/docs/DOM/document.createTextNode /ko/docs/Web/API/Document/createTextNode /ko/docs/DOM/document.getElementById /ko/docs/Web/API/Document/getElementById /ko/docs/DOM/document.hasFocus /ko/docs/Web/API/Document/hasFocus -/ko/docs/DOM/element /ko/docs/Web/API/Element /ko/docs/DOM/element.attributes /ko/docs/Web/API/Element/attributes /ko/docs/DOM/element.childNodes /ko/docs/Web/API/Node/childNodes /ko/docs/DOM/element.firstChild /ko/docs/Web/API/Node/firstChild @@ -140,7 +139,6 @@ /ko/docs/DOM/event /ko/docs/Web/API/Event /ko/docs/DOM/event.cancelable /ko/docs/Web/API/Event/cancelable /ko/docs/DOM/event.preventDefault /ko/docs/Web/API/Event/preventDefault -/ko/docs/DOM/form /ko/docs/Web/API/HTMLFormElement /ko/docs/DOM/range /ko/docs/Web/API/Range /ko/docs/DOM/table /ko/docs/Web/API/HTMLTableElement /ko/docs/DOM/table.width /ko/docs/Web/API/HTMLTableElement/width @@ -157,14 +155,12 @@ /ko/docs/DOM:document.createTextNode /ko/docs/Web/API/Document/createTextNode /ko/docs/DOM:document.getElementById /ko/docs/Web/API/Document/getElementById /ko/docs/DOM:document.hasFocus /ko/docs/Web/API/Document/hasFocus -/ko/docs/DOM:element /ko/docs/Web/API/Element /ko/docs/DOM:element.attributes /ko/docs/Web/API/Element/attributes /ko/docs/DOM:element.childNodes /ko/docs/Web/API/Node/childNodes /ko/docs/DOM:element.firstChild /ko/docs/Web/API/Node/firstChild /ko/docs/DOM:element.lastChild /ko/docs/Web/API/Node/lastChild /ko/docs/DOM:element.length /ko/docs/Web/API/NodeList/length /ko/docs/DOM:event /ko/docs/Web/API/Event -/ko/docs/DOM:form /ko/docs/Web/API/HTMLFormElement /ko/docs/DOM:range /ko/docs/Web/API/Range /ko/docs/DOM:table /ko/docs/Web/API/HTMLTableElement /ko/docs/DOM:table.width /ko/docs/Web/API/HTMLTableElement/width @@ -432,7 +428,6 @@ /ko/docs/Web/API/Document/drag_이벤트 /ko/docs/Web/API/HTMLElement/drag_event /ko/docs/Web/API/Document/dragend_event /ko/docs/Web/API/HTMLElement/dragend_event /ko/docs/Web/API/Document/dragstart_event /ko/docs/Web/API/HTMLElement/dragstart_event -/ko/docs/Web/API/Document/keydown_event /ko/docs/Web/API/Element/keydown_event /ko/docs/Web/API/Document/keyup_event /ko/docs/Web/API/Element/keyup_event /ko/docs/Web/API/DocumentOrShadowRoot/activeElement /ko/docs/Web/API/Document/activeElement /ko/docs/Web/API/DocumentOrShadowRoot/getSelection /ko/docs/Web/API/Document/getSelection @@ -442,11 +437,9 @@ /ko/docs/Web/API/Document_Object_Model/소개 /ko/docs/Web/API/Document_Object_Model/Introduction /ko/docs/Web/API/Document_Object_Model/예제 /ko/docs/Web/API/Document_Object_Model/Examples /ko/docs/Web/API/Element.clientHeight /ko/docs/Web/API/Element/clientHeight -/ko/docs/Web/API/Element.getAttribute /ko/docs/Web/API/Element/getAttribute /ko/docs/Web/API/Element/accessKey /ko/docs/Web/API/HTMLElement/accessKey /ko/docs/Web/API/Element/childNodes /ko/docs/Web/API/Node/childNodes /ko/docs/Web/API/Element/firstChild /ko/docs/Web/API/Node/firstChild -/ko/docs/Web/API/Element/select_event /ko/docs/Web/API/HTMLInputElement/select_event /ko/docs/Web/API/Event/createEvent /ko/docs/Web/API/Document/createEvent /ko/docs/Web/API/EventListener /ko/docs/Web/API/EventTarget/addEventListener /ko/docs/Web/API/Fetch_API/Fetch의_사용법 /ko/docs/Web/API/Fetch_API/Using_Fetch @@ -459,7 +452,6 @@ /ko/docs/Web/API/GlobalEventHandlers/onsubmit /ko/docs/Web/API/HTMLFormElement/submit_event /ko/docs/Web/API/HTMLHyperlinkElementUtils/href /ko/docs/Web/API/HTMLAnchorElement/href /ko/docs/Web/API/HTML_드래그_앤_드롭_API /ko/docs/Web/API/HTML_Drag_and_Drop_API -/ko/docs/Web/API/HTML_드래그_앤_드롭_API/Drag_operations /ko/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations /ko/docs/Web/API/Media_Streams_API /ko/docs/Web/API/Media_Capture_and_Streams_API /ko/docs/Web/API/Navigation_timing_API /ko/docs/Web/API/Performance_API/Navigation_timing /ko/docs/Web/API/Navigator.battery /ko/docs/Web/API/Navigator/getBattery @@ -522,7 +514,6 @@ /ko/docs/Web/API/WindowTimers/setTimeout /ko/docs/Web/API/setTimeout /ko/docs/Web/API/XMLHttpRequest/timeout /ko/docs/Web/API/XMLHttpRequest/timeout_event /ko/docs/Web/API/document.importNode /ko/docs/Web/API/Document/importNode -/ko/docs/Web/API/element-temp /ko/docs/Web/API/Element /ko/docs/Web/API/window.navigator.battery /ko/docs/Web/API/Navigator/getBattery /ko/docs/Web/API/window.navigator.connection /ko/docs/Web/API/Navigator/connection /ko/docs/Web/API/window.screen.lockOrientation /ko/docs/Web/API/Screen/lockOrientation @@ -632,7 +623,6 @@ /ko/docs/Web/Events/canplaythrough /ko/docs/Web/API/HTMLMediaElement/canplaythrough_event /ko/docs/Web/Events/click /ko/docs/Web/API/Element/click_event /ko/docs/Web/Events/dragstart /ko/docs/Web/API/HTMLElement/dragstart_event -/ko/docs/Web/Events/keydown /ko/docs/Web/API/Element/keydown_event /ko/docs/Web/Events/load /ko/docs/Web/API/Window/load_event /ko/docs/Web/Events/orientationchange /ko/docs/Web/API/Window/orientationchange_event /ko/docs/Web/Events/popstate /ko/docs/Web/API/Window/popstate_event @@ -791,7 +781,6 @@ /ko/docs/Web/Reference/Events/canplay /ko/docs/Web/API/HTMLMediaElement/canplay_event /ko/docs/Web/Reference/Events/canplaythrough /ko/docs/Web/API/HTMLMediaElement/canplaythrough_event /ko/docs/Web/Reference/Events/click /ko/docs/Web/API/Element/click_event -/ko/docs/Web/Reference/Events/keydown /ko/docs/Web/API/Element/keydown_event /ko/docs/Web/Reference/Events/load /ko/docs/Web/API/Window/load_event /ko/docs/Web/Reference/Events/orientationchange /ko/docs/Web/API/Window/orientationchange_event /ko/docs/Web/Reference/Events/popstate /ko/docs/Web/API/Window/popstate_event diff --git a/files/ko/web/api/audionode/numberofoutputs/index.md b/files/ko/web/api/audionode/numberofoutputs/index.md index 334d4b2065ee3c..eda859ccb47da4 100644 --- a/files/ko/web/api/audionode/numberofoutputs/index.md +++ b/files/ko/web/api/audionode/numberofoutputs/index.md @@ -42,5 +42,4 @@ console.log(audioCtx.destination.numberOfOutputs); // 0 ## 같이 보기 -- [Web Audio - API 사용하기](/ko/docs/Web/API/Web_Audio_API/Using_Web_Audio_API) +- [Web Audio API 사용하기](/ko/docs/Web/API/Web_Audio_API/Using_Web_Audio_API) diff --git a/files/ko/web/api/cssmediarule/index.md b/files/ko/web/api/cssmediarule/index.md index 155a205291f65b..5e401fbd12a655 100644 --- a/files/ko/web/api/cssmediarule/index.md +++ b/files/ko/web/api/cssmediarule/index.md @@ -28,7 +28,7 @@ interface CSSMediaRule : CSSConditionRule { `CSSMediaRule`은 {{domxref("CSSConditionRule")}}, 그리고 {{domxref("CSSGroupingRule")}}와 {{domxref("CSSRule")}}로서 해당 인터페이스의 메서드를 구현합니다. 자체 메서드는 가지지 않습니다. -## 명세 +## 명세서 {{Specifications}} diff --git a/files/ko/web/api/customelementregistry/index.md b/files/ko/web/api/customelementregistry/index.md index b90a0ff0b31deb..6bd92b4aaa6057 100644 --- a/files/ko/web/api/customelementregistry/index.md +++ b/files/ko/web/api/customelementregistry/index.md @@ -66,7 +66,7 @@ customElements.define("word-count", WordCount, { extends: "p" }); > **참고:** `CustomElementRegistry`는 {{domxref("Window.customElements")}} 속성으로 접근할 수 있습니다. -## 명세 +## 명세서 {{Specifications}} diff --git a/files/ko/web/api/customevent/detail/index.md b/files/ko/web/api/customevent/detail/index.md index 78a81d709ba1a1..cb6a108ec94dec 100644 --- a/files/ko/web/api/customevent/detail/index.md +++ b/files/ko/web/api/customevent/detail/index.md @@ -36,7 +36,7 @@ obj.dispatchEvent(dogFound); // 콘솔에 "cat"과 "dog"가 기록됨 ``` -## 명세 +## 명세서 {{Specifications}} diff --git a/files/ko/web/api/customevent/index.md b/files/ko/web/api/customevent/index.md index b60946ca646e03..bf2b82d47841b6 100644 --- a/files/ko/web/api/customevent/index.md +++ b/files/ko/web/api/customevent/index.md @@ -30,7 +30,7 @@ slug: Web/API/CustomEvent - {{domxref("CustomEvent.initCustomEvent()")}} {{deprecated_inline}} - : `CustomEvent` 객체를 초기화합니다. 이미 발송한 이벤트에서는 아무 동작도 하지 않습니다. -## 명세 +## 명세서 {{Specifications}} diff --git a/files/ko/web/api/datatransfer/getdata/index.md b/files/ko/web/api/datatransfer/getdata/index.md index de20e89a7682c7..fcbef953525c3d 100644 --- a/files/ko/web/api/datatransfer/getdata/index.md +++ b/files/ko/web/api/datatransfer/getdata/index.md @@ -77,7 +77,7 @@ function drop(dropevent) { {{EmbedLiveSample('예제', 600) }} -## 명세 +## 명세서 {{Specifications}} diff --git a/files/ko/web/api/document/activeelement/index.md b/files/ko/web/api/document/activeelement/index.md index 26a1718a375ee1..1e30cc4e227e00 100644 --- a/files/ko/web/api/document/activeelement/index.md +++ b/files/ko/web/api/document/activeelement/index.md @@ -69,7 +69,7 @@ textarea2.addEventListener("mouseup", onMouseUp, false); {{ EmbedLiveSample('예제', '400', '400') }} -## 명세 +## 명세서 {{Specifications}} diff --git a/files/ko/web/api/document/applets/index.md b/files/ko/web/api/document/applets/index.md index 057dd7d01c921b..611d5d6d1edb1f 100644 --- a/files/ko/web/api/document/applets/index.md +++ b/files/ko/web/api/document/applets/index.md @@ -22,7 +22,7 @@ nodeList = document.applets; my_java_app = document.applets[1]; ``` -## 명세 +## 명세서 {{Specifications}} diff --git a/files/ko/web/api/document/body/index.md b/files/ko/web/api/document/body/index.md index be556088e324ef..331b0160a3a447 100644 --- a/files/ko/web/api/document/body/index.md +++ b/files/ko/web/api/document/body/index.md @@ -33,7 +33,7 @@ alert(document.body.id); // "newBodyElement" `body` 속성에 새로운 값을 설정할 수 있긴 하지만, 문서에 새로운 본문을 설정하는건 `` 요소가 가지고 있던 모든 자식을 제거하는 것과 같습니다. -## 명세 +## 명세서 {{Specifications}} diff --git a/files/ko/web/api/document/characterset/index.md b/files/ko/web/api/document/characterset/index.md index 1e520350dd2f6d..ebcb01ba8d8e55 100644 --- a/files/ko/web/api/document/characterset/index.md +++ b/files/ko/web/api/document/characterset/index.md @@ -18,7 +18,7 @@ slug: Web/API/Document/characterSet ``` -## 명세 +## 명세서 {{Specifications}} diff --git a/files/ko/web/api/document/compatmode/index.md b/files/ko/web/api/document/compatmode/index.md index 72cafcdc9dc30c..98daf607a7eb75 100644 --- a/files/ko/web/api/document/compatmode/index.md +++ b/files/ko/web/api/document/compatmode/index.md @@ -30,7 +30,7 @@ if (document.compatMode == "BackCompat") { } ``` -## 명세 +## 명세서 {{Specifications}} diff --git a/files/ko/web/api/element/clientleft/index.md b/files/ko/web/api/element/clientleft/index.md deleted file mode 100644 index 11ca645781c7ea..00000000000000 --- a/files/ko/web/api/element/clientleft/index.md +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: Element.clientLeft -slug: Web/API/Element/clientLeft ---- - -{{ APIRef("DOM") }} - -엘리먼트의 왼쪽 테두리의 너비 (픽셀 단위)입니다. 엘리먼트의 텍스트 방향이 오른쪽에서 왼쪽이고 오버플로로 인해 왼쪽 수직 스크롤 막대가 렌더링되는 경우 수직 스크롤 막대의 너비가 포함됩니다. `clientLeft`는 왼쪽 여백 또는 왼쪽 패딩을 포함하지 않습니다. `clientLeft`는 읽기 전용입니다. - -[`layout.scrollbar.side` 환경 설정](http://kb.mozillazine.org/Layout.scrollbar.side)이 1 또는 3으로 설정되고 텍스트 방향이 RTL로 설정된 경우 세로 스크롤 막대가 왼쪽에 배치되며 이는 clientLeft가 계산되는 방식에 영향을줍니다. - -> **참고:** 이 속성은 값을 정수로 반올림합니다. 소수점 단위 값이 필요할 경우, {{ domxref("element.getBoundingClientRect()") }}을 사용하십시오. - -## Syntax - -```js -var left = element.clientLeft; -``` - -## Example - -padding-top - -Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. - -Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - -padding-bottom - -**Left** **Top** **Right** **Bottom** _margin-top_ _margin-bottom_ _border-top_ _border-bottom_ - -## 명세서 - -{{Specifications}} - -## 브라우저 호환성 - -{{Compat}} - -## Notes - -`clientLeft` was first introduced in the MS IE DHTML object model. - -The position of the vertical scrollbar in right–to–left text direction set on the element will depend on the [`layout.scrollbar.side` preference](http://kb.mozillazine.org/Layout.scrollbar.side) - -When element has `display: inline`, then `clientLeft` returns `0` regardless of the element's border. diff --git a/files/ko/web/api/element/getattribute/index.md b/files/ko/web/api/element/getattribute/index.md deleted file mode 100644 index f80c301067a9b3..00000000000000 --- a/files/ko/web/api/element/getattribute/index.md +++ /dev/null @@ -1,43 +0,0 @@ ---- -title: Element.getAttribute() -slug: Web/API/Element/getAttribute ---- - -{{APIRef}} - -## 요약 - -`getAttribute()` 은 해당 요소에 지정된 값을 반환 합니다. 만약 주어진 속성이 존재 하지 않는 다면, null 값이나 ""(빈문자열); 을 반환 할 것입니다. 자세한 사항은 [Notes](#notes) 참조 하십시오. - -## 문법 - -```js -var attribute = element.getAttribute(attributeName); -``` - -- `attribute`는 `attributeName`의 값을 가지고 있는 문자열입니다. -- `attributeName`은 값을 얻고자 하는 속성의 이름입니다. - -## 예제 - -```js -let div1 = document.getElementById("div1"); -let align = div1.getAttribute("align"); - -alert(align); // id가 "div1"인 요소(element)의 align 값을 보여줍니다. -``` - -## Notes - -When called on an HTML element in a DOM flagged as an HTML document, `getAttribute()` lower-cases its argument before proceeding. - -Essentially all web browsers (Firefox, Internet Explorer, recent versions of Opera, Safari, Konqueror, and iCab, as a non-exhaustive list) return `null` when the specified attribute does not exist on the specified element; this is what [the current DOM specification draft](http://dom.spec.whatwg.org/#dom-element-getattribute) specifies. The old DOM 3 Core specification, on the other hand, says that the correct return value in this case is actually the _empty string_, and some DOM implementations implement this behavior. The implementation of `getAttribute()` in XUL (Gecko) actually follows the DOM 3 Core specification and returns an empty string. Consequently, you should use {{domxref("element.hasAttribute()")}} to check for an attribute's existence prior to calling `getAttribute()` if it is possible that the requested attribute does not exist on the specified element. - -## 브라우저 호환성 - -{{Compat}} - -## Specification - -- [DOM Level 2 Core: getAttribute](http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-666EE0F9) (introduced in [DOM Level 1 Core](http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-getAttribute)) -- [HTML 5: APIs in HTML documents](http://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#apis-in-html-documents) diff --git a/files/ko/web/api/element/index.md b/files/ko/web/api/element/index.md deleted file mode 100644 index a17b0d4e268236..00000000000000 --- a/files/ko/web/api/element/index.md +++ /dev/null @@ -1,183 +0,0 @@ ---- -title: Element -slug: Web/API/Element ---- - -{{APIRef("DOM")}} - -**`Element`** 는 {{domxref("Document")}} 안의 모든 객체가 상속하는 제일 범용적인 기반 클래스로 공통 메서드와 속성만 가지고 있으며, 특정 요소를 더 상세하게 표현하는 클래스가 `Element`를 상속합니다. 예를 들어 {{domxref("HTMLElement")}} 인터페이스는 HTML 요소의 기반 인터페이스이고 {{domxref("SVGElement")}} 인터페이스는 모든 SVG 요소의 기초입니다. - -XUL의 `XULElement`처럼 웹 플랫폼 밖에서도 `Element`를 구현합니다. - -{{InheritanceDiagram}} - -## 속성 - -_부모 인터페이스인 {{domxref("Node")}}와 그 부모인 {{domxref("EventTarget")}}의 속성을 상속합니다. {{domxref("ParentNode")}}, {{domxref("ChildNode")}}, {{domxref("NonDocumentTypeChildNode")}}와 {{domxref("Animatable")}}의 속성을 구현합니다._ - -- {{domxref("Element.attributes")}} {{readOnlyInline}} - - : HTML 요소에 할당한 속성을 담은 {{domxref("NamedNodeMap")}} 객체를 반환합니다. -- {{domxref("Element.classList")}} {{readOnlyInline}} - - : 요소의 클래스 속성 리스트를 담은 {{domxref("DOMTokenList")}}를 반환합니다. -- {{domxref("Element.className")}} - - : 요소의 클래스를 나타내는 {{domxref("DOMString")}}을 반환합니다. -- {{domxref("Element.clientHeight")}} {{readOnlyInline}} - - : 요소의 안쪽 높이를 나타내는 {{jsxref("Number")}}를 반환합니다. -- {{domxref("Element.clientLeft")}} {{readOnlyInline}} - - : 요소의 왼쪽 테두리 너비를 나타내는 {{jsxref("Number")}}를 반환합니다. -- {{domxref("Element.clientTop")}} {{readOnlyInline}} - - : 요소의 위쪽 테두리 너비를 나타내는 {{jsxref("Number")}}를 반환합니다. -- {{domxref("Element.clientWidth")}} {{readOnlyInline}} - - : 요소의 안쪽 너비를 나타내는 {{jsxref("Number")}}를 반환합니다. -- {{domxref("Element.computedName")}} {{readOnlyInline}} - - : 요소가 노출하는 접근성 라벨을 포함한 {{domxref("DOMString")}}을 반환합니다. -- {{domxref("Element.computedRole")}} {{readOnlyInline}} - - : Returns a {{domxref("DOMString")}} containing the ARIA role that has been applied to a particular element. -- {{ domxref("Element.id") }} - - : Is a {{domxref("DOMString")}} representing the id of the element. -- {{ domxref("Element.innerHTML") }} - - : Is a {{domxref("DOMString")}} representing the markup of the element's content. -- {{ domxref("Element.localName") }} {{readOnlyInline}} - - : A {{domxref("DOMString")}} representing the local part of the qualified name of the element. -- {{domxref("Element.namespaceURI")}} {{readonlyInline}} - - : The namespace URI of the element, or `null` if it is no namespace.> **참고:** Firefox 3.5 이하에서는 HTML 요소가 네임스페이스에 속해있지 않습니다. 이후 버전에서는 HTML과 XML 트리 모두에서 [`http://www.w3.org/1999/xhtml`](http://www.w3.org/1999/xhtml) 네임스페이스를 사용합니다. -- {{ domxref("NonDocumentTypeChildNode.nextElementSibling") }} {{readOnlyInline}} - - : Is an {{ domxref("Element") }}, the element immediately following the given one in the tree, or `null` if there's no sibling node. -- {{ domxref("Element.outerHTML") }} - - : Is a {{domxref("DOMString")}} representing the markup of the element including its content. When used as a setter, replaces the element with nodes parsed from the given string. -- {{ domxref("Element.prefix") }} {{readOnlyInline}} - - : A {{domxref("DOMString")}} representing the namespace prefix of the element, or `null` if no prefix is specified. -- {{ domxref("NonDocumentTypeChildNode.previousElementSibling") }} {{readOnlyInline}} - - : Is a {{ domxref("Element") }}, the element immediately preceding the given one in the tree, or `null` if there is no sibling element. -- {{ domxref("Element.scrollHeight") }} {{readOnlyInline}} - - : Returns a {{jsxref("Number")}} representing the scroll view height of an element. -- {{ domxref("Element.scrollLeft") }} - - : Is a {{jsxref("Number")}} representing the left scroll offset of the element. -- {{ domxref("Element.scrollLeftMax") }} {{non-standard_inline}} {{readOnlyInline}} - - : Returns a {{jsxref("Number")}} representing the maximum left scroll offset possible for the element. -- {{ domxref("Element.scrollTop") }} - - : A {{jsxref("Number")}} representing number of pixels the top of the document is scrolled vertically. -- {{ domxref("Element.scrollTopMax") }} {{non-standard_inline}} {{readOnlyInline}} - - : Returns a {{jsxref("Number")}} representing the maximum top scroll offset possible for the element. -- {{ domxref("Element.scrollWidth") }} {{readOnlyInline}} - - : Returns a {{jsxref("Number")}} representing the scroll view width of the element. -- {{domxref("Element.shadowRoot") }}{{readOnlyInline}} - - : Returns the open shadow root that is hosted by the element, or null if no open shadow root is present. -- {{domxref("Element.openOrClosedShadowRoot")}} {{non-standard_inline}}{{readOnlyInline}} - - : Returns the shadow root that is hosted by the element, regardless if its open or closed. **Available only to [WebExtensions](/ko/docs/Mozilla/Add-ons/WebExtensions).** -- {{domxref("Element.slot")}} {{experimental_inline}} - - : Returns the name of the shadow DOM slot the element is inserted in. -- {{domxref("Element.tabStop")}} {{non-standard_inline}} - - : Is a {{jsxref("Boolean")}} indicating if the element can receive input focus via the tab key. -- {{ domxref("Element.tagName") }} {{readOnlyInline}} - - : Returns a {{jsxref("String")}} with the name of the tag for the given element. -- {{ domxref("Element.undoManager")}} {{experimental_inline}} {{readOnlyInline}} - - : Returns the {{domxref("UndoManager")}} associated with the element. -- {{ domxref("Element.undoScope")}} {{experimental_inline}} - - : Is a {{jsxref("Boolean")}} indicating if the element is an undo scope host, or not. - -> **참고:** **Note:** DOM Level 3 명세는 `namespaceURI`, `localName`, `prefix`를 {{domxref("Node")}}에 정의했고, DOM4에서 `Element`로 옮겨졌습니다.이 변경점은 Chrome 46.0과 Firefox 48.0부터 구현됐습니다. - -### `Slotable` 속성 - -_`Element` 인터페이스는 {{domxref("Slotable")}} 믹스인에 정의된 다음 속성을 가집니다._ - -- {{domxref("Slotable.assignedSlot")}}{{readonlyInline}} - - : Returns a {{domxref("HTMLSlotElement")}} representing the {{htmlelement("slot")}} the node is inserted in. - -## 메서드 - -_부모 인터페이스인 {{domxref("Node")}}와 그 부모인 {{domxref("EventTarget")}}의 메서드를 상속합니다. {{domxref("ParentNode")}}, {{domxref("ChildNode")}}, {{domxref("NonDocumentTypeChildNode")}}와 {{domxref("Animatable")}}의 메서드를 구현합니다._ - -- {{ domxref("EventTarget.addEventListener()") }} - - : Registers an event handler to a specific event type on the element. -- {{domxref("Element.attachShadow()")}} - - : Attatches a shadow DOM tree to the specified element and returns a reference to its {{domxref("ShadowRoot")}}. -- {{domxref("Element.animate()")}} {{experimental_inline}} - - : A shortcut method to create and run an animation on an element. Returns the created Animation object instance. -- {{ domxref("Element.closest()")}} {{experimental_inline}} - - : Returns the {{domxref("Element")}} which is the closest ancestor of the current element (or the current element itself) which matches the selectors given in parameter. -- {{ domxref("Element.createShadowRoot()")}} {{non-standard_inline}} {{deprecated_inline}} - - : Creates a [shadow DOM](/ko/docs/Web/Web_Components/Shadow_DOM) on on the element, turning it into a shadow host. Returns a {{domxref("ShadowRoot")}}. -- {{domxref("Element.computedStyleMap()")}} {{experimental_inline}} - - : Returns a {{domxref("StylePropertyMapReadOnly")}} interface which provides a read-only representation of a CSS declaration block that is an alternative to {{domxref("CSSStyleDeclaration")}}. -- {{ domxref("EventTarget.dispatchEvent()") }} - - : Dispatches an event to this node in the DOM and returns a {{jsxref("Boolean")}} that indicates whether no handler canceled the event. -- {{domxref("Element.getAnimations()")}} {{experimental_inline}} - - : Returns an array of Animation objects currently active on the element. -- {{ domxref("Element.getAttribute()") }} - - : Retrieves the value of the named attribute from the current node and returns it as an {{jsxref("Object")}}. -- {{ domxref("Element.getAttributeNames()") }} - - : Returns an array of attribute names from the current element. -- {{ domxref("Element.getAttributeNS()") }} - - : Retrieves the value of the attribute with the specified name and namespace, from the current node and returns it as an {{jsxref("Object")}}. -- {{ domxref("Element.getBoundingClientRect()") }} - - : Returns the size of an element and its position relative to the viewport. -- {{ domxref("Element.getClientRects()") }} - - : Returns a collection of rectangles that indicate the bounding rectangles for each line of text in a client. -- {{ domxref("Element.getElementsByClassName()") }} - - : Returns a live {{ domxref("HTMLCollection") }} that contains all descendants of the current element that possess the list of classes given in the parameter. -- {{ domxref("Element.getElementsByTagName()") }} - - : Returns a live {{ domxref("HTMLCollection") }} containing all descendant elements, of a particular tag name, from the current element. -- {{ domxref("Element.getElementsByTagNameNS()") }} - - : Returns a live {{ domxref("HTMLCollection") }} containing all descendant elements, of a particular tag name and namespace, from the current element. -- {{ domxref("Element.hasAttribute()") }} - - : Returns a {{jsxref("Boolean")}} indicating if the element has the specified attribute or not. -- {{ domxref("Element.hasAttributeNS()") }} - - : Returns a {{jsxref("Boolean")}} indicating if the element has the specified attribute, in the specified namespace, or not. -- {{ domxref("Element.hasAttributes()") }} - - : Returns a {{jsxref("Boolean")}} indicating if the element has one or more HTML attributes present. -- {{DOMxRef("Element.hasPointerCapture()")}} - - : Indicates whether the element on which it is invoked has pointer capture for the pointer identified by the given pointer ID. -- {{ domxref("Element.insertAdjacentElement()") }} - - : Inserts a given element node at a given position relative to the element it is invoked upon. -- {{ domxref("Element.insertAdjacentHTML()") }} - - : Parses the text as HTML or XML and inserts the resulting nodes into the tree in the position given. -- {{ domxref("Element.insertAdjacentText()") }} - - : Inserts a given text node at a given position relative to the element it is invoked upon. -- {{ domxref("Element.matches()") }} {{experimental_inline}} - - : Returns a {{jsxref("Boolean")}} indicating whether or not the element would be selected by the specified selector string. -- {{ domxref("Element.querySelector()") }} - - : Returns the first {{ domxref("Node") }} which matches the specified selector string relative to the element. -- {{ domxref("Element.querySelectorAll()") }} - - : Returns a {{ domxref("NodeList") }} of nodes which match the specified selector string relative to the element. -- {{ domxref("Element.releasePointerCapture()")}} - - : Releases (stops) pointer capture that was previously set for a specific {{domxref("PointerEvent","pointer event")}}. -- {{domxref("ChildNode.remove()")}} {{experimental_inline}} - - : Removes the element from the children list of its parent. -- {{ domxref("Element.removeAttribute()") }} - - : Removes the named attribute from the current node. -- {{ domxref("Element.removeAttributeNS()") }} - - : Removes the attribute with the specified name and namespace, from the current node. -- {{ domxref("EventTarget.removeEventListener()") }} - - : Removes an event listener from the element. -- {{ domxref("Element.requestFullscreen()") }} {{experimental_inline}} - - : Asynchronously asks the browser to make the element full-screen. -- {{ domxref("Element.requestPointerLock()")}} {{experimental_inline}} - - : Allows to asynchronously ask for the pointer to be locked on the given element. -- {{domxref("Element.scroll()")}} - - : Scrolls to a particular set of coordinates inside a given element. -- {{domxref("Element.scrollBy()")}} - - : Scrolls an element by the given amount. -- {{ domxref("Element.scrollIntoView()") }} {{experimental_inline}} - - : Scrolls the page until the element gets into the view. -- {{ domxref("Element.scrollTo()") }} - - : Scrolls to a particular set of coordinates inside a given element. -- {{ domxref("Element.setAttribute()") }} - - : Sets the value of a named attribute of the current node. -- {{ domxref("Element.setAttributeNS()") }} - - : Sets the value of the attribute with the specified name and namespace, from the current node. -- {{ domxref("Element.setCapture()") }} {{non-standard_inline}} - - : Sets up mouse event capture, redirecting all mouse events to this element. -- {{domxref("Element.setPointerCapture()")}} - - : Designates a specific element as the capture target of future [pointer events](/ko/docs/Web/API/Pointer_events). -- {{domxref("Element.toggleAttribute()")}} - - : Toggles a boolean attribute, removing it if it is present and adding it if it is not present, on the specified element. - -## 명세 - -{{Specifications}} - -## 브라우저 호환성 - -{{Compat}} diff --git a/files/ko/web/api/element/keydown_event/index.md b/files/ko/web/api/element/keydown_event/index.md deleted file mode 100644 index ba3296f05c6931..00000000000000 --- a/files/ko/web/api/element/keydown_event/index.md +++ /dev/null @@ -1,231 +0,0 @@ ---- -title: keydown -slug: Web/API/Element/keydown_event ---- - -`keydown` 이벤트늘 키가 눌렸을 때 발생합니다. - -## General info - -- Specification - - : [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown) -- Interface - - : [KeyboardEvent](/ko/docs/DOM/KeyboardEvent) -- Bubbles - - : Yes -- Cancelable - - : Yes -- Target - - : Document, Element -- Default Action - - : Varies: `keypress` event; launch text composition system; `blur` and `focus` events; `DOMActivate` event; other event - -## Properties - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
PropertyTypeDescription
target {{readonlyInline}}EventTargetThe event target (the topmost target in the DOM tree).
type {{readonlyInline}}DOMStringThe type of event.
bubbles {{readonlyInline}}BooleanWhether the event normally bubbles or not
cancelable {{readonlyInline}}BooleanWhether the event is cancellable or not?
view {{readonlyInline}}WindowProxy - document.defaultView - (window of the document) -
detail {{readonlyInline}}long (float)0.
target {{readonlyInline}}EventTarget (DOM element) - Focused element processing the key event, root element if no suitable - input element focused. -
char {{readonlyInline}}DOMString (string) - The character value of the key. If the key corresponds to a printable - character, this value is a non-empty Unicode string containing that - character. If the key doesn't have a printable representation, this is - an empty string. See - key names and char values - for the detail. -
- Note: If the key is used as a macro that inserts - multiple characters, this attribute's value is the entire string, not - just the first character. -
-
key {{readonlyInline}}DOMString (string) - The key value of the key represented by the event. If the value has a - printed representation, this attribute's value is the same as the - char attribute. Otherwise, it's one of the key value - strings specified in Key values. If the key - can't be identified, this is the string "Unidentified". See - key names and char values - for the detail. Read Only. -
charCode {{readonlyInline}}Unsigned long (int) - The Unicode reference number of the key; this attribute is used only by - the - keypress - event. For keys whose char attribute contains multiple - characters, this is the Unicode value of the first character in that - attribute. -
- Warning: This attribute is deprecated; you should use - char instead, if available. -
-
keyCode {{readonlyInline}}Unsigned long (int) - A system and implementation dependent numerical code identifying the - unmodified value of the pressed key. This is usually the decimal ASCII - ({{ RFC(20) }}) or Windows 1252 code corresponding to the key; see - Virtual key codes for a list of common - values. If the key can't be identified, this value is 0. -
- Warning: This attribute is deprecated; you should use - key instead, if available. -
-
which {{readonlyInline}}Unsigned long (int) - A system and implementation dependent numeric code identifying the - unmodified value of the pressed key; this is usually the same as - keyCode. -
- Warning: This attribute is deprecated; you should use - key instead, if available. -
-
location {{readonlyInline}}long (float)The location of the key on the device.
repeat {{readonlyInline}}boolean - true if a key has been depressed long enough to trigger key - repetition, otherwise false. -
locale {{readonlyInline}}string - The language code for the key event, if available; otherwise, the empty - string. -
ctrlKey {{readonlyInline}}boolean - true if the control key was down when the event was fired. - false otherwise. -
shiftKey {{readonlyInline}}boolean - true if the shift key was down when the event was fired. - false otherwise. -
altKey {{readonlyInline}}boolean - true if the alt key was down when the event was fired. - false otherwise. -
metaKey {{readonlyInline}}boolean - true if the meta key was down when the event was fired. - false otherwise. -
- -## `preventDefault()` of `keydown` event - -Starting with Gecko 25, a call of `preventDefault()` of `keydown` event prevents to dispatch following `keypress` event. This is valid behavior for D3E spec and the other major web browsers behave so. On the other hand, Gecko 24 or earlier dispatched `keypress` event even if `preventDefault()` of preceding `keydown` event is called. Although the `keypress` event's `defaultPrevented` attribute was `true` in this case. - -## 명세서 - -{{Specifications}} - -## 브라우저 호환성 - -{{Compat}} - -## 같이 보기 - -- [`input`](/ko/docs/Web/API/HTMLElement/input_event) -- [`keypress`](/ko/docs/Web/API/Element/keypress_event) -- [`keyup`](/ko/docs/Web/API/Element/keyup_event) diff --git a/files/ko/web/api/fetchevent/index.md b/files/ko/web/api/fetchevent/index.md deleted file mode 100644 index 29e847d3cc843b..00000000000000 --- a/files/ko/web/api/fetchevent/index.md +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: FetchEvent -slug: Web/API/FetchEvent ---- - -{{SeeCompatTable}}{{APIRef("Service Workers API")}} - -This is the event type for `fetch` events dispatched on the {{domxref("ServiceWorkerGlobalScope", "service worker global scope", "", 1)}}. It contains information about the fetch, including the request and how the receiver will treat the response. It provides the {{domxref("FetchEvent.respondWith", "event.respondWith()")}} method, which allows us to provide a response to this fetch. - -## Constructor - -- {{domxref("FetchEvent.FetchEvent()", "FetchEvent()")}} - - : Creates a new `FetchEvent` object. This constructor is not typically used. The browser creates these objects itself and provides them to `fetch` event callbacks. - -## Properties - -_Inherits properties from its ancestor, {{domxref("Event")}}_. - -- {{domxref("fetchEvent.clientId")}} {{readonlyInline}} - - : The {{domxref("Client.id", "id")}} of the same-origin {{domxref("Client", "client")}} that initiated the fetch. -- {{domxref("fetchEvent.preloadResponse")}} {{readonlyinline}} - - : A {{jsxref("Promise")}} for a {{domxref("Response")}}, or void if this is not a navigation, or {{domxref("NavigationPreloadManager", "navigation preload", "", 1)}} is not enabled. -- {{domxref("fetchEvent.request")}} {{readonlyInline}} - - : The {{domxref("Request")}} the browser intends to make. - -## Methods - -_Inherits methods from its parent,_ _{{domxref("ExtendableEvent")}}_. - -- {{domxref("fetchEvent.respondWith()")}} - - : Prevent the browser's default fetch handling, and provide (a promise for) a response yourself. -- {{domxref("extendableEvent.waitUntil()")}} - - : Extends the lifetime of the event. Used to notify the browser of tasks that extend beyond the returning of a response, such as streaming and caching. - -## Examples - -This fetch event uses the browser default for non-GET requests. For GET requests it tries to return a match in the cache, and falls back to the network. If it finds a match in the cache, it asynchronously updates the cache for next time. - -```js -addEventListener("fetch", (event) => { - // Let the browser do its default thing - // for non-GET requests. - if (event.request.method != "GET") return; - - // Prevent the default, and handle the request ourselves. - event.respondWith( - (async function () { - // Try to get the response from a cache. - const cache = await caches.open("dynamic-v1"); - const cachedResponse = await cache.match(event.request); - - if (cachedResponse) { - // If we found a match in the cache, return it, but also - // update the entry in the cache in the background. - event.waitUntil(cache.add(event.request)); - return cachedResponse; - } - - // If we didn't find a match in the cache, use the network. - return fetch(event.request); - })(), - ); -}); -``` - -## 명세서 - -{{Specifications}} - -## 브라우저 호환성 - -{{Compat}} - -## See also - -- {{jsxref("Promise")}} -- [Fetch API](/ko/docs/Web/API/Fetch_API) diff --git a/files/ko/web/api/fetchevent/respondwith/index.md b/files/ko/web/api/fetchevent/respondwith/index.md deleted file mode 100644 index bdc518d9047877..00000000000000 --- a/files/ko/web/api/fetchevent/respondwith/index.md +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: FetchEvent.respondWith() -slug: Web/API/FetchEvent/respondWith ---- - -{{APIRef("Service Workers API")}}{{SeeCompatTable}} - -{{domxref("FetchEvent")}}의 **`respondWith()`** 메소드는 브라우저의 기본 fetch 핸들링을 막고, 당신 스스로 {{domxref("Response")}}에 대한 promise를 제공할 수 있게 허락합니다. - -대부분의 상황에서 당신은 수신자가 이해하는 어떠한 응답이라도 제공할 수 있습니다. 예를 들어, {{HTMLElement('img')}} 엘리먼트가 해당 요청을 시작했다면, 응답 객체는 이미지 데이터를 필요로 합니다. 보안적인 이유들로, 여기엔 몇가지 전역 규칙이 존재합니다. - -- You can only return {{domxref("Response")}} objects of {{domxref("Response.type", "type")}} "`opaque`" if the {{domxref("fetchEvent.request")}} object's {{domxref("request.mode", "mode")}} is "`no-cors`". This prevents the leaking of private data. -- You can only return {{domxref("Response")}} objects of {{domxref("Response.type", "type")}} "`opaqueredirect`" if the {{domxref("fetchEvent.request")}} object's {{domxref("request.mode", "mode")}} is "`manual`". -- You cannot return {{domxref("Response")}} objects of {{domxref("Response.type", "type")}} "`cors`" if the {{domxref("fetchEvent.request")}} object's {{domxref("request.mode", "mode")}} is "`same-origin`". - -### Specifying the final URL of a resource - -From Firefox 59 onwards, when a service worker provides a {{domxref("Response")}} to {{domxref("FetchEvent.respondWith()")}}, the {{domxref("Response.url")}} value will be propagated to the intercepted network request as the final resolved URL. If the {{domxref("Response.url")}} value is the empty string, then the {{domxref("Request.url","FetchEvent.request.url")}} is used as the final URL. - -In the past the {{domxref("Request.url","FetchEvent.request.url")}} was used as the final URL in all cases. The provided {{domxref("Response.url")}} was effectively ignored. - -This means, for example, if a service worker intercepts a stylesheet or worker script, then the provided {{domxref("Response.url")}} will be used to resolve any relative {{cssxref("@import")}} or {{domxref("WorkerGlobalScope.importScripts()","importScripts()")}} subresource loads ([Firefox bug 1222008](https://bugzil.la/1222008)). - -For most types of network request this change has no impact because you can't observe the final URL. There are a few, though, where it does matter: - -- If a {{domxref("fetch()")}} is intercepted, then you can observe the final URL on the result's {{domxref("Response.url")}}. -- If a [worker](/ko/docs/Web/API/Web_Workers_API) script is intercepted, then the final URL is used to set [`self.location`](/ko/docs/Web/API/WorkerGlobalScope/location) and used as the base URL for relative URLs in the worker script. -- If a stylesheet is intercepted, then the final URL is used as the base URL for resolving relative {{cssxref("@import")}} loads. - -Note that navigation requests for {{domxref("Window","Windows")}} and {{domxref("HTMLIFrameElement","iframes")}} do NOT use the final URL. The way the HTML specification handles redirects for navigations ends up using the request URL for the resulting {{domxref("Window.location")}}. This means sites can still provide an "alternate" view of a web page when offline without changing the user-visible URL. - -## Syntax - -```js -fetchEvent - .respondWith - // Promise that resolves to a Response. - (); -``` - -### Parameters - -A {{jsxref("Promise")}} for a {{domxref("Response")}}. - -### Return value - -Void. - -### Exceptions - -| Exception | Notes | -| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `NetworkError` | A network error is triggered on certain combinations of {{domxref("Request.mode","FetchEvent.request.mode")}} and {{domxref("Response.type")}} values, as hinted at in the "global rules" listed above. | - -## Examples - -This fetch event tries to return a response from the cache API, falling back to the network otherwise. - -```js -addEventListener("fetch", (event) => { - // Prevent the default, and handle the request ourselves. - event.respondWith( - (async function () { - // Try to get the response from a cache. - const cachedResponse = await caches.match(event.request); - // Return it if we found one. - if (cachedResponse) return cachedResponse; - // If we didn't find a match in the cache, use the network. - return fetch(event.request); - })(), - ); -}); -``` - -## 명세서 - -{{Specifications}} - -## 브라우저 호환성 - -{{Compat}} - -## See also - -- [Using Service Workers](/ko/docs/Web/API/ServiceWorker_API/Using_Service_Workers) -- [Is ServiceWorker ready?](https://jakearchibald.github.io/isserviceworkerready/) -- {{jsxref("Promise")}} -- [Fetch API](/ko/docs/Web/API/Fetch_API) diff --git a/files/ko/web/api/gamepad_api/using_the_gamepad_api/index.md b/files/ko/web/api/gamepad_api/using_the_gamepad_api/index.md deleted file mode 100644 index 869bbb8a224b4e..00000000000000 --- a/files/ko/web/api/gamepad_api/using_the_gamepad_api/index.md +++ /dev/null @@ -1,386 +0,0 @@ ---- -title: Using the Gamepad API -slug: Web/API/Gamepad_API/Using_the_Gamepad_API ---- - -HTML5 introduced many of the necessary components for rich, interactive game development. Technologies like ``, WebGL, `