[ko] Update ClipboardEvent docs (#3908)

4 files changed, 93 insertions, 118 deletions

diff --git a/files/ko/web/api/clipboardevent/clipboarddata/index.html b/files/ko/web/api/clipboardevent/clipboarddata/index.html
deleted file mode 100644
index 7334fa7e83..0000000000
--- a/files/ko/web/api/clipboardevent/clipboarddata/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: ClipboardEvent.clipboardData
-slug: Web/API/ClipboardEvent/clipboardData
-translation_of: Web/API/ClipboardEvent/clipboardData
----
-<p>{{ apiref("Clipboard API") }} {{SeeCompatTable}}</p>
-
-<p><code><strong>ClipboardEvent.clipboardData</strong></code> 속성은 {{domxref("DataTransfer")}} 객체를 가지고 있으며, 아래와 같은 목적으로 사용될 수 있습니다:</p>
-
-<ul>
- <li>{{event("cut")}} 과 {{event("copy")}} 이벤트 핸들러로부터 어떤 데이터가 클립보드에 들어있는지, 일반적으로 {{domxref("DataTransfer.setData", "setData(format, data)")}} 함수를 호출하여 확인하는 것;</li>
- <li>{{event("paste")}} 이벤트 핸들러로부터 일반적으로 {{domxref("DataTransfer.getData", "getData(format)")}} 함수를 호출하여 붙여넣어진 데이터를 얻는 것.</li>
-</ul>
-
-<p>더 많은 정보를 확인하려면 {{event("cut")}}, {{event("copy")}}, and {{event("paste")}} 이벤트에 관한 문서를 참고하세요.</p>
-
-<h2 id="Syntax">Syntax</h2>
-
-<pre class="syntaxbox"><em>data</em> = <em>ClipboardEvent</em>.clipboardData</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{ SpecName('Clipboard API', '#widl-ClipboardEvent-clipboardData', 'ClipboardEvent.clipboardData') }}</td>
-   <td>{{ Spec2('Clipboard API') }}</td>
-   <td>Initial definition.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-
-
-<p>{{Compat("api.ClipboardEvent.clipboardData")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>Copy-related events: {{event("copy")}}, {{event("cut")}}, {{event("paste")}}</li>
- <li>The {{domxref("ClipboardEvent")}} interface it belongs to.</li>
-</ul>
diff --git a/files/ko/web/api/clipboardevent/clipboarddata/index.md b/files/ko/web/api/clipboardevent/clipboarddata/index.md
new file mode 100644
index 0000000000..23b55e2663
--- /dev/null
+++ b/files/ko/web/api/clipboardevent/clipboarddata/index.md
@@ -0,0 +1,44 @@
+---
+title: ClipboardEvent.clipboardData
+slug: Web/API/ClipboardEvent/clipboardData
+tags:
+  - API
+  - Clipboard
+  - Clipboard API
+  - ClipboardEvent
+  - Cut
+  - Experimental
+  - Property
+  - Read-only
+  - copy
+  - paste
+browser-compat: api.ClipboardEvent.clipboardData
+translation_of: Web/API/ClipboardEvent/clipboardData
+---
+{{APIRef("Clipboard API")}} {{SeeCompatTable}}
+
+**`ClipboardEvent.clipboardData`** 속성은 다음과 같은 용도로 사용할 수 있는 {{domxref("DataTransfer")}} 객체입니다.
+
+- {{event("cut")}}과 {{event("copy")}} 이벤트 처리기 내에서, 어떤 데이터를 클립보드에 넣어야 하는지 지정하기. 보통 {{domxref("DataTransfer.setData", "setData(format, data)")}}를 호출해서 수행합니다.
+- {{event("paste")}} 이벤트 처리기 내에서 데이터를 가져오기. 보통 {{domxref("DataTransfer.getData", "getData(format)")}}을 호출해서 수행합니다.
+
+{{event("cut")}}, {{event("copy")}}, {{event("paste")}} 이벤트 문서에서 자세한 정보를 확인하세요.
+
+## 구문
+
+```js
+data = ClipboardEvent.clipboardData
+```
+
+## 명세
+
+{{Specifications}}
+
+## 브라우저 호환성
+
+{{Compat}}
+
+## 같이 보기
+
+- 복사 관련 이벤트: {{event("copy")}}, {{event("cut")}}, {{event("paste")}}
+- 이 속성이 속한 {{domxref("ClipboardEvent")}} 인터페이스.
diff --git a/files/ko/web/api/clipboardevent/index.html b/files/ko/web/api/clipboardevent/index.html
deleted file mode 100644
index 332846c031..0000000000
--- a/files/ko/web/api/clipboardevent/index.html
+++ /dev/null
@@ -1,67 +0,0 @@
----
-title: ClipboardEvent
-slug: Web/API/ClipboardEvent
-tags:
-  - API
-  - Clipboard API
-  - Event
-  - Experimental
-  - Interface
-  - NeedsTranslation
-  - TopicStub
-translation_of: Web/API/ClipboardEvent
----
-<p>{{APIRef("Clipboard API")}} {{SeeCompatTable}}</p>
-
-<p>The <strong><code>ClipboardEvent</code></strong> interface represents events providing information related to modification of the clipboard, that is {{event("cut")}}, {{event("copy")}}, and {{event("paste")}} events.</p>
-
-<h2 id="Constructor">Constructor</h2>
-
-<dl>
- <dt>{{domxref("ClipboardEvent.ClipboardEvent", "ClipboardEvent()")}}</dt>
- <dd>Creates a <code>ClipboardEvent</code> event with the given parameters.</dd>
-</dl>
-
-<h2 id="Properties">Properties</h2>
-
-<p><em>Also inherits properties from its parent {{domxref("Event")}}</em>.</p>
-
-<dl>
- <dt>{{domxref("ClipboardEvent.clipboardData")}} {{readonlyInline}}</dt>
- <dd>Is a {{domxref("DataTransfer")}} object containing the data affected by the user-initiated {{event("cut")}}, {{event("copy")}}, or {{event("paste")}} operation, along with its MIME type.</dd>
-</dl>
-
-<h2 id="Methods">Methods</h2>
-
-<p><em>No specific methods; inherits methods from its parent {{domxref("Event")}}</em>.</p>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{ SpecName('Clipboard API', '#clipboard-event-interfaces', 'ClipboardEvent') }}</td>
-   <td>{{ Spec2('Clipboard API') }}</td>
-   <td>Initial definition.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-
-
-<p>{{Compat("api.ClipboardEvent")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>Copy-related events: {{event("copy")}}, {{event("cut")}}, {{event("paste")}}</li>
-</ul>
diff --git a/files/ko/web/api/clipboardevent/index.md b/files/ko/web/api/clipboardevent/index.md
new file mode 100644
index 0000000000..999b9b35b8
--- /dev/null
+++ b/files/ko/web/api/clipboardevent/index.md
@@ -0,0 +1,49 @@
+---
+title: ClipboardEvent
+slug: Web/API/ClipboardEvent
+tags:
+  - API
+  - Clipboard
+  - Clipboard API
+  - Cut
+  - Event
+  - Experimental
+  - Interface
+  - copy
+  - paste
+browser-compat: api.ClipboardEvent
+---
+{{APIRef("Clipboard API")}} {{SeeCompatTable}}
+
+**`ClipboardEvent`** 인터페이스는 {{event("cut")}}, {{event("copy")}}, {{event("paste")}} 이벤트처럼 클립보드 조작에 대한 정보를 제공하는 이벤트를 나타냅니다.
+
+## 생성자
+
+- {{domxref("ClipboardEvent.ClipboardEvent", "ClipboardEvent()")}}
+  - : 주어진 매개변수로 `ClipboardEvent`를 생성합니다.
+
+## 속성
+
+{{domxref("Event")}} 인터페이스의 속성을 상속합니다.
+
+- {{domxref("ClipboardEvent.clipboardData")}} {{readonlyInline}}
+  - : 사용자가 실행한 {{event("cut")}}, {{event("copy")}}, {{event("paste")}} 작업에서 영향을 받은 데이터를 담은 {{domxref("DataTransfer")}} 객체입니다. 데이터의 MIME 유형도 포함합니다.
+
+## 메서드
+
+{{domxref("Event")}} 인터페이스의 메서드를 상속합니다.
+
+## 명세
+
+{{Specifications}}
+
+## 브라우저 호환성
+
+{{Compat}}
+
+## 같이 보기
+
+- 복사 관련 이벤트: {{event("copy")}}, {{event("cut")}}, {{event("paste")}}
+- [Clipboard API](/ko/docs/Web/API/Clipboard_API)
+- [Async Clipboard API 데모 (Glitch)](https://async-clipboard-api.glitch.me/)
+- [web.dev의 Async Clipboard API](https://web.dev/image-support-for-async-clipboard/)