diff --git a/src/components/Darkmode/Darkmode.jsx b/src/components/Darkmode/Darkmode.jsx
index cdb4e78..255dc32 100644
--- a/src/components/Darkmode/Darkmode.jsx
+++ b/src/components/Darkmode/Darkmode.jsx
@@ -1,7 +1,13 @@
 import { useState } from "react";
 import "./Darkmode.css";
 const Darkmode = () => {
-  return <div></div>;
+  const [darkmode, setDarkmode] = useState(false);
+
+
+  return <div>
+    <p>라이트모드</p>
+    <button onclick = {setDarkmode}>다크모드로 변경</button>
+  </div>;
 };
 
 export default Darkmode;