ko: Format /web/api using Prettier (part 4) (#14709)

files/ko/web/api/mediadevices/index.md

@@ -2,6 +2,7 @@
 title: MediaDevices
 slug: Web/API/MediaDevices
 ---
+
 {{APIRef("Media Capture and Streams")}}
 
 **`MediaDevices`** 인터페이스는 카메라, 마이크, 공유 화면 등 현재 연결된 미디어 입력 장치로의 접근 방법을 제공하는 인터페이스입니다. 다르게 말하자면, 미디어 데이터를 제공하는 모든 하드웨어로 접근할 수 있는 방법입니다.
@@ -25,42 +26,50 @@ slug: Web/API/MediaDevices
 ## 예제
 
 ```js
-'use strict';
+"use strict";
 
 // Put variables in global scope to make them available to the browser console.
-var video = document.querySelector('video');
-var constraints = window.constraints = {
+var video = document.querySelector("video");
+var constraints = (window.constraints = {
   audio: false,
-  video: true
-};
-var errorElement = document.querySelector('#errorMsg');
-
-navigator.mediaDevices.getUserMedia(constraints)
-.then(function(stream) {
-  var videoTracks = stream.getVideoTracks();
-  console.log('Got stream with constraints:', constraints);
-  console.log('Using video device: ' + videoTracks[0].label);
-  stream.onremovetrack = function() {
-    console.log('Stream ended');
-  };
-  window.stream = stream; // make variable available to browser console
-  video.srcObject = stream;
-})
-.catch(function(error) {
-  if (error.name === 'ConstraintNotSatisfiedError') {
-    errorMsg('The resolution ' + constraints.video.width.exact + 'x' +
-        constraints.video.width.exact + ' px is not supported by your device.');
-  } else if (error.name === 'PermissionDeniedError') {
-    errorMsg('Permissions have not been granted to use your camera and ' +
-      'microphone, you need to allow the page access to your devices in ' +
-      'order for the demo to work.');
-  }
-  errorMsg('getUserMedia error: ' + error.name, error);
+  video: true,
 });
+var errorElement = document.querySelector("#errorMsg");
+
+navigator.mediaDevices
+  .getUserMedia(constraints)
+  .then(function (stream) {
+    var videoTracks = stream.getVideoTracks();
+    console.log("Got stream with constraints:", constraints);
+    console.log("Using video device: " + videoTracks[0].label);
+    stream.onremovetrack = function () {
+      console.log("Stream ended");
+    };
+    window.stream = stream; // make variable available to browser console
+    video.srcObject = stream;
+  })
+  .catch(function (error) {
+    if (error.name === "ConstraintNotSatisfiedError") {
+      errorMsg(
+        "The resolution " +
+          constraints.video.width.exact +
+          "x" +
+          constraints.video.width.exact +
+          " px is not supported by your device.",
+      );
+    } else if (error.name === "PermissionDeniedError") {
+      errorMsg(
+        "Permissions have not been granted to use your camera and " +
+          "microphone, you need to allow the page access to your devices in " +
+          "order for the demo to work.",
+      );
+    }
+    errorMsg("getUserMedia error: " + error.name, error);
+  });
 
 function errorMsg(msg, error) {
-  errorElement.innerHTML += '<p>' + msg + '</p>';
-  if (typeof error !== 'undefined') {
+  errorElement.innerHTML += "<p>" + msg + "</p>";
+  if (typeof error !== "undefined") {
     console.error(error);
   }
 }

files/ko/web/api/mediastream_image_capture_api/index.md

@@ -2,6 +2,7 @@
 title: MediaStream Image Capture API
 slug: Web/API/MediaStream_Image_Capture_API
 ---
+
 {{DefaultAPISidebar("Image Capture API")}}
 
 **MediaStream Image Capture API**는 촬영 장치를 사용해 이미지와 비디오를 캡처하기 위한 API입니다. 그러나 데이터 캡처 외에도 이미지 해상도, 적목 현상 감소 기능, 플래시 존재 유무와 현재 사용 여부 등 장치 사양에 대한 정보를 가져올 때에도 사용할 수 있습니다. 거꾸로, Image Capture API를 사용하면 현재 장치의 허용 범위 안에서 해당 기능을 조정할 수도 있습니다.
@@ -13,10 +14,9 @@ slug: Web/API/MediaStream_Image_Capture_API
 우선, {{domxref("MediaDevices.getUserMedia()")}}를 사용해 장치를 가리키는 참조를 가져옵니다. 아래 코드는 단순히 사용 가능한 비디오 장치를 아무거나 요청하는 것이지만, `getUserMedia()` 메서드는더 상세한 장치 기능 요청도 허용합니다. 반환 값은 {{domxref("MediaStream")}} 객체로 이행하는 {{jsxref("Promise")}}입니다.
 
 ```js
-navigator.mediaDevices.getUserMedia({ video: true })
-  .then(mediaStream => {
-    // Do something with the stream.
-  })
+navigator.mediaDevices.getUserMedia({ video: true }).then((mediaStream) => {
+  // Do something with the stream.
+});
 ```
 
 그 후, {{domxref("MediaStream.getVideoTracks()")}}를 호출해 미디어 스트림에서 시각적인 부분을 분리합니다. `getVideoTracks()`의 반환 값은 {{domxref("MediaStreamTrack")}} 객체의 배열로, 여기서는 사용해야 할 객체를 배열의 첫 번째 요소라고 가정합니다. 실제 사용 시에는 `MediaStreamTrack` 객체의 속성을 사용해 원하는 객체를 찾을 수 있습니다.
@@ -28,13 +28,13 @@ const track = mediaStream.getVideoTracks()[0];
 이미지를 캡처하기 전에 우선 장치의 기능을 설정하고 싶을 것입니다. 다른 작업을 수행하기 전에, 트랙 객체의 {{domxref("MediaStreamTrack.applyConstraints","applyConstraints()")}} 메서드를 사용하면 됩니다.
 
 ```js
-let zoom = document.querySelector('#zoom');
+let zoom = document.querySelector("#zoom");
 const capabilities = track.getCapabilities();
 // 확대 지원 여부 판별
-if(!capabilities.zoom) {
+if (!capabilities.zoom) {
   return;
 }
-track.applyConstraints({ advanced : [{ zoom: zoom.value }] });
+track.applyConstraints({ advanced: [{ zoom: zoom.value }] });
 ```
 
 마지막으로, `MediaStreamTrack` 객체를 {{domxref("ImageCapture.ImageCapture()", "ImageCapture()")}} 생성자에 제공합니다. `MediaStream`은 여러 종류의 트랙을 담고 있으며 적절한 트랙을 가져올 때 사용할 수 있는 메서드를 소유하지만, `ImageCapture` 생성자는 {{domxref("MediaStreamTrack.kind")}}가 `"video"` 값이 아닌 경우 `NotSupportedError` {{domxref("DOMException")}}을 던집니다.

files/ko/web/api/mediastreamtrack/applyconstraints/index.md

@@ -2,6 +2,7 @@
 title: MediaStreamTrack.applyConstraints()
 slug: Web/API/MediaStreamTrack/applyConstraints
 ---
+
 {{APIRef("Media Capture and Streams")}}
 
 {{domxref("MediaStreamTrack")}} 인터페이스의 **`applyConstraints()`** 메서드는 트랙에 제약을 적용합니다. 제약을 통해 웹 사이트와 앱은 프레임 레이트, 해상도, 플래시 여부 등, 제약 가능한 속성을 자신이 바라는 이상적인 값과 허용 가능한 범위로 제한할 수 있습니다.
@@ -11,7 +12,7 @@ slug: Web/API/MediaStreamTrack/applyConstraints
 ## 구문
 
 ```js
-const appliedPromise = track.applyConstraints([constraints])
+const appliedPromise = track.applyConstraints([constraints]);
 ```
 
 ### 매개변수
@@ -29,24 +30,21 @@ const appliedPromise = track.applyConstraints([constraints])
 
 ```js
 const constraints = {
-  width: {min: 640, ideal: 1280},
-  height: {min: 480, ideal: 720},
-  advanced: [
-    {width: 1920, height: 1280},
-    {aspectRatio: 1.333}
-  ]
+  width: { min: 640, ideal: 1280 },
+  height: { min: 480, ideal: 720 },
+  advanced: [{ width: 1920, height: 1280 }, { aspectRatio: 1.333 }],
 };
 
-navigator.mediaDevices.getUserMedia({ video: true })
-.then(mediaStream => {
+navigator.mediaDevices.getUserMedia({ video: true }).then((mediaStream) => {
   const track = mediaStream.getVideoTracks()[0];
-  track.applyConstraints(constraints)
-  .then(() => {
-    // Do something with the track such as using the Image Capture API.
-  })
-  .catch(e => {
-    // The constraints could not be satisfied by the available devices.
-  });
+  track
+    .applyConstraints(constraints)
+    .then(() => {
+      // Do something with the track such as using the Image Capture API.
+    })
+    .catch((e) => {
+      // The constraints could not be satisfied by the available devices.
+    });
 });
 ```
 

files/ko/web/api/mediastreamtrack/clone/index.md

@@ -10,7 +10,7 @@ slug: Web/API/MediaStreamTrack/clone
 ## 구문
 
 ```js
-const newTrack = track.clone()
+const newTrack = track.clone();
 ```
 
 ### 반환 값

files/ko/web/api/mediastreamtrack/enabled/index.md

@@ -2,6 +2,7 @@
 title: MediaStreamTrack.enabled
 slug: Web/API/MediaStreamTrack/enabled
 ---
+
 {{APIRef("Media Capture and Streams")}}
 
 {{domxref("MediaStreamTrack")}} 인터페이스의 **`enabled`** 속성은 트랙이 소스 스트림을 렌더링 할 수 있으면 `true`, 아니면 `false`를 반환합니다. `enabled` 속성을 사용해 음소거 기능을 구현할 수 있습니다. 활성화된 경우 트랙의 데이터는 입력에서 목적지로 출력됩니다. 비활성 상태에서는 빈 프레임만 출력합니다.
@@ -15,8 +16,8 @@ slug: Web/API/MediaStreamTrack/enabled
 ## 구문
 
 ```js
-const enabledFlag = track.enabled
-track.enabled = [true | false]
+const enabledFlag = track.enabled;
+track.enabled = [true | false];
 ```
 
 ### 값
@@ -34,12 +35,12 @@ track.enabled = [true | false]
 다음 코드는 [`click`](/ko/docs/Web/API/Element/click_event) 이벤트 처리기를 사용해 일시정지를 구현합니다.
 
 ```js
-pauseButton.onclick = function(evt) {
+pauseButton.onclick = function (evt) {
   const newState = !myAudioTrack.enabled;
 
   pauseButton.innerHTML = newState ? "▶️" : "⏸️";
   myAudioTrack.enabled = newState;
-}
+};
 ```
 
 ## 명세

files/ko/web/api/mediastreamtrack/getcapabilities/index.md

@@ -12,7 +12,7 @@ slug: Web/API/MediaStreamTrack/getCapabilities
 ## 구문
 
 ```js
-const capabilities = track.getCapabilities()
+const capabilities = track.getCapabilities();
 ```
 
 ### 반환 값

files/ko/web/api/mediastreamtrack/getconstraints/index.md

@@ -12,7 +12,7 @@ slug: Web/API/MediaStreamTrack/getConstraints
 ## 구문
 
 ```js
-const constraints = track.getConstraints()
+const constraints = track.getConstraints();
 ```
 
 ### 반환 값

files/ko/web/api/mediastreamtrack/getsettings/index.md

@@ -10,7 +10,7 @@ slug: Web/API/MediaStreamTrack/getSettings
 ## 구문
 
 ```js
-const settings = track.getSettings()
+const settings = track.getSettings();
 ```
 
 ### 반환 값

files/ko/web/api/mediastreamtrack/id/index.md

@@ -2,14 +2,15 @@
 title: MediaStreamTrack.id
 slug: Web/API/MediaStreamTrack/id
 ---
+
 {{APIRef("Media Capture and Streams")}}
 
 **`MediaStreamTrack.id`** 읽기 전용 속성은 {{glossary("user agent", "사용자 에이전트")}}가 생성하는, 트랙의 전역 고유 식별자(GUID)를 담은 {{domxref("DOMString")}}을 반환합니다.
 
 ## 구문
 
 ```js
-const id = track.id
+const id = track.id;
 ```
 
 ## 명세

files/ko/web/api/mediastreamtrack/index.md

@@ -2,6 +2,7 @@
 title: MediaStreamTrack
 slug: Web/API/MediaStreamTrack
 ---
+
 {{APIRef("Media Capture and Streams")}}
 
 **`MediaStreamTrack`** 인터페이스는 스트림 내의 단일 미디어 트랙을 나타냅니다. 보통 오디오와 비디오 트랙이지만, 다른 종류도 존재할 수 있습니다.

files/ko/web/api/mediastreamtrack/kind/index.md

@@ -10,7 +10,7 @@ slug: Web/API/MediaStreamTrack/kind
 ## 구문
 
 ```js
-const type = track.kind
+const type = track.kind;
 ```
 
 ### 값

files/ko/web/api/mediastreamtrack/label/index.md

@@ -2,14 +2,15 @@
 title: MediaStreamTrack.label
 slug: Web/API/MediaStreamTrack/label
 ---
+
 {{APIRef("Media Capture and Streams")}}
 
 **`MediaStreamTrack.label`** 읽기 전용 속성은 {{glossary("user agent", "사용자 에이전트")}}가 트랙 소스를 식별하기 위해 지정한 레이블을 담은 {{domxref("DOMString")}}을 반환합니다. 소스가 연결되지 않은 경우 빈 문자열이며, 연결됐던 트랙이 소스에서 분리되더라도 레이블은 바뀌지 않습니다.
 
 ## 구문
 
 ```js
-const label = track.label
+const label = track.label;
 ```
 
 ### 값

files/ko/web/api/mediastreamtrack/muted/index.md

@@ -12,7 +12,7 @@ slug: Web/API/MediaStreamTrack/muted
 ## 구문
 
 ```js
-const mutedFlag = track.muted
+const mutedFlag = track.muted;
 ```
 
 ### 값

files/ko/web/api/mediastreamtrack/readystate/index.md

@@ -10,7 +10,7 @@ slug: Web/API/MediaStreamTrack/readyState
 ## 구문
 
 ```js
-const state = track.readyState
+const state = track.readyState;
 ```
 
 ### 값

files/ko/web/api/mediastreamtrack/stop/index.md

@@ -10,7 +10,7 @@ slug: Web/API/MediaStreamTrack/stop
 ## 구문
 
 ```js
-track.stop()
+track.stop();
 ```
 
 ## 설명
@@ -30,7 +30,7 @@ function stopStreamedVideo(videoElem) {
   const stream = videoElem.srcObject;
   const tracks = stream.getTracks();
 
-  tracks.forEach(function(track) {
+  tracks.forEach(function (track) {
     track.stop();
   });
 

files/ko/web/api/messageevent/index.md

@@ -2,6 +2,7 @@
 title: MessageEvent
 slug: Web/API/MessageEvent
 ---
+
 {{APIRef("HTML DOM")}}
 
 **`MessageEvent`** 는 {{domxref("WebSocket")}} 또는 WebRTC {{domxref("RTCDataChannel")}} 으로 된 타겟으로 부터 전달받은 메시지를 보여주는 interface 입니다.

files/ko/web/api/mouseevent/clientx/index.md

@@ -2,6 +2,7 @@
 title: MouseEvent.clientX
 slug: Web/API/MouseEvent/clientX
 ---
+
 {{{APIRef("DOM 이벤트")}}
 {{domxref("MouseEvent")}}} 인터페이스의 clientX 읽기 전용 속성은 이벤트가 발생한 애플리케이션 {{glossary("viewport")}}}} 내에 수평 좌표를 제공한다(페이지 내의 좌표와는 반대).
 
@@ -10,7 +11,7 @@ slug: Web/API/MouseEvent/clientX
 ## Syntax
 
 ```js
-var x = instanceOfMouseEvent.clientX
+var x = instanceOfMouseEvent.clientX;
 ```
 
 ### Return value
@@ -31,8 +32,8 @@ CSSOM 뷰 모듈에 의해 재정의된 이중 부동 소수점 값. 원래 이
 ### JavaScript
 
 ```js
-let screenLog = document.querySelector('#screen-log');
-document.addEventListener('mousemove', logKey);
+let screenLog = document.querySelector("#screen-log");
+document.addEventListener("mousemove", logKey);
 
 function logKey(e) {
   screenLog.innerText = `

files/ko/web/api/mutationobserver/observe/index.md

@@ -93,7 +93,7 @@ const observer = new MutationObserver(() => {
   console.log("callback that runs when observer is triggered");
 });
 
-// 
+//
 // 위 MutationObserver 인스턴스의 observe() 메서드를 호출
 // 주시할 요소와 옵션 객체 전달
 observer.observe(elementToObserve, { subtree: true, childList: true });

files/ko/web/api/navigator/connection/index.md

@@ -3,6 +3,7 @@ title: window.navigator.connection
 slug: Web/API/Navigator/connection
 original_slug: Web/API/NetworkInformation/connection
 ---
+
 {{ Apiref() }}
 
 {{ SeeCompatTable() }}

files/ko/web/api/navigator/geolocation/index.md

@@ -5,6 +5,7 @@ slug: Web/API/Navigator/geolocation
 l10n:
   sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
+
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
 **`Navigator.geolocation`** 읽기 전용 속성은 웹에서 장치의 위치를 알아낼 때 사용할 수 있는 {{domxref("Geolocation")}} 객체를 반환합니다. 웹 사이트나 웹 앱은 위치정보를 사용해 결과 화면을 맞춤 설정할 수 있습니다.