feat: convert html to md

files/ko/web/api/crypto/getrandomvalues/index.md

@@ -0,0 +1,57 @@
+---
+title: Crypto.getRandomValues()
+slug: Web/API/Crypto/getRandomValues
+tags:
+  - API
+  - Cryptography
+  - Method
+  - Reference
+translation_of: Web/API/Crypto/getRandomValues
+---
+{{APIRef("Web Crypto API")}}
+
+**`Crypto.getRandomValues()`** 함수는 암호학적으로 강력한 수준의 임의의(random) 값을 생성합니다. 매개 변수로 제공된 배열은 임의의 숫자로 채워집니다 (암호화의 의미는 무작위입니다).
+
+충분한 성능을 보장하기 위해 구현에서는 진정한 난수 생성기(pseudo-random number)를 사용하지 않지만 충분한 엔트로피가있는 값으로 시드 된 의사 난수 생성기를 사용하고 있습니다. 사용 된 유사난수 생성기(pseudorandom number generator, PRNG)는 구현마다 다르지만 암호화 용도에 적합합니다. 시스템 수준의 엔트로피 소스처럼 충분한 엔트로피가있는 시드를 사용하려면 구현이 필요합니다.
+
+## 구문
+
+```
+cryptoObj.getRandomValues(typedArray);
+```
+
+### 매개변수
+
+- `typedArray`
+  - : Is an integer-based {{jsxref("TypedArray")}}, that is an {{jsxref("Int8Array")}}, a {{jsxref("Uint8Array")}}, an {{jsxref("Int16Array")}}, a {{jsxref("Uint16Array")}}, an {{jsxref("Int32Array")}}, or a {{jsxref("Uint32Array")}}. 배열의 모든 요소는 임의의 숫자로 재정의됩니다.
+
+### 예외
+
+- A [`QuotaExceededError`](/ko/docs/Web/API/DOMException#quotaexceedederror)) {[`DOMException`](/ko/docs/Web/API/DOMException) is thrown if the requested length is greater than 65536 bytes.
+
+## 예제
+
+```js
+/* window.crypto.getRandomValues 를 사용가능하다고 가정한다. */
+
+let array = new Uint32Array(10);
+window.crypto.getRandomValues(array);
+
+console.log("나의 행운의 숫자들:");
+for (let i = 0; i < array.length; i++) {
+    console.log(array[i]);
+}
+```
+
+## 명세
+
+{{Specifications}}
+
+## 브라우저 호환성
+
+{{Compat}}
+
+## 같이 보기
+
+- {{ domxref("Window.crypto") }} to get a {{domxref("Crypto")}} object.
+- [`Math.random()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/random), a non-cryptographic source of random numbers.

files/ko/web/api/element/closest/index.md

@@ -0,0 +1,119 @@
+---
+title: Element.closest()
+slug: Web/API/Element/closest
+translation_of: Web/API/Element/closest
+---
+{{APIRef('DOM')}}
+
+기준 [Element](/ko/docs/Web/API/Element) 에서부터 **`closest()`** 메소드를 통해 자신부터 부모 요소 단위로 출발하여 각 요소가 지정한 선택자에 만족할 때까지 탐색한다(문서 루트까지 이동). 이 중 가장 가깝게 조건에 만족한 부모 요소가 반환되며, 조건에 만족한 요소가 없으면 `null` 값을 반환한다.
+
+## Syntax
+
+```js
+closest(selectors);
+```
+
+### Parameters
+
+- `selectors` CSS 선택자가 들어가는 {{domxref("DOMString")}} 개체 문자열, 예)
+  `"p:hover, .toto + q"`.
+
+### Result value
+
+- `closestElement` 기준 요소를 포함하여 부모 요소 단위로 선택자 조건에 가장 가까운 [Element](/ko/docs/Web/API/Element) 객체를 가져오며, `null` 값이 될 수 있다.
+
+### Exceptions
+
+- [`SyntaxError`](/ko/docs/Web/API/DOMException#syntaxerror) : CSS 선택자 (`selectors`)가 올바른 선택자 식이 아닐 경우.
+
+## Example
+
+### HTML
+
+```html
+<article>
+  <div id="div-01">Here is div-01
+    <div id="div-02">Here is div-02
+      <div id="div-03">Here is div-03</div>
+    </div>
+  </div>
+</article>
+```
+
+### JavaScript
+
+```js
+const el = document.getElementById('div-03');
+
+const r1 = el.closest("#div-02");
+// id=div-02 조건이 만족하므로 속성을 가진 부모 요소가 반환된다.
+
+const r2 = el.closest("div div");
+// div 요소에 만족한 요소 중 div 자식을 가리키므로, id=div-03 자신이 만족된다.
+
+const r3 = el.closest("article > div");
+// 가장 가까운 article 요소 바로 하위의 div 요소 id=div-01 속성을 가진 요소가 반환된다.
+
+const r4 = el.closest(":not(div)");
+// div 요소가 아닌 가장 가까운 부모 article 요소가 반환된다.
+```
+
+## Polyfill
+
+아래 폴리필은 `Element.closest()`, 메소드를 지원하지 않는 브라우저를 위한 방법이지만, `element.matches()` 메소드를 사용하므로 IE 9 이상에서 동작한다.
+
+```js
+if (!Element.prototype.matches) {
+  Element.prototype.matches = Element.prototype.msMatchesSelector ||
+                              Element.prototype.webkitMatchesSelector;
+}
+
+if (!Element.prototype.closest) {
+  Element.prototype.closest = function(s) {
+    var el = this;
+
+    do {
+      if (el.matches(s)) return el;
+      el = el.parentElement || el.parentNode;
+    } while (el !== null && el.nodeType === 1);
+    return null;
+  };
+}
+```
+
+만약 정말 IE 8 지원을 고려해야 한다면, 아래 폴리필을 사용할 수 있다. 그러나 해당 폴리필은 성능이 매우 느리며, IE 8 특성 상 CSS 2.1 사양의 선택자까지밖에 사용할 수 없다. 또한 실제 운영 시 약간의 지연이 발생할 수 있다.
+
+```js
+if (window.Element && !Element.prototype.closest) {
+  Element.prototype.closest =
+  function(s) {
+    var matches = (this.document || this.ownerDocument).querySelectorAll(s),
+        i,
+        el = this;
+    do {
+      i = matches.length;
+      while (--i >= 0 && matches.item(i) !== el) {};
+    } while ((i < 0) && (el = el.parentElement));
+    return el;
+  };
+}
+```
+
+## 명세
+
+{{Specifications}}
+
+## 브라우저 호환성
+
+{{Compat}}
+
+### Compatibility notes
+
+- Edge 15-18 브라우저에서는, `document.createElement(tagName).closest(tagName)` 식이 직접적이던 간접적이던 요소와 연결되지 않았다면 `null` 값을 반환한다. 예를 들면, [`Document`](/ko/docs/Web/API/Document) 객체 내에서 생성한 일반 DOM 요소에서 일어난다.
+
+## 같이보기
+
+- {{domxref("Element")}} 인터페이스.
+- [선택자 구문](/ko/docs/Web/Guide/CSS/Getting_started/Selectors)
+  - [`element.querySelector()`](/ko/docs/Web/API/Element/querySelector)
+  - [`element.matches()`](/fr/docs/Web/API/Element/matches)