diff --git a/src/components/canvas/CanvasMenu.jsx b/src/components/canvas/CanvasMenu.jsx
index 0e9bfca..4ef52ac 100644
--- a/src/components/canvas/CanvasMenu.jsx
+++ b/src/components/canvas/CanvasMenu.jsx
@@ -6,7 +6,7 @@ import { useRecoilState } from "recoil";
 import { modalState } from "@/store/modalAtom";
 
 export default function CanvasMenu() {
-    const [modalOption, setModalOption] = useRecoilState(modalState);
+    const [modalOption, setModalOption] = useRecoilState(modalState); //modal 열림닫힘 state
     const [menuNumber, setMenuNumber] = useState(null);
     const [vertical, setVertical] = useState(true);
 
diff --git a/src/components/canvas/MenuDepth01.jsx b/src/components/canvas/MenuDepth01.jsx
index e32b29f..759cdf4 100644
--- a/src/components/canvas/MenuDepth01.jsx
+++ b/src/components/canvas/MenuDepth01.jsx
@@ -5,7 +5,7 @@ import { ToggleonMouse } from "../header/Header"
 import { modalState } from "@/store/modalAtom";
 
 export default function MenuDepth01(){
-    const [modalOption, setModalOption] = useRecoilState(modalState);
+    const [modalOption, setModalOption] = useRecoilState(modalState); //modal 열림닫힘 state
     return( 
         <div className="canvas-depth2-inner">
             <ul className="canvas-depth2-list">
diff --git a/src/components/canvas/modal/settoing01/SettingModal01.jsx b/src/components/canvas/modal/settoing01/SettingModal01.jsx
index 03e5412..ca26d2d 100644
--- a/src/components/canvas/modal/settoing01/SettingModal01.jsx
+++ b/src/components/canvas/modal/settoing01/SettingModal01.jsx
@@ -20,7 +20,7 @@ const propsClick = {
 }
 
 export default function SettingModal01 (){
-    const [modalOption, setModalOption] = useRecoilState(modalState);
+    const [modalOption, setModalOption] = useRecoilState(modalState); //modal 열림닫힘 state
     const [buttonAct, setButtonAct] = useState(1);
     const [close, setClose] = useState(false)
     const HandleClickClose = () => {