rename: .js > .ts 파일로 변경

Author: bgyoons

src/App.js renamed to src/App.ts

@@ -1,8 +1,8 @@
-import Header from "./components/Header.js";
-import TodoForm from "./components/TodoForm.js";
-import TodoList from "./components/TodoList.js";
-import TodoCount from "./components/TodoCount.js";
-import { setItem } from "./utils/storage.js";
+import Header from "./component/Header.js";
+import TodoForm from "./component/TodoForm.js";
+import TodoList from "./component/TodoList.js";
+import TodoCount from "./component/TodoCount.js";
+import { setItem } from "./util/storage.js";
 
 export default function App({ $target, initialState, initialCount }) {
   new Header({

src/components/Header.js renamed to src/component/Header.ts

@@ -1,4 +1,4 @@
-import validation from "../utils/validation.js";
+import validation from "../util/validation.js";
 
 export default function Header({ $target, text }) {
   validation.newTarget(new.target);

src/components/TodoCount.js renamed to src/component/TodoCount.ts

@@ -1,4 +1,4 @@
-import validation from "../utils/validation.js";
+import validation from "../util/validation.js";
 
 export default function TodoCount({ $target, initialCount }) {
   validation.newTarget(new.target);

src/components/TodoForm.js renamed to src/component/TodoForm.ts

@@ -1,4 +1,4 @@
-import validation from "../utils/validation.js";
+import validation from "../util/validation.js";
 
 export default function TodoForm({ $target, onSubmit }) {
   validation.newTarget(new.target);

src/components/TodoList.js renamed to src/component/TodoList.ts

@@ -1,5 +1,5 @@
-import { setItem } from "../utils/storage.js";
-import validation from "../utils/validation.js";
+import { setItem } from "../util/storage.js";
+import validation from "../util/validation.js";
 
 // params.$target - 해당 컴포넌트가 추가될 DOM 앨리먼트
 // params.initialState - 해당 컴포넌트의 초기 상태
@@ -24,17 +24,16 @@ export default function TodoList({ $target, initialState, updateCount }) {
     $todoList.innerHTML = `
       <ul>
         ${this.state
-          .map(
-            ({ text, isCompleted }, index) => `
-              <li data-index=${index} class="todoList ${
-                isCompleted ? "completed" : ""
-              }">
+        .map(
+          ({ text, isCompleted }, index) => `
+              <li data-index=${index} class="todoList ${isCompleted ? "completed" : ""
+            }">
                 ${text}
                 <button class="deleteBtn">삭제</button>
               </li>
             `
-          )
-          .join("")}
+        )
+        .join("")}
       </ul>
     `;
   };

src/main.js renamed to src/main.ts

@@ -1,5 +1,5 @@
 import App from "./App.js";
-import { getItem } from "./utils/storage.js";
+import { getItem } from "./util/storage.js";
 
 const initialState = getItem("todo", []);
 const initialCount = getItem("count", { total: 0, done: 0 });