예제 번역: /examples/tree

Author: niceplugin

ko-KR/.vitepress/config.ts

@@ -465,7 +465,7 @@ export const sidebar = {
           link: '/examples/#grid'
         },
         {
-          text: 'Tree View',
+          text: '트리 뷰',
           link: '/examples/#tree'
         },
         {

ko-KR/src/examples/src/tree/App/composition.js

@@ -7,22 +7,22 @@ export default {
   },
   setup() {
     const treeData = ref({
-      name: 'My Tree',
+      name: '나의 트리',
       children: [
-        { name: 'hello' },
-        { name: 'world' },
+        { name: '안녕' },
+        { name: '반가워' },
         {
-          name: 'child folder',
+          name: '하위 폴더',
           children: [
             {
-              name: 'child folder',
-              children: [{ name: 'hello' }, { name: 'world' }]
+              name: '하위 폴더',
+              children: [{ name: '안녕' }, { name: '반가워' }]
             },
-            { name: 'hello' },
-            { name: 'world' },
+            { name: '안녕' },
+            { name: '반가워' },
             {
-              name: 'child folder',
-              children: [{ name: 'hello' }, { name: 'world' }]
+              name: '하위 폴더',
+              children: [{ name: '안녕' }, { name: '반가워' }]
             }
           ]
         }

ko-KR/src/examples/src/tree/App/options.js

@@ -1,22 +1,22 @@
 import TreeItem from './TreeItem.vue'
 
 const treeData = {
-  name: 'My Tree',
+  name: '나의 트리',
   children: [
-    { name: 'hello' },
-    { name: 'wat' },
+    { name: '안녕' },
+    { name: '반가워' },
     {
-      name: 'child folder',
+      name: '하위 폴더',
       children: [
         {
-          name: 'child folder',
-          children: [{ name: 'hello' }, { name: 'wat' }]
+          name: '하위 폴더',
+          children: [{ name: '안녕' }, { name: '반가워' }]
         },
-        { name: 'hello' },
-        { name: 'wat' },
+        { name: '안녕' },
+        { name: '반가워' },
         {
-          name: 'child folder',
-          children: [{ name: 'hello' }, { name: 'wat' }]
+          name: '하위 폴더',
+          children: [{ name: '안녕' }, { name: '반가워' }]
         }
       ]
     }

ko-KR/src/examples/src/tree/TreeItem/composition.js

@@ -1,7 +1,7 @@
 import { ref, computed } from 'vue'
 
 export default {
-  name: 'TreeItem', // necessary for self-reference
+  name: 'TreeItem', // 자기 참조에 필요함
   props: {
     model: Object
   },
@@ -24,7 +24,7 @@ export default {
     }
 
     function addChild() {
-      props.model.children.push({ name: 'new stuff' })
+      props.model.children.push({ name: '새로운 것' })
     }
 
     return {

ko-KR/src/examples/src/tree/TreeItem/options.js

@@ -1,5 +1,5 @@
 export default {
-  name: 'TreeItem', // necessary for self-reference
+  name: 'TreeItem', // 자기 참조에 필요함
   props: {
     model: Object
   },
@@ -28,7 +28,7 @@ export default {
     },
     addChild() {
       this.model.children.push({
-        name: 'new stuff'
+        name: '새로운 것'
       })
     }
   }

ko-KR/src/examples/src/tree/TreeItem/template.html

@@ -8,8 +8,8 @@
   </div>
   <ul v-show="isOpen" v-if="isFolder">
     <!--
-      A component can recursively render itself using its
-      "name" option (inferred from filename if using SFC)
+      컴포넌트는 "name" 옵션을 사용하여 자신을 재귀적으로 렌더링할
+      수 있습니다(SFC를 사용하는 경우 파일 이름에서 유추).
     -->
     <TreeItem
       class="item"
@@ -18,4 +18,4 @@
     </TreeItem>
     <li class="add" @click="addChild">+</li>
   </ul>
-</li>
+</li>

ko-KR/src/examples/src/tree/description.txt

@@ -1,2 +1,2 @@
-A nested tree component that recursively renders itself.
-You can double click on an item to turn it into a folder.
+자신을 재귀적으로 렌더링하는 중첩된 트리 컴포넌트입니다.
+항목을 더블 클릭하면 폴더로 변경됩니다.