투두리스트 상태 유효성 메서드 추가

Author: bgyoons

src/TodoList.js

@@ -13,7 +13,10 @@ export default function TodoList({ $target, initialState, updateCount }) {
   else this.state = [];
 
   this.setState = (nextState) => {
-    this.state = nextState;
+    const newState = validation.state(nextState);
+    this.state = newState;
+    setItem("todo", JSON.stringify(newState));
+    updateCount(newState);
     this.render();
   };
 

src/util/validation.js

@@ -4,6 +4,12 @@ const validation = {
       throw new Error("You must use new keyword");
     }
   },
+  state(todoList) {
+    return todoList.filter(
+      (todo) =>
+        typeof todo?.text === "string" && typeof todo?.isCompleted === "boolean"
+    );
+  },
 };
 
 export default validation;