From 38754db30d33fe34ef7aae4ff7f5019477a4c9d9 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Mon, 9 Sep 2024 11:05:44 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=93=A0=20=EB=AA=A8=EB=93=9C?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=82=AC=EC=9A=A9=EB=90=98=EB=8A=94=20?=
 =?UTF-8?q?=EA=B3=B5=ED=86=B5=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useMode.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/hooks/useMode.js b/src/hooks/useMode.js
index f575e954..46709a76 100644
--- a/src/hooks/useMode.js
+++ b/src/hooks/useMode.js
@@ -600,10 +600,6 @@ export function useMode() {
     canvas?.off('mouse:move')
     canvas?.off('mouse:up')
     canvas?.off('mouse:out')
-    Object.keys(mouseEvent).forEach((key) => {
-      canvas?.off('mouse:down', mouseEvent[key])
-      document.removeEventListener('contextmenu', mouseEvent[key])
-    })
 
     Object.keys(keyboardEvent).forEach((key) => {
       document.removeEventListener('keydown', keyboardEvent[key])
@@ -687,6 +683,7 @@ export function useMode() {
 
   const changeMode = (canvas, mode) => {
     mouseAndkeyboardEventClear()
+    addCommonMouseEvent()
     setMode(mode)
     setCanvas(canvas)
 
@@ -695,9 +692,6 @@ export function useMode() {
     changeMouseEvent(mode)
     changeKeyboardEvent(mode)
 
-    canvas?.on('mouse:move', drawMouseLines)
-    canvas?.on('mouse:out', removeMouseLines)
-
     switch (mode) {
       case 'template':
         templateMode()
@@ -729,6 +723,12 @@ export function useMode() {
     }
   }
 
+  // 모든 모드에서 사용되는 공통 이벤트 추가
+  const addCommonMouseEvent = () => {
+    canvas?.on('mouse:move', drawMouseLines)
+    canvas?.on('mouse:out', removeMouseLines)
+  }
+
   const changeKeyboardEvent = (mode) => {
     if (mode === Mode.EDIT) {
       switch (mode) {