diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html b/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html
index fbfacaa88f..ab781edb84 100644
--- a/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html
+++ b/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html
@@ -3,36 +3,36 @@
 <body>
 
   <ul>
-    <li>Animals
+    <li>육상 동물
       <ul>
-        <li>Mammals
+        <li>포유류
           <ul>
-            <li>Cows</li>
-            <li>Donkeys</li>
-            <li>Dogs</li>
-            <li>Tigers</li>
+            <li>소</li>
+            <li>당나귀</li>
+            <li>개</li>
+            <li>호랑이</li>
           </ul>
         </li>
-        <li>Other
+        <li>비 포유류
           <ul>
-            <li>Snakes</li>
-            <li>Birds</li>
-            <li>Lizards</li>
+            <li>뱀</li>
+            <li>새</li>
+            <li>도마뱀</li>
           </ul>
         </li>
       </ul>
     </li>
-    <li>Fishes
+    <li>수생 동물
       <ul>
-        <li>Aquarium
+        <li>담수 동물
           <ul>
-            <li>Guppy</li>
-            <li>Angelfish</li>
+            <li>붕어</li>
+            <li>메기</li>
           </ul>
         </li>
-        <li>Sea
+        <li>해양 동물
           <ul>
-            <li>Sea trout</li>
+            <li>해마</li>
           </ul>
         </li>
       </ul>
@@ -40,8 +40,18 @@
   </ul>
 
   <script>
-    // ... your code...
+    for (let li of document.querySelectorAll('li')) {
+      // 텍스트 노드를 사용해 원하는 글자를 얻습니다.
+      let title = li.firstChild.data;
+
+      title = title.trim(); // 텍스트 끝에 있는 공백을 지웁니다.
+
+      // 후손 노드의 갯수를 얻습니다.
+      let count = li.getElementsByTagName('li').length;
+
+      alert(title + ': ' + count);
+    }
   </script>
 
 </body>
-</html>
+</html>
\ No newline at end of file
