Merge pull request #225 from niceplugin/tutorial/step-14

번역: tutorial/step-14

Author: narusas

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

@@ -6,7 +6,7 @@ export default {
     ChildComp
   },
   setup() {
-    const msg = ref('from parent')
+    const msg = ref('Vue는 개발자에게 정말 유용하죠! 🎁')
 
     return {
       msg

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

@@ -6,7 +6,7 @@ export default {
   },
   data() {
     return {
-      msg: 'from parent'
+      msg: 'Vue는 개발자에게 정말 유용하죠! 🎁'
     }
   }
 }

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

@@ -1 +1 @@
-<slot>Fallback content</slot>
+<slot>대체: 부모로부터 컨텐츠를 못 받았어요! 😢</slot>

ko-KR/src/tutorial/src/step-14/_hint/App/template.html

@@ -1 +1 @@
-<ChildComp>Message: {{ msg }}</ChildComp>
+<ChildComp>부모로부터: {{ msg }}</ChildComp>

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

@@ -1,12 +1,12 @@
-# Slots
+# 슬롯
 
-In addition to passing data via props, the parent component can also pass down template fragments to the child via **slots**:
+부모 컴포넌트는 자식에게 props를 사용하여 데이터를 전달하는 것 외에도, **슬롯**을 사용하여 템플릿 조각을 전달할 수 있습니다:
 
 <div class="sfc">
 
 ```vue-html
 <ChildComp>
-  This is some slot content!
+  이것은 슬롯 콘텐츠입니다!
 </ChildComp>
 ```
 
@@ -15,35 +15,36 @@ In addition to passing data via props, the parent component can also pass down t
 
 ```vue-html
 <child-comp>
-  This is some slot content!
+  이것은 슬롯 콘텐츠입니다!
 </child-comp>
 ```
 
 </div>
 
-In the child component, it can render the slot content from the parent using the `<slot>` element as outlet:
+자식 컴포넌트가 `<slot>` 엘리먼트를 "발산 수단(outlet: 가이드에서 '아울렛'으로 표기됨)"으로 사용하면, 부모에게 전달 받은 슬롯 콘텐츠를 렌더링할 수 있습니다:
 
 <div class="sfc">
 
 ```vue-html
-<!-- in child template -->
+<!-- 자식 템플릿에서 -->
 <slot/>
 ```
 
 </div>
 <div class="html">
 
 ```vue-html
-<!-- in child template -->
+<!-- 자식 템플릿에서 -->
 <slot></slot>
 ```
 
 </div>
 
-Content inside the `<slot>` outlet will be treated as "fallback" content: it will be displayed if the parent did not pass down any slot content:
+`<slot>` 아울렛 내부 콘텐츠는 "대체" 콘텐츠로 처리될 수 있는데, 부모가 슬롯 콘텐츠를 전달하지 않은 경우에 표시됩니다:
 
 ```vue-html
-<slot>Fallback content</slot>
+<slot>대체: 부모로부터 컨텐츠를 못 받았어요! 😢</slot>
 ```
 
-Currently we are not passing any slot content to `<ChildComp>`, so you should see the fallback content. Let's provide some slot content to the child while making use of the parent's `msg` state.
+현재 우리는 슬롯 콘텐츠를 `<ChildComp>`에 전달하지 않았으므로, 대체 콘텐츠가 표시되고 있습니다.
+부모의 `msg` 상태를 슬롯 콘텐츠로 하여 자식에게 전달해봅시다.