rename: 폴더 구조 변경

Author: bgyoons

src/App.js

@@ -1,8 +1,8 @@
-import Header from "./Header.js";
-import TodoForm from "./TodoForm.js";
-import TodoList from "./TodoList.js";
-import TodoCount from "./TodoCount.js";
-import { setItem } from "./storage.js";
+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";
 
 export default function App({ $target, initialState, initialCount }) {
   new Header({

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

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

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

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

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

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

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

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

src/main.js

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