feat Delete

src/components/TodoItem.tsx

@@ -19,11 +19,15 @@ export default function TodoItem({ todo }: TodoItemProps) {
     dispatch({ type: 'TOGGLE_COMPLETED', id });
   };
 
+  const handleDelete = () => {
+    dispatch({ type: 'DELETE_TODO', id });
+  };
+
   return (
     <Container>
       <CheckBox checked={completed} onClick={handleClick} />
       <Content checked={completed}>{content}</Content>
-      <Delete />
+      <Delete onClick={handleDelete} />
     </Container>
   );
 }

src/contexts/todoContext.tsx

@@ -44,10 +44,10 @@ const reducer = (state: TodoState, action: Action): TodoState => {
         // todos:
       };
     case 'DELETE_TODO':
+      api.deleteTodo(action.id);
       return {
         ...state,
-        // TODO: todo가 삭제 되었을 때 action.id 값을 이용하여 todos 가 삭제 되도록 수정하기
-        // todos:
+        todos: api.getTodos(),
       };
     case 'TOGGLE_COMPLETED':
       return {