ko: Format /web using Prettier (#14394)

mdn · Jul 30, 2023 · d506d28 · d506d28
1 parent 2f36990
commit d506d28
Show file tree

Hide file tree

Showing 38 changed files with 622 additions and 490 deletions.
diff --git 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
@@ -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
-<div role="dialog" aria-labelledby="dialog1Title" aria-describedby="dialog1Desc">
+<div
+  role="dialog"
+  aria-labelledby="dialog1Title"
+  aria-describedby="dialog1Desc">
   <h2 id="dialog1Title">귀하의 개인정보가 성공적으로 갱신되었습니다.</h2>
   <p id="dialog1Desc">
-    <a href="/account">개인정보 관리</a> 페이지에서 언제든지 개인정보를 수정할 수 있습니다.
+    <a href="/account">개인정보 관리</a> 페이지에서 언제든지 개인정보를 수정할
+    수 있습니다.
   </p>
   <button>닫기</button>
 </div>
@@ -35,10 +39,14 @@ slug: Web/Accessibility/ARIA/Roles/dialog_role
 만약 다이얼로그가 이미 눈에 보이는 타이틀바를 가지고 있다면, 그 안속의 텍스트는 다이얼로그를 레이블하는데 사용될 수 있습니다. 이를 이루기 위해 `role="dialog"` 속성을 가진 요소에 `aria-labelledby` 속성을 사용합니다. 또한, 만약 다이얼로그에 제목 외의 추가적인 설명 텍스트가 있다면, 그 텍스트는 `aria-describedby` 속성을 사용하여 다이얼로그에 관련되게 만들 수 있습니다. 이러한 방법은 아래 코드를 통해 확인하실 수 있습니다:
 
 ```html
-<div role="dialog" aria-labelledby="dialog1Title" aria-describedby="dialog1Desc">
+<div
+  role="dialog"
+  aria-labelledby="dialog1Title"
+  aria-describedby="dialog1Desc">
   <h2 id="dialog1Title">귀하의 개인정보가 성공적으로 갱신되었습니다.</h2>
   <p id="dialog1Desc">
-    <a href="/account">개인정보 관리</a> 페이지에서 언제든지 개인정보를 수정할 수 있습니다.
+    <a href="/account">개인정보 관리</a> 페이지에서 언제든지 개인정보를 수정할
+    수 있습니다.
   </p>
   <button>닫기</button>
 </div>
@@ -79,38 +87,49 @@ When the dialog is correctly labeled and focus is moved to a control inside the
 #### 예제 1: 폼을 포함하는 다이얼로그
 
 ```html
- <div role="dialog" aria-labelledby="dialog1Title" aria-describedby="dialog1Desc">
-   <h2 id="dialog1Title">구독하기</h2>
-   <p id="dialog1Desc">우리는 이 정보를 제 3자에게 제공하지 않습니다.</p>
-   <form>
-     <p>
-       <label for="firstName">이름</label>
-       <input id="firstName" type="text" />
-     </p>
-     <p>
-       <label for="lastName">성</label>
-       <input id="lastName" type="text"/>
-     </p>
-     <p>
-       <label for="interests">관심분야</label>
-       <textarea id="interests"></textarea>
-     </p>
-     <p>
-         <input type="submit" value="정보 저장하기"/>
-     </p>
-   </form>
- </div>
+<div
+  role="dialog"
+  aria-labelledby="dialog1Title"
+  aria-describedby="dialog1Desc">
+  <h2 id="dialog1Title">구독하기</h2>
+  <p id="dialog1Desc">우리는 이 정보를 제 3자에게 제공하지 않습니다.</p>
+  <form>
+    <p>
+      <label for="firstName">이름</label>
+      <input id="firstName" type="text" />
+    </p>
+    <p>
+      <label for="lastName">성</label>
+      <input id="lastName" type="text" />
+    </p>
+    <p>
+      <label for="interests">관심분야</label>
+      <textarea id="interests"></textarea>
+    </p>
+    <p>
+      <input type="submit" value="정보 저장하기" />
+    </p>
+  </form>
+</div>
 ```
 
 #### Example 2: A dialog based on a Fieldset as fallback content
 
 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
-<fieldset role="dialog" aria-labelledby="dialog1Title" aria-describedby="dialog1Desc">
+<fieldset
+  role="dialog"
+  aria-labelledby="dialog1Title"
+  aria-describedby="dialog1Desc">
   <legend>
-    <span id="dialog1Title">Your personal details were successfully updated.</span>
-    <span id="dialog1Desc">You can change your details at any time in the user account section.</span>
+    <span id="dialog1Title"
+      >Your personal details were successfully updated.</span
+    >
+    <span id="dialog1Desc"
+      >You can change your details at any time in the user account
+      section.</span
+    >
   </legend>
 
   <button>Close</button>

diff --git 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
   <h1>Top level heading</h1>
-    <h2>Secondary heading</h2>
-    <h2>Another secondary heading</h2>
-      <h3>Low level heading</h3>
+  <h2>Secondary heading</h2>
+  <h2>Another secondary heading</h2>
+  <h3>Low level heading</h3>
   ```
 
 - [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
@@ -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
@@ -22,7 +22,11 @@ var sMyString = '<a id="a"><b id="b">hey!</b></a>';
 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
@@ -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
-<link rel="manifest" href="/manifest.webmanifest">
+<link rel="manifest" href="/manifest.webmanifest" />
 ```
 
 > **참고:** `.webmanifest` 확장자는 명세의 [Media type registration](https://w3c.github.io/manifest/#media-type-registration) 구획에 정의(매니페스트 파일의 응답은 `Content-Type: application/manifest+json`을 반환해야 함)되어 있습니다. 브라우저는 `.json`과 같은 기타 적절한 확장자도 지원합니다. (`Content-Type: application/json`).