Merge pull request #1410 from javascript-tutorial/1312

[이벤트 위임] 과제3 번역(#1312)

Author: Violet-Bora-Lee

2-ui/2-events/03-event-delegation/3-sortable-table/solution.view/index.html

@@ -25,7 +25,7 @@
   <table id="grid">
     <thead>
       <tr>
-        <th data-type="number">Age</th>
+        <th data-type="number">나이</th>
         <th data-type="string">이름</th>
       </tr>
     </thead>
@@ -40,15 +40,15 @@
       </tr>
       <tr>
         <td>12</td>
-        <td>한솔</td>
+        <td>호진</td>
       </tr>
       <tr>
         <td>9</td>
-        <td>Eugene</td>
+        <td>지민</td>
       </tr>
       <tr>
         <td>1</td>
-        <td>Ilya</td>
+        <td>재인</td>
       </tr>
     </tbody>
   </table>
@@ -59,9 +59,9 @@
       if (e.target.tagName != 'TH') return;
 
       let th = e.target;
-      // if TH, then sort
+      // 클릭한 요소가 TH라면 정렬을 진행합니다.
       // cellIndex는 몇 번째 열인지를 나타내는 인덱스 값입니다.
-      //   0 for the first column
+      //   첫 번째 열이라면 0,
       //   두 번째 열이라면 1이 됩니다.
       sortGrid(th.cellIndex, th.dataset.type);
     };
@@ -87,7 +87,7 @@
           break;
       }
 
-      // sort
+      // 해당 열을 정렬합니다.
       rowsArray.sort(compare);
 
       tbody.append(...rowsArray);

2-ui/2-events/03-event-delegation/3-sortable-table/source.view/index.html

@@ -26,7 +26,7 @@
     <thead>
       <tr>
         <th data-type="number">나이</th>
-        <th data-type="string">Name</th>
+        <th data-type="string">이름</th>
       </tr>
     </thead>
     <tbody>
@@ -36,15 +36,15 @@
       </tr>
       <tr>
         <td>2</td>
-        <td>Pete</td>
+        <td>보라</td>
       </tr>
       <tr>
         <td>12</td>
         <td>호진</td>
       </tr>
       <tr>
         <td>9</td>
-        <td>Eugene</td>
+        <td>민지</td>
       </tr>
       <tr>
         <td>1</td>

2-ui/2-events/03-event-delegation/3-sortable-table/task.md

@@ -40,4 +40,4 @@ importance: 4
 
 [iframe border=1 src="solution" height=190]
 
-P.S. The table can be big, with any number of rows and columns.
+P.S. 표 크기는 예시보다 훨씬 클 수 있습니다. 열이나 행이 더 추가될 수 있다는 가정하에 답을 작성해보세요.