diff --git a/react/todo-app/src/App.js b/react/todo-app/src/App.js
index b21f2664..038d3136 100644
--- a/react/todo-app/src/App.js
+++ b/react/todo-app/src/App.js
@@ -41,11 +41,16 @@ const App = () => {
     setValue("");
   };
 
+  const handleRemoveClick = () => {
+    setTodoData([]);
+  };
+
   return (
     <div className="flex items-center justify-center w-screen h-screen bg-blue-100">
       <div className="w-full p-6 m-4 bg-white rounded shadow lg:w-3/4 lg:max-w-lg">
         <div className="flex justify-between mb-3">
           <h1>할 일 목록</h1>
+          <button onClick={handleRemoveClick}>Delete All</button>
         </div>
 
         <Lists