번역: tutorial/step-13

Author: niceplugin

ko-KR/src/tutorial/src/step-13/App/composition.js

@@ -6,7 +6,7 @@ export default {
     ChildComp
   },
   setup() {
-    const childMsg = ref('No child msg yet')
+    const childMsg = ref('자식 컴포넌트로부터 아직 메시지를 받지 못했어요!')
 
     return {
       childMsg

ko-KR/src/tutorial/src/step-13/App/options.js

@@ -6,7 +6,7 @@ export default {
   },
   data() {
     return {
-      childMsg: 'No child msg yet'
+      childMsg: '자식 컴포넌트로부터 아직 메시지를 받지 못했어요!'
     }
   }
 }

ko-KR/src/tutorial/src/step-13/ChildComp/composition.js

@@ -1,7 +1,7 @@
 export default {
   emits: ['response'],
   setup(props, { emit }) {
-    emit('response', 'hello from child')
+    emit('response', '자식 컴포넌트로부터 🌷를 받았어요!')
     return {}
   }
 }

ko-KR/src/tutorial/src/step-13/ChildComp/options.js

@@ -1,6 +1,6 @@
 export default {
   emits: ['response'],
   created() {
-    this.$emit('response', 'hello from child')
+    this.$emit('response', '자식 컴포넌트로부터 🌷를 받았어요!')
   }
 }

ko-KR/src/tutorial/src/step-13/ChildComp/template.html

@@ -1 +1 @@
-<h2>Child component</h2>
+<h2>자식 컴포넌트</h2>

ko-KR/src/tutorial/src/step-13/description.md

@@ -1,17 +1,17 @@
 # Emits
 
-In addition to receiving props, a child component can also emit events to the parent:
+자식 컴포넌트는 부모로부터 props를 받는 것 뿐만 아니라 이벤트를 emit(발송)할 수도 있습니다:
 
 <div class="composition-api">
 <div class="sfc">
 
 ```vue
 <script setup>
-// declare emitted events
+// emit할 이벤트 선언
 const emit = defineEmits(['response'])
 
-// emit with argument
-emit('response', 'hello from child')
+// 인자와 함께 emit
+emit('response', '자식 컴포넌트로부터 🌷를 받았어요!')
 </script>
 ```
 
@@ -21,11 +21,11 @@ emit('response', 'hello from child')
 
 ```js
 export default {
-  // declare emitted events
+  // emit할 이벤트 선언
   emits: ['response'],
   setup(props, { emit }) {
-    // emit with argument
-    emit('response', 'hello from child')
+    // 인자와 함께 emit
+    emit('response', '자식 컴포넌트로부터 🌷를 받았어요!')
   }
 }
 ```
@@ -38,20 +38,22 @@ export default {
 
 ```js
 export default {
-  // declare emitted events
+  // emit할 이벤트 선언
   emits: ['response'],
   created() {
-    // emit with argument
-    this.$emit('response', 'hello from child')
+    // 인자와 함께 emit
+    this.$emit('response', '자식 컴포넌트로부터 🌷를 받았어요!')
   }
 }
 ```
 
 </div>
 
-The first argument to <span class="options-api">`this.$emit()`</span><span class="composition-api">`emit()`</span> is the event name. Any additional arguments are passed on to the event listener.
+<span class="options-api">`this.$emit()`</span><span class="composition-api">`emit()`</span>의 첫 번째 인자는 이벤트 이름입니다.
+이후 추가되는 모든 인자는 이벤트 리스너에 전달됩니다.
 
-The parent can listen to child-emitted events using `v-on` - here the handler receives the extra argument from the child emit call and assigns it to local state:
+부모는 `v-on`을 사용하여 자식이 발송한 이벤트를 수신할 수 있습니다.
+아래 예시 코드는 자식이 이벤트를 발송할 때 추가한 인자를 핸들러에서 받아 로컬 상태에 할당한 것입니다:
 
 <div class="sfc">
 
@@ -68,4 +70,6 @@ The parent can listen to child-emitted events using `v-on` - here the handler re
 
 </div>
 
-Now try it yourself in the editor.
+자식 컴포넌트가 `response` 이벤트에 메시지 인자를 추가하여 발송하고 있습니다.
+부모 컴포넌트에서 해당 이벤트를 수신하고,
+메세지 인자를 `childMsg`에 적용해봅시다!