Convert DOMRect to md

2 files changed, 62 insertions, 71 deletions

diff --git a/files/ko/web/api/domrect/domrect/index.md b/files/ko/web/api/domrect/domrect/index.md
index d889ef40b5..48f0474227 100644
--- a/files/ko/web/api/domrect/domrect/index.md
+++ b/files/ko/web/api/domrect/domrect/index.md
@@ -11,47 +11,46 @@ tags:
   - Reference
 browser-compat: api.DOMRect.DOMRect
 ---
-<p>{{APIRef("DOM")}}{{ SeeCompatTable() }}</p>
+{{APIRef("DOM")}}{{ SeeCompatTable() }}
 
-<p><strong><code>DOMRect()</code></strong> 생성자는 새로운 {{domxref("DOMRect")}} 객체를 생성합니다.</p>
+**`DOMRect()`** 생성자는 새로운 {{domxref("DOMRect")}} 객체를 생성합니다.
 
-<h2 id="Syntax">구문</h2>
+## 구문
 
-<pre class="brush: js">var myDOMRect = new DOMRect(x, y, width, height);</pre>
+```js
+var myDOMRect = new DOMRect(x, y, width, height);
+```
 
-<h3 id="Parameters">파라미터</h3>
+### 파라미터
 
-<dl>
- <dt>x</dt>
- <dd><code>DOMRect</code>의 오리진 <code>x</code>좌표.</dd>
- <dt>y</dt>
- <dd><code>DOMRect</code>의 오리진 <code>y</code>좌표.</dd>
- <dt>width</dt>
- <dd><code>DOMRect</code>의 너비.</dd>
- <dt>height</dt>
- <dd><code>DOMRect</code>의 높이.</dd>
-</dl>
+- x
+  - : `DOMRect`의 오리진 `x`좌표.
+- y
+  - : `DOMRect`의 오리진 `y`좌표.
+- width
+  - : `DOMRect`의 너비.
+- height
+  - : `DOMRect`의 높이.
 
-<h2 id="Examples">예제</h2>
+## 예제
 
-<p>새로운 <code>DOMRect</code>를 생성하려면 다음과 같이 한 줄의 코드를 실행하면 됩니다.</p>
+새로운 `DOMRect`를 생성하려면 다음과 같이 한 줄의 코드를 실행하면 됩니다.
 
-<pre class="brush: js">myDOMRect = new DOMRect(0,0,100,100);
+```js
+myDOMRect = new DOMRect(0,0,100,100);
 // 콘솔에서 'myDOMRect'를 실행하면 다음을 반환합니다
 // DOMRect { x: 0, y: 0, width: 100, height: 100, top: 0, right: 100, bottom: 100, left: 0 }
-</pre>
+```
 
-<h2 id="Specifications">명세</h2>
+## 명세
 
 {{Specifications}}
 
-<h2 id="Browser_compatibility">브라우저 호환성</h2>
+## 브라우저 호환성
 
-<p>{{Compat}}</p>
+{{Compat}}
 
-<h2 id="See_also">같이 보기</h2>
+## 같이 보기
 
-<ul>
- <li>{{domxref("DOMPoint")}}</li>
- <li>{{domxref("DOMRect")}}</li>
-</ul>
+- {{domxref("DOMPoint")}}
+- {{domxref("DOMRect")}}
diff --git a/files/ko/web/api/domrect/index.md b/files/ko/web/api/domrect/index.md
index 960c33ca4f..f0fc47deec 100644
--- a/files/ko/web/api/domrect/index.md
+++ b/files/ko/web/api/domrect/index.md
@@ -13,67 +13,59 @@ tags:
   - Reference
 browser-compat: api.DOMRect
 ---
-<p>{{draft}}{{APIRef("Geometry Interfaces")}}</p>
+{{draft}}{{APIRef("Geometry Interfaces")}}
 
-<p><strong><code>DOMRect</code></strong>는 사각형의 크기와 위치를 나타냅니다.</p>
+**`DOMRect`**는 사각형의 크기와 위치를 나타냅니다.
 
-<p><code>DOMRect</code>가 표현하는 박스의 타입은 이를 반환한 메서드나 속성에 의해 정해집니다. 예를 들어, WebVR API의 {{domxref("VREyeParameters.renderRect")}}는 렌더링되어야 할 헤드 마운트 디스플레이의 한쪽 눈에 대한 비주얼을 <a href="/ko/docs/Web/API/HTMLCanvasElement">canvas</a>의 뷰포트로 지정합니다.</p>
+`DOMRect`가 표현하는 박스의 타입은 이를 반환한 메서드나 속성에 의해 정해집니다. 예를 들어, WebVR API의 {{domxref("VREyeParameters.renderRect")}}는 렌더링되어야 할 헤드 마운트 디스플레이의 한쪽 눈에 대한 비주얼을 [canvas](/ko/docs/Web/API/HTMLCanvasElement)의 뷰포트로 지정합니다.
 
-<p>부모인 {{domxref("DOMRectReadOnly")}}로부터 상속받습니다.</p>
+부모인 {{domxref("DOMRectReadOnly")}}로부터 상속받습니다.
 
-<p>{{InheritanceDiagram}}</p>
+{{InheritanceDiagram}}
 
-<h2 id="Constructor">생성자</h2>
+## 생성자
 
-<dl>
- <dt>{{domxref("DOMRect.DOMRect","DOMRect()")}}</dt>
- <dd>새로운 <code>DOMRect</code> 객체를 생성합니다.</dd>
-</dl>
+- {{domxref("DOMRect.DOMRect","DOMRect()")}}
+  - : 새로운 `DOMRect` 객체를 생성합니다.
 
-<h2 id="Properties">속성</h2>
+## 속성
 
-<p><em><code>DOMRect</code>는 부모인 {{domxref("DOMRectReadOnly")}}로부터 상속받습니다. 차이점은 DomRect가 더 이상 읽기 전용이 아니라는 것입니다.</em></p>
+_`DOMRect`는 부모인 {{domxref("DOMRectReadOnly")}}로부터 상속받습니다. 차이점은 DomRect가 더 이상 읽기 전용이 아니라는 것입니다._
 
-<dl>
- <dt>{{domxref("DOMRectReadOnly.x")}}</dt>
- <dd><code>DOMRect</code>의 오리진(보통 사각형의 왼쪽 상단 코너) x 좌표.</dd>
- <dt>{{domxref("DOMRectReadOnly.y")}}</dt>
- <dd><code>DOMRect</code>의 오리진(보통 사각형의 왼쪽 상단 코너) y 좌표.</dd>
- <dt>{{domxref("DOMRectReadOnly.width")}}</dt>
- <dd><code>DOMRect</code>의 너비.</dd>
- <dt>{{domxref("DOMRectReadOnly.height")}}</dt>
- <dd><code>DOMRect</code>의 높이.</dd>
- <dt>{{domxref("DOMRectReadOnly.top")}}</dt>
- <dd><code>DOMRect</code>의 상단 좌표를 반환합니다(<code>height</code>가 음수라면 <code>y</code>, 또는 <code>y + height</code>와 같은 값을 갖습니다).</dd>
- <dt>{{domxref("DOMRectReadOnly.right")}}</dt>
- <dd><code>DOMRect</code>의 오른쪽 좌표를 반환합니다(<code>width</code>가 음수라면 <code>x + width</code>, 또는 <code>x</code>와 같은 값을 갖습니다).</dd>
- <dt>{{domxref("DOMRectReadOnly.bottom")}}</dt>
- <dd><code>DOMRect</code>의 하단 좌표를 반환합니다(<code>height</code>가 음수라면 <code>y + height</code>, 또는 <code>y</code>와 같은 값을 갖습니다).</dd>
- <dt>{{domxref("DOMRectReadOnly.left")}}</dt>
- <dd><code>DOMRect</code>의 왼쪽 좌표를 반환합니다(<code>width</code>가 음수라면 <code>x</code>, 또는 <code>x + width</code>와 같은 값을 갖습니다).</dd>
-</dl>
+- {{domxref("DOMRectReadOnly.x")}}
+  - : `DOMRect`의 오리진(보통 사각형의 왼쪽 상단 코너) x 좌표.
+- {{domxref("DOMRectReadOnly.y")}}
+  - : `DOMRect`의 오리진(보통 사각형의 왼쪽 상단 코너) y 좌표.
+- {{domxref("DOMRectReadOnly.width")}}
+  - : `DOMRect`의 너비.
+- {{domxref("DOMRectReadOnly.height")}}
+  - : `DOMRect`의 높이.
+- {{domxref("DOMRectReadOnly.top")}}
+  - : `DOMRect`의 상단 좌표를 반환합니다(`height`가 음수라면 `y`, 또는 `y + height`와 같은 값을 갖습니다).
+- {{domxref("DOMRectReadOnly.right")}}
+  - : `DOMRect`의 오른쪽 좌표를 반환합니다(`width`가 음수라면 `x + width`, 또는 `x`와 같은 값을 갖습니다).
+- {{domxref("DOMRectReadOnly.bottom")}}
+  - : `DOMRect`의 하단 좌표를 반환합니다(`height`가 음수라면 `y + height`, 또는 `y`와 같은 값을 갖습니다).
+- {{domxref("DOMRectReadOnly.left")}}
+  - : `DOMRect`의 왼쪽 좌표를 반환합니다(`width`가 음수라면 `x`, 또는 `x + width`와 같은 값을 갖습니다).
 
-<h2 id="Methods">메서드</h2>
+## 메서드
 
-<p><em><code>DOMRect</code>는 부모인 {{domxref("DOMRectReadOnly")}}로부터 메서드를 상속받습니다.</em></p>
+_`DOMRect`는 부모인 {{domxref("DOMRectReadOnly")}}로부터 메서드를 상속받습니다._
 
-<h2 id="Static_methods">정적 메서드</h2>
+## 정적 메서드
 
-<dl>
- <dt>{{domxref("DOMRectReadOnly.fromRect()")}}</dt>
- <dd>주어진 위치와 면적을 갖는 새로운 <code>DOMRect</code> 객체를 생성합니다.</dd>
-</dl>
+- {{domxref("DOMRectReadOnly.fromRect()")}}
+  - : 주어진 위치와 면적을 갖는 새로운 `DOMRect` 객체를 생성합니다.
 
-<h2 id="Specifications">명세</h2>
+## 명세
 
 {{Specifications}}
 
-<h2 id="Browser_compatibility">브라우저 호환성</h2>
+## 브라우저 호환성
 
-<p>{{Compat}}</p>
+{{Compat}}
 
-<h2 id="See_also">같이 보기</h2>
+## 같이 보기
 
-<ul>
- <li>{{domxref("DOMPoint")}}</li>
-</ul>
+- {{domxref("DOMPoint")}}