[주요 노드 프로퍼티] 과제 번역(WIP)

Violet-Bora-Lee · Violet-Bora-Lee · commit 617d595757dd · 2020-01-20T00:20:56.000+09:00
- 충북대학교 git/GitHub 실습용 - 이슈 #471
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/solution.md b/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/solution.md
@@ -1,8 +1,8 @@
-There's a catch here.
+함정이 있는 문제였습니다.
 
-At the time of `<script>` execution the last DOM node is exactly `<script>`, because the browser did not process the rest of the page yet.
+`<script>`가 실행되는 시점엔 브라우저가 `<script>` 아래에 있는 문서를 처리하지 못했기 때문에 가장 마지막 DOM 노드는 `<script>` 자기 자신입니다.
 
-So the result is `1` (element node).
+따라서 얼럿창엔 `1`(요소 노드)이 출력됩니다.
 
 ```html run height=60
 <html>
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/task.md b/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/task.md
@@ -2,9 +2,9 @@ importance: 5
 
 ---
 
-# What's in the nodeType?
+# 노드 타입 맞추기
 
-What does the script show?
+스크립트를 실행 결과를 예측해보세요.
 
 ```html
 <html>
diff --git a/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/solution.md b/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/solution.md
@@ -14,4 +14,4 @@
 
 1. `<body>`의 콘텐츠가 `<!--BODY-->`로 대체됩니다. `body.tagName`은  `"BODY"`이기 때문입니다. `tagName`은 항상 대문자라는 점을 잊지 마세요.
 2. `<body>`의 콘텐츠가  교체되면서 주석이 유일한 자식 노드가 됩니다. 따라서 `body.firstChild`을 사용해 주석을 얻을 수 있게 됩니다.
-3. 주석 노드의 `data` 프로퍼티엔 주석 내용(`<!--...-->` 안쪽의 내용)이 저장됩니다. 따라서 `data` 프로퍼티의 값은 `"BODY"`입니다.
+3. 주석 노드의 `data` 프로퍼티엔 주석 내용(`<!--...-->` 안쪽의 내용)이 저장됩니다. 따라서 `data` 프로퍼티의 값은 `"BODY"`입니다.
diff --git a/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/task.md b/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/task.md
@@ -2,16 +2,16 @@ importance: 3
 
 ---
 
-# �ּ� ���� �±�
+# 주석 안의 태그
 
-��ũ��Ʈ�� ���� ����� �����غ�����.
+스크립트를 실행 결과를 예측해보세요.
 
 ```html
 <script>
   let body = document.body;
 
   body.innerHTML = "<!--" + body.tagName + "-->";
 
-  alert( body.firstChild.data ); // �� â�� � ������ ��µɱ��?
+  alert( body.firstChild.data ); // 얼럿 창엔 어떤 내용이 출력될까요?
 </script>
-```
+```
diff --git a/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/solution.md b/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/solution.md
@@ -37,4 +37,4 @@ alert(HTMLDocument.prototype.__proto__.__proto__.constructor.name); // Node
 
 위와 같은 코드를 사용해 계층 구조를 파악할 수 있습니다.
 
-이 외에도 개발자 도구에서 `console.dir(document)`를 사용해 객체를 검사하고, `__proto__`에 저장된 정보를 통해 이름을 알아낼 수도 있습니다. 브라우저 콘솔 내부에서 자동으로 `constructor`의 이름을 추출하기 때문입니다.  
+이 외에도 개발자 도구에서 `console.dir(document)`를 사용해 객체를 검사하고, `__proto__`에 저장된 정보를 통해 이름을 알아낼 수도 있습니다. 브라우저 콘솔 내부에서 자동으로 `constructor`의 이름을 추출하기 때문입니다.  
diff --git a/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/task.md b/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/task.md
@@ -2,10 +2,10 @@ importance: 4
 
 ---
 
-# Where's the "document" in the hierarchy?
+# DOM 계층 구조와 'document'
 
-Which class does the `document` belong to?
+`document`는 어떤 클래스에 속할까요?
 
-What's its place in the DOM hierarchy?
+DOM 계층 구조에서 `document`이 속한 클래스는 어디에 위치해 있을까요?
 
-Does it inherit from `Node` or `Element`, or maybe `HTMLElement`?
+이 클래스는 `Node`, `Element`, `HTMLElement` 중 어떤 클래스를 상속받을까요?

Original file line number	Diff line number	Diff line change
`@@ -37,4 +37,4 @@ alert(HTMLDocument.prototype.__proto__.__proto__.constructor.name); // Node`
`37`	`37`
`38`	`38`	`위와 같은 코드를 사용해 계층 구조를 파악할 수 있습니다.`
`39`	`39`
`40`		-이 외에도 개발자 도구에서 `console.dir(document)`를 사용해 객체를 검사하고, `__proto__`에 저장된 정보를 통해 이름을 알아낼 수도 있습니다. 브라우저 콘솔 내부에서 자동으로 `constructor`의 이름을 추출하기 때문입니다.
	`40`	+이 외에도 개발자 도구에서 `console.dir(document)`를 사용해 객체를 검사하고, `__proto__`에 저장된 정보를 통해 이름을 알아낼 수도 있습니다. 브라우저 콘솔 내부에서 자동으로 `constructor`의 이름을 추출하기 때문입니다.