[콜백] 과제 번역

Violet-Bora-Lee · Violet-Bora-Lee · commit b64ac2ccd49c · 2020-08-20T22:11:26.000+09:00
diff --git a/1-js/11-async/01-callbacks/01-animate-circle-callback/solution.view/index.html b/1-js/11-async/01-callbacks/01-animate-circle-callback/solution.view/index.html
@@ -22,14 +22,14 @@
 
 <body>
 
-  <button onclick="go()">Click me</button>
+<button onclick="go()">여기를 클릭해 주세요.</button>
 
   <script>
 
   function go() {
     showCircle(150, 150, 100, div => {
       div.classList.add('message-ball');
-      div.append("Hello, world!");
+      div.append("안녕하세요!");
     });
   }
 
diff --git a/1-js/11-async/01-callbacks/01-animate-circle-callback/task.md b/1-js/11-async/01-callbacks/01-animate-circle-callback/task.md
@@ -1,25 +1,25 @@
 
-# Animated circle with callback
+# 콜백을 이용한 움직이는 원
 
-In the task <info:task/animate-circle> an animated growing circle is shown.
+앞서 과제 <info:task/animate-circle> 에서 점점 커지는 원을 만들어 보았습니다.
 
-Now let's say we need not just a circle, but to show a message inside it. The message should appear *after* the animation is complete (the circle is fully grown), otherwise it would look ugly.
+이젠 점점 커지는 원뿐만 아니라 원 안에 메시지를 보여줘야 한다고 가정해봅시다. 이때 메시지는 애니메이션이 다 끝나고 난 *후*, 즉 원이 완전히 커지고 난 후에 나타나야 합니다. 그렇지 않으면 뭔가 이상해 보이기 때문입니다.
 
-In the solution of the task, the function `showCircle(cx, cy, radius)` draws the circle, but gives no way to track when it's ready.
+과제 <info:task/animate-circle>의 해답에 있는 함수 `showCircle(cx, cy, radius)`은 원을 그려주긴 하지만, 애니메이션이 다 끝났는지 아닌지를 알려주는 기능은 없습니다.
 
-Add a callback argument: `showCircle(cx, cy, radius, callback)` to be called when the animation is complete. The `callback` should receive the circle `<div>` as an argument.
+함수 `showCircle`에 `showCircle(cx, cy, radius, callback)`처럼 콜백 인수를 추가해 애니메이션이 종료되면 이 콜백이 실행되도록 해봅시다. 단, 이때 `callback`은 원에 대응하는 `<div>`를 반드시 인수로 받아야 합니다. 
 
-Here's the example:
+완성된 함수는 다음과 같이 사용할 수 있어야 합니다.
 
 ```js
 showCircle(150, 150, 100, div => {
   div.classList.add('message-ball');
-  div.append("Hello, world!");
+  div.append("안녕하세요!");
 });
 ```
 
-Demo:
+데모:
 
 [iframe src="solution" height=260]
 
-Take the solution of the task <info:task/animate-circle> as the base.
+<info:task/animate-circle>의 해답을 기초 삼아 새로운 함수를 만들어보세요.
