[속성과 프로퍼티] 과제 번역

JuYeong0413 · Violet-Bora-Lee · commit f2195d232999 · 2020-04-10T18:39:58.000+09:00
diff --git a/2-ui/1-document/06-dom-attributes-and-properties/1-get-user-attribute/task.md b/2-ui/1-document/06-dom-attributes-and-properties/1-get-user-attribute/task.md
@@ -2,9 +2,9 @@ importance: 5
 
 ---
 
-# Get the attribute
+# 속성 가져오기
 
-Write the code to select the element with `data-widget-name` attribute from the document and to read its value.
+문서에서 `data-widget-name`이라는 속성을 가진 요소를 찾고, 해당 요소의 값을 읽는 코드를 작성해 보세요.
 
 ```html run
 <!DOCTYPE html>
diff --git a/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/solution.md b/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/solution.md
@@ -1,9 +1,9 @@
 
-First, we need to find all external references.
+먼저 외부 참조를 모두 찾아야 합니다.
 
-There are two ways.
+두 가지 방법을 사용해 외부 참조를 찾을 수 있습니다.
 
-The first is to find all links using `document.querySelectorAll('a')` and then filter out what we need:
+첫 번째 방법은 `document.querySelectorAll('a')`를 사용해 모든 링크를 찾은 후 필요한 것만 걸러내는 것입니다.
 
 ```js
 let links = document.querySelectorAll('a');
@@ -12,23 +12,23 @@ for (let link of links) {
 *!*
   let href = link.getAttribute('href');
 */!*
-  if (!href) continue; // no attribute
+  if (!href) continue; // 속성이 존재하지 않음
 
-  if (!href.includes('://')) continue; // no protocol
+  if (!href.includes('://')) continue; // 프로토콜이 존재하지 않음
 
-  if (href.startsWith('http://internal.com')) continue; // internal
+  if (href.startsWith('http://internal.com')) continue; // 내부 링크
 
   link.style.color = 'orange';
 }
 ```
 
-Please note: we use `link.getAttribute('href')`. Not `link.href`, because we need the value from HTML.
+참고: HTML의 값이 필요하기 때문에 `link.href`가 아니라 `link.getAttribute('href')`를 사용합니다.
 
-...Another, simpler way would be to add the checks to CSS selector:
+더 간단한 방법은 CSS 선택자에 조건을 명시해 주는 것입니다.
 
 ```js
-// look for all links that have :// in href
-// but href doesn't start with http://internal.com
+// href에 :// 가 포함된 모든 링크를 찾습니다.
+// 그 중 http://internal.com으로 시작하지 않는 링크를 찾습니다.
 let selector = 'a[href*="://"]:not([href^="http://internal.com"])';
 let links = document.querySelectorAll(selector);
 
diff --git a/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/task.md b/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/task.md
@@ -2,15 +2,15 @@ importance: 3
 
 ---
 
-# Make external links orange
+# 외부 링크를 주황색으로 만들기
 
-Make all external links orange by altering their `style` property.
+`style` 프로퍼티를 변경해 모든 외부 링크를 주황색으로 만들어 보세요.
 
-A link is external if:
-- Its `href` has `://` in it
-- But doesn't start with `http://internal.com`.
+외부 링크가 되기 위한 조건은 아래와 같습니다.
+- `href`에 `://`가 포함되어 있어야 합니다.
+- 하지만 `http://internal.com`으로 시작하지 않아야 합니다.
 
-Example:
+예시:
 
 ```html run
 <a name="list">the list</a>
@@ -30,6 +30,6 @@ Example:
 </script>
 ```
 
-The result should be:
+결과:
 
 [iframe border=1 height=180 src="solution"]
