diff --git a/.prettierignore b/.prettierignore index 2ff720ae4c8404..d2018d6469b275 100644 --- a/.prettierignore +++ b/.prettierignore @@ -61,7 +61,6 @@ build/ /files/ko/mozilla/add-ons/**/*.md /files/ko/mozilla/add-ons/webextensions/api/**/*.md /files/ko/mozilla/firefox**/*.md -/files/ko/web/**/*.md /files/ko/web/api/**/*.md /files/ko/web/css/**/*.md /files/ko/web/html/**/*.md diff --git a/files/ko/web/accessibility/aria/roles/dialog_role/index.md b/files/ko/web/accessibility/aria/roles/dialog_role/index.md index 231484bf7c4cfc..68ae8c9b6b12d0 100644 --- a/files/ko/web/accessibility/aria/roles/dialog_role/index.md +++ b/files/ko/web/accessibility/aria/roles/dialog_role/index.md @@ -1,5 +1,5 @@ --- -title: 'ARIA: dialog role' +title: "ARIA: dialog role" slug: Web/Accessibility/ARIA/Roles/dialog_role --- @@ -10,10 +10,14 @@ slug: Web/Accessibility/ARIA/Roles/dialog_role [`dialog`](http://www.w3.org/TR/2009/WD-wai-aria-20091215/roles#dialog) 역할(role)은 HTML 기반의 애플리케이션의 다이얼로그 또는 콘텐츠를 분리하는 창 또는 다른 웹 애플리케이션의 UI 혹은 페이지를 마크업하는데 사용됩니다. 다이얼로그는 일반적으로 오버레이를 사용하여 페이지 위에 표시됩니다. 다이얼로그는 비모달(non-modal) (열린 이후에도 다이얼로그 바깥의 콘텐츠와 상호작용할 수 있습니다) 또는 모달(오로지 다이얼로그 콘텐츠와 상호작용할 수 있습니다) 형태일 수 있습니다. ```html -
+

귀하의 개인정보가 성공적으로 갱신되었습니다.

- 개인정보 관리 페이지에서 언제든지 개인정보를 수정할 수 있습니다. + 개인정보 관리 페이지에서 언제든지 개인정보를 수정할 + 수 있습니다.

@@ -35,10 +39,14 @@ slug: Web/Accessibility/ARIA/Roles/dialog_role 만약 다이얼로그가 이미 눈에 보이는 타이틀바를 가지고 있다면, 그 안속의 텍스트는 다이얼로그를 레이블하는데 사용될 수 있습니다. 이를 이루기 위해 `role="dialog"` 속성을 가진 요소에 `aria-labelledby` 속성을 사용합니다. 또한, 만약 다이얼로그에 제목 외의 추가적인 설명 텍스트가 있다면, 그 텍스트는 `aria-describedby` 속성을 사용하여 다이얼로그에 관련되게 만들 수 있습니다. 이러한 방법은 아래 코드를 통해 확인하실 수 있습니다: ```html -
+

귀하의 개인정보가 성공적으로 갱신되었습니다.

- 개인정보 관리 페이지에서 언제든지 개인정보를 수정할 수 있습니다. + 개인정보 관리 페이지에서 언제든지 개인정보를 수정할 + 수 있습니다.

@@ -79,27 +87,30 @@ When the dialog is correctly labeled and focus is moved to a control inside the #### 예제 1: 폼을 포함하는 다이얼로그 ```html -
-

구독하기

-

우리는 이 정보를 제 3자에게 제공하지 않습니다.

-
-

- - -

-

- - -

-

- - -

-

- -

-
-
+
+

구독하기

+

우리는 이 정보를 제 3자에게 제공하지 않습니다.

+
+

+ + +

+

+ + +

+

+ + +

+

+ +

+
+
``` #### Example 2: A dialog based on a Fieldset as fallback content @@ -107,10 +118,18 @@ When the dialog is correctly labeled and focus is moved to a control inside the To support browsers or AT products that do not support ARIA mark up, it's also possible to use apply the dialog markup to a fieldset element as fallback content. This way the dialog title will still be announced correctly: ```html -
+
- Your personal details were successfully updated. - You can change your details at any time in the user account section. + Your personal details were successfully updated. + You can change your details at any time in the user account + section. diff --git a/files/ko/web/accessibility/mobile_accessibility_checklist/index.md b/files/ko/web/accessibility/mobile_accessibility_checklist/index.md index 4e1018ca455f31..96b5781674b0bb 100644 --- a/files/ko/web/accessibility/mobile_accessibility_checklist/index.md +++ b/files/ko/web/accessibility/mobile_accessibility_checklist/index.md @@ -58,9 +58,9 @@ slug: Web/Accessibility/Mobile_accessibility_checklist ```html

Top level heading

-

Secondary heading

-

Another secondary heading

-

Low level heading

+

Secondary heading

+

Another secondary heading

+

Low level heading

``` - [ARIA Landmark Roles](http://www.w3.org/TR/wai-aria/roles#landmark_roles_header) **SHOULD** be used to describe an app or document structure, such as `banner`, `complementary`, `contentinfo`, `main`, `navigation`, `search`. diff --git a/files/ko/web/exslt/index.md b/files/ko/web/exslt/index.md index 6650e8aa542a9d..1c4598e55e8240 100644 --- a/files/ko/web/exslt/index.md +++ b/files/ko/web/exslt/index.md @@ -2,6 +2,7 @@ title: EXSLT slug: Web/EXSLT --- + {{ XsltRef() }} EXSLT는 [XSLT](/ko/XSLT)의 확장입니다. 많은 모듈이 있으며, Firefox에서 지원되는 것들은 다음과 같습니다. - [Common](#Common) (`exsl`) diff --git a/files/ko/web/guide/parsing_and_serializing_xml/index.md b/files/ko/web/guide/parsing_and_serializing_xml/index.md index 7c1132a87f79fe..5b3244d6f448e7 100644 --- a/files/ko/web/guide/parsing_and_serializing_xml/index.md +++ b/files/ko/web/guide/parsing_and_serializing_xml/index.md @@ -22,7 +22,11 @@ var sMyString = 'hey!'; var oParser = new DOMParser(); var oDOM = oParser.parseFromString(sMyString, "text/xml"); // 루트 요소의 이름, 또는 에러 메시지를 출력합니다. -dump(oDOM.documentElement.nodeName == "parsererror" ? "error while parsing" : oDOM.documentElement.nodeName); +dump( + oDOM.documentElement.nodeName == "parsererror" + ? "error while parsing" + : oDOM.documentElement.nodeName, +); ``` ### 자바스크립트 객체 트리를 시작점으로 하여 XML 문서를 생성(JXON) @@ -37,12 +41,12 @@ dump(oDOM.documentElement.nodeName == "parsererror" ? "error while parsing" : oD ```js var xhr = new XMLHttpRequest(); -xhr.onload = function() { +xhr.onload = function () { dump(xhr.responseXML.documentElement.nodeName); -} -xhr.onerror = function() { +}; +xhr.onerror = function () { dump("Error while getting XML."); -} +}; xhr.open("GET", "example.xml"); xhr.responseType = "document"; xhr.send(); @@ -68,8 +72,9 @@ var sXML = oSerializer.serializeToString(doc); `new XMLSerializer()` 생성자는 JS XPCOM 컴포넌트(혹은 [JS module](/en/JavaScript_code_modules)) 내에서는 사용이 불가능합니다. 대신, 다음과 같은 코드를 작성하세요. ```js -var oSerializer = Components.classes["@mozilla.org/xmlextras/xmlserializer;1"] - .createInstance(Components.interfaces.nsIDOMSerializer); +var oSerializer = Components.classes[ + "@mozilla.org/xmlextras/xmlserializer;1" +].createInstance(Components.interfaces.nsIDOMSerializer); var sXML = oSerializer.serializeToString(doc); ``` @@ -107,13 +112,17 @@ var sPrettyXML = XML(oSerializer.serializeToString(doc)).toXMLString(); 이제 DOM 트리인 `doc`를 파일로 직렬화 해봅시다. 파일에 대해 더 알아보고 싶다면, [모질라에서 파일 사용과 관련하여](/en/Code_snippets/File_I//O)를 참조하세요. ```js -var oFOStream = Components.classes["@mozilla.org/network/file-output-stream;1"].createInstance(Components.interfaces.nsIFileOutputStream); -var oFile = Components.classes["@mozilla.org/file/directory_service;1"].getService(Components.interfaces.nsIProperties).get("ProfD", Components.interfaces.nsILocalFile); // get profile folder +var oFOStream = Components.classes[ + "@mozilla.org/network/file-output-stream;1" +].createInstance(Components.interfaces.nsIFileOutputStream); +var oFile = Components.classes["@mozilla.org/file/directory_service;1"] + .getService(Components.interfaces.nsIProperties) + .get("ProfD", Components.interfaces.nsILocalFile); // get profile folder oFile.append("extensions"); // extensions sub-directory oFile.append("{5872365E-67D1-4AFD-9480-FD293BEBD20D}"); // GUID of your extension oFile.append("myXMLFile.xml"); // filename oFOStream.init(oFile, 0x02 | 0x08 | 0x20, 0664, 0); // write, create, truncate -(new XMLSerializer()).serializeToStream(doc, oFOStream, ""); // rememeber, doc is the DOM tree +new XMLSerializer().serializeToStream(doc, oFOStream, ""); // rememeber, doc is the DOM tree oFOStream.close(); ``` diff --git a/files/ko/web/manifest/index.md b/files/ko/web/manifest/index.md index 15eac578718601..09d5ceed8cc350 100644 --- a/files/ko/web/manifest/index.md +++ b/files/ko/web/manifest/index.md @@ -2,6 +2,7 @@ title: Web app manifests slug: Web/Manifest --- + {{QuickLinksWithSubpages("/ko/docs/Web/Manifest")}}{{SeeCompatTable}} **웹 앱 매니페스트**(Web app manifest)는 프로그레시브 웹 앱(PWA)라고 칭하는 웹 기술 모음집의 일부로서, 앱 스토어를 거치지 않고 장치의 홈 화면에 설치할 수 있는 웹사이트를 구성합니다. 단순한 홈 화면 링크/북마크를 통한 일반적인 웹 앱과 달리, PWA는 사전 다운로드를 통해 오프라인에서도 동작하며 일반적인 [Web API](/ko/docs/Web/API)도 사용할 수 있습니다. @@ -24,35 +25,44 @@ slug: Web/Manifest "display": "standalone", "background_color": "#fff", "description": "A simply readable Hacker News app.", - "icons": [{ - "src": "images/touch/homescreen48.png", - "sizes": "48x48", - "type": "image/png" - }, { - "src": "images/touch/homescreen72.png", - "sizes": "72x72", - "type": "image/png" - }, { - "src": "images/touch/homescreen96.png", - "sizes": "96x96", - "type": "image/png" - }, { - "src": "images/touch/homescreen144.png", - "sizes": "144x144", - "type": "image/png" - }, { - "src": "images/touch/homescreen168.png", - "sizes": "168x168", - "type": "image/png" - }, { - "src": "images/touch/homescreen192.png", - "sizes": "192x192", - "type": "image/png" - }], - "related_applications": [{ - "platform": "play", - "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb" - }] + "icons": [ + { + "src": "images/touch/homescreen48.png", + "sizes": "48x48", + "type": "image/png" + }, + { + "src": "images/touch/homescreen72.png", + "sizes": "72x72", + "type": "image/png" + }, + { + "src": "images/touch/homescreen96.png", + "sizes": "96x96", + "type": "image/png" + }, + { + "src": "images/touch/homescreen144.png", + "sizes": "144x144", + "type": "image/png" + }, + { + "src": "images/touch/homescreen168.png", + "sizes": "168x168", + "type": "image/png" + }, + { + "src": "images/touch/homescreen192.png", + "sizes": "192x192", + "type": "image/png" + } + ], + "related_applications": [ + { + "platform": "play", + "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb" + } + ] } ``` @@ -61,7 +71,7 @@ slug: Web/Manifest 웹 앱 매니페스트는 HTML 페이지 {{HTMLElement("head")}} 요소 내의 {{HTMLElement("link")}} 요소를 사용해 연결합니다. ```html - + ``` > **참고:** `.webmanifest` 확장자는 명세의 [Media type registration](https://w3c.github.io/manifest/#media-type-registration) 구획에 정의(매니페스트 파일의 응답은 `Content-Type: application/manifest+json`을 반환해야 함)되어 있습니다. 브라우저는 `.json`과 같은 기타 적절한 확장자도 지원합니다. (`Content-Type: application/json`). diff --git a/files/ko/web/media/autoplay_guide/index.md b/files/ko/web/media/autoplay_guide/index.md index ed6a63645cd97e..bccaccafd0075c 100644 --- a/files/ko/web/media/autoplay_guide/index.md +++ b/files/ko/web/media/autoplay_guide/index.md @@ -2,6 +2,7 @@ title: 미디어 및 Web Audio API 자동 재생 가이드 slug: Web/Media/Autoplay_guide --- + 페이지가 로드 되자마자 소리(또는 소리가 나는 영상)를 자동으로 재생하는 것은 사용자에게 별로 유쾌한 경험은 아닐겁니다. 미디어 자동 재생이 유용하려면 꼭 필요한 경우에 한하여 조심스럽게 쓰여야 합니다. 사용자가 이를 컨트롤 할 수 있게 여러 브라우저들은 미디어 자동 재생을 막는 기능을 제공하고 있습니다. I본 가이드 문서에서는 다양한 미디어와 Web audio API를 통한 자동 재생 기능에 대해 소개하고 자동 재생을 하는 법과 브라우저의 자동 재생 방지 기능에 깔끔하게 대처하는 법에 대해 알아봅니다. {{HTMLElement("video")}} 엘리먼트에 오디어 트랙이 없거나 음소거인 경우에는 자동 재생 방지 기능에 영향받지 않습니다. 활성화된 오디오 트랙을 가진 미디어는 **audible**로 취급하고 자동 재생 방지 기능이 동작합니다. **Inaudible** 미디어는 그렇지 않습니다. @@ -13,7 +14,7 @@ slug: Web/Media/Autoplay_guide 이 말은 브라우저는 아래 두 경우 모두를 자동 재생 동작으로 인지하고 자동 재생 방지 기능을 적용한다는 의미입니다: ```html -