Skip to content

Commit

Permalink
[ko] 띄어쓰기와 오타 수정 (#24258)
Browse files Browse the repository at this point in the history
띄어쓰기, 오타 수정
  • Loading branch information
ICE0208 authored Oct 27, 2024
1 parent 3e3c469 commit b3839f4
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions files/ko/web/api/nodelist/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ slug: Web/API/NodeList

**`NodeList`** 객체는 일반적으로 {{domxref("element.childNodes")}}와 같은 속성(property)과 {{domxref("document.querySelectorAll")}} 와 같은 메서드에 의해 반환되는 [노드](/ko/docs/Glossary/Node/DOM)의 콜렉션입니다.

> **참고:** `NodeList``Array` 는 아니지만, `forEach()` 를 사용하여 반복할 수 있습니다. 또한 {{jsxref("Array.from()")}} 을 사용하여 `Array` 로 변환 할 수도 있습니다.그러나 일부 오래된 브라우저는 아직`NodeList.forEach()` 또는 `Array.from()` 를 구현하지 않았습니다. 이것은 {{jsxref("Array.forEach()", "Array.prototype.forEach()")}} 를 사용하여 회피할 수 있습니다. — 이 [문서](#example)의 예제를 참조하세요.
> **참고:** `NodeList``Array` 는 아니지만, `forEach()` 를 사용하여 반복할 수 있습니다. 또한 {{jsxref("Array.from()")}} 을 사용하여 `Array` 로 변환 할 수도 있습니다. 그러나 일부 오래된 브라우저는 아직`NodeList.forEach()` 또는 `Array.from()` 를 구현하지 않았습니다. 이것은 {{jsxref("Array.forEach()", "Array.prototype.forEach()")}} 를 사용하여 회피할 수 있습니다. — 이 [문서](#example)의 예제를 참조하세요.
경우에 따라, `NodeList`는 라이브 콜렉션으로, DOM의 변경 사항을 실시간으로 콜렉션에 반영합니다. 예를 들어, {{domxref("Node.childNodes")}} 는 실시간입니다:

Expand All @@ -30,7 +30,7 @@ console.log(child_nodes.length); // should output "3"

## 메서드(Methods)

<dl><dt>{{domxref("NodeList.item()")}}</dt><dd>리스트 내 항목(item)의 인덱스를 반환하고, 인덱스가 범위 외의 경우일 땐 <code>null</code>을 반환합니다.</dd><dd><code>nodeList[idx]</code>의 대안으로 사용할 수 있습니다.(<code>i</code> 가범위를 벗어날 때(out-of-bounds) <code>undefined</code> 를 반환합니다.) 이것은 비 JavaScript 언어 DOM 구현에 유용합니다.</dd><dt>{{domxref("NodeList.entries()")}}</dt><dd>{{jsxref("Iteration_protocols","iterator")}} 를 반환하여 코드가 콜렉션에 포함된 모든 키/값 쌍을 순회할 수 있도록 합니다. (이 경우 키는 0부터 시작하는 숫자이고, 값은 노드가 됩니다.)</dd><dt>{{domxref("NodeList.forEach()")}}</dt><dd><code>NodeList</code>의 요소(element)마다 한 번씩, 인자로 전달 받은 함수를 실행하여 요소를 인수(argument)로 함수에 전달합니다.</dd><dt>{{domxref("NodeList.keys()")}}</dt><dd>{{jsxref("Iteration_protocols", "iterator")}}를 반환하여 콜렉션에 포함된 키/값 쌍의 모든 키를 코드가 순회하도록 합니다. (이 경우 키는 0부터 시작하는 숫자입니다.)</dd><dt>{{domxref("NodeList.values()")}}</dt><dd>콜렉션에 포함된 키/값 쌍의 모든 값(nodes)을 코드가 순회할 수 있게 해주는 {{jsxref("Iteration_protocols", "iterator")}}를 반환합니다.</dd></dl>
<dl><dt>{{domxref("NodeList.item()")}}</dt><dd>리스트 내 항목(item)의 인덱스를 반환하고, 인덱스가 범위 외의 경우일 땐 <code>null</code>을 반환합니다.</dd><dd><code>nodeList[idx]</code>의 대안으로 사용할 수 있습니다.(<code>i</code> 가 범위를 벗어날 때(out-of-bounds) <code>undefined</code> 를 반환합니다.) 이것은 비 JavaScript 언어 DOM 구현에 유용합니다.</dd><dt>{{domxref("NodeList.entries()")}}</dt><dd>{{jsxref("Iteration_protocols","iterator")}} 를 반환하여 코드가 콜렉션에 포함된 모든 키/값 쌍을 순회할 수 있도록 합니다. (이 경우 키는 0부터 시작하는 숫자이고, 값은 노드가 됩니다.)</dd><dt>{{domxref("NodeList.forEach()")}}</dt><dd><code>NodeList</code>의 요소(element)마다 한 번씩, 인자로 전달 받은 함수를 실행하여 요소를 인수(argument)로 함수에 전달합니다.</dd><dt>{{domxref("NodeList.keys()")}}</dt><dd>{{jsxref("Iteration_protocols", "iterator")}}를 반환하여 콜렉션에 포함된 키/값 쌍의 모든 키를 코드가 순회하도록 합니다. (이 경우 키는 0부터 시작하는 숫자입니다.)</dd><dt>{{domxref("NodeList.values()")}}</dt><dd>콜렉션에 포함된 키/값 쌍의 모든 값(nodes)을 코드가 순회할 수 있게 해주는 {{jsxref("Iteration_protocols", "iterator")}}를 반환합니다.</dd></dl>

## Example

Expand Down Expand Up @@ -93,7 +93,7 @@ function log() {
elements.addEventListener("click", log);
//or
elements.addEventListener("click", function () {
console.log(this, " awas clicked");
console.log(this, " was clicked");
});
// 클릭된 요소로부터 출력될 요소는 둘 모두 HTML 요소가 된다.
```
Expand Down

0 comments on commit b3839f4

Please sign in to comment.