Merge pull request #1102 from gusgotoyu365/issue-#1096-answer

Violet-Bora-Lee · web-flow · commit f6b7ecbbac70 · 2021-04-29T20:12:25.000+09:00
[과제 번역] focus와 blur 과제, Keyboard-driven mouse 해답 번역 (#1096)
diff --git a/2-ui/4-forms-controls/2-focus-blur/5-keyboard-mouse/solution.md b/2-ui/4-forms-controls/2-focus-blur/5-keyboard-mouse/solution.md
@@ -1,6 +1,6 @@
 
-We can use `mouse.onclick` to handle the click and make the mouse "moveable" with `position:fixed`, then `mouse.onkeydown` to handle arrow keys.
+`mouse.onclick`으로 클릭 이벤트를 핸들링하고 `position:fixed`로 쥐가 이동할 수 있도록 준비합니다. 이 상태에서 `mouse.onkeydown`로 화살표 키를 핸들링합니다.
 
-The only pitfall is that `keydown` only triggers on elements with focus. So we need to add `tabindex` to the element.  As we're forbidden to change HTML, we can use `mouse.tabIndex` property for that.
+문제의 핵심은 `keydown`은 오직 포커스된 요소에서만 트리거 된다는 점입니다. 따라서 원하는 요구사항을 구현하려면 요소에 `tabindex`를 추가해줘야 합니다. 그런데 문제에서 HTML을 수정하지 말라고 했으므로 속성값 추가 말고 `mouse.tabIndex` 프로퍼티를 사용해야 합니다.
 
-P.S. We also can replace `mouse.onclick` with `mouse.onfocus`.
+참고: 해답에서 `mouse.onclick`을 `mouse.onfocus`로 바꿔도 잘 동작합니다.
diff --git a/2-ui/4-forms-controls/2-focus-blur/5-keyboard-mouse/solution.view/index.html b/2-ui/4-forms-controls/2-focus-blur/5-keyboard-mouse/solution.view/index.html
@@ -18,7 +18,7 @@
 
 <body>
 
-  <p>Click on the mouse and move it with arrow keys.</p>
+  <p>쥐를 클릭하고 화살표 키를 눌러 쥐를 움직여 보세요.</p>
 
   <pre id="mouse">
  _   _
