[DOM 탐색하기] 과제 번역

Violet-Bora-Lee · Violet-Bora-Lee · commit 50c38e6fd4f2 · 2020-01-20T00:21:13.000+09:00
- 충북대학교 git/GitHub 실습용 - 이슈 #474
diff --git a/2-ui/1-document/03-dom-navigation/1-dom-children/solution.md b/2-ui/1-document/03-dom-navigation/1-dom-children/solution.md
@@ -1,27 +1,27 @@
-There are many ways, for instance:
+방법은 다양합니다.
 
 
-The `<div>` DOM node:
+`<div>` DOM 노드:
 
 ```js
 document.body.firstElementChild
-// or
+// 또는
 document.body.children[0]
-// or (the first node is space, so we take 2nd)
+// 또는 (첫 번째 노드는 공백이므로 두 번째 노드를 가져옴)
 document.body.childNodes[1]
 ```
 
-The `<ul>` DOM node:
+`<ul>` DOM 노드:
 
 ```js
 document.body.lastElementChild
-// or
+// 또는
 document.body.children[1]
 ```
 
-The second `<li>` (with Pete):
+두 번째 `<li>` (Pete):
 
 ```js
-// get <ul>, and then get its last element child
+// <ul>을 가져오고, <ul>의 마지막 자식 요소를 가져옴
 document.body.lastElementChild.lastElementChild
 ```
diff --git a/2-ui/1-document/03-dom-navigation/1-dom-children/task.md b/2-ui/1-document/03-dom-navigation/1-dom-children/task.md
@@ -2,14 +2,14 @@ importance: 5
 
 ---
 
-# DOM children
+# 자식 DOM
 
-Look at this page:
+아래 페이지를 살펴봅시다.
 
 ```html
 <html>
 <body>
-  <div>Users:</div>
+  <div>사용자:</div>
   <ul>
     <li>John</li>
     <li>Pete</li>
@@ -18,7 +18,7 @@ Look at this page:
 </html>
 ```
 
-For each of the following, give at least one way of how to access them:
-- The `<div>` DOM node?
-- The `<ul>` DOM node?
-- The second `<li>` (with Pete)?
+아래 DOM 노드에 접근할 방법을 최소 한 가지 이상씩 생각해보세요.
+- `<div>` DOM 노드
+- `<ul>` DOM 노드
+- 두 번째 `<li>` (Pete)
diff --git a/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/solution.md b/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/solution.md
@@ -1,6 +1,6 @@
-1. Yes, true. The element `elem.lastChild` is always the last one, it has no `nextSibling`.
-2. No, wrong, because `elem.children[0]` is the first child *among elements*. But there may exist non-element nodes before it. So `previousSibling` may be a text node.
+1. 네 맞습니다. `elem.lastChild`는 항상 마지막 노드이기 때문에 `nextSibling`이 없습니다.
+2. 아닙니다. `elem.children[0]`은 *요소 노드 중* 첫 번째 자식 노드를 나타내기 때문입니다. 이 앞에 요소 노드가 아닌 다른 노드가 올 수도 있습니다. `previousSibling`은 텍스트 노드가 될 수도 있습니다.
 
-Please note: for both cases if there are no children, then there will be an error.
+주의 사항: 두 경우 모두 자식 노드가 없는 경우 에러가 발생합니다.
 
-If there are no children, `elem.lastChild` is `null`, so we can't access `elem.lastChild.nextSibling`. And the collection `elem.children` is empty (like an empty array `[]`).
+자식 노드가 없으면 `elem.lastChild`은 `null`이 되기 때문에 `elem.lastChild.nextSibling`에 접근할 수 없습니다. 그리고 컬렉션 `elem.children`은 빈 배열 `[]`같이 빈 상태가 됩니다.
diff --git a/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/task.md b/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/task.md
@@ -2,9 +2,9 @@ importance: 5
 
 ---
 
-# The sibling question
+# 형제 노드에 관한 질문
 
-If `elem` -- is an arbitrary DOM element node...
+임의의 DOM 요소 노드 `elem`이 있다고 가정해봅시다.
 
-- Is it true that `elem.lastChild.nextSibling` is always `null`?
-- Is it true that `elem.children[0].previousSibling` is always `null` ?
+- `elem.lastChild.nextSibling`은 항상 `null`일까요?
+- `elem.children[0].previousSibling`은 항상 `null`일까요?
