From ab3aa6d993698aeb3c729c4411a038a96e55930b Mon Sep 17 00:00:00 2001
From: Daseul Kim <amekimm@gmail.com>
Date: Tue, 15 Oct 2024 16:17:41 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EC=9D=B4=EB=8F=99=20=ED=9B=84=20=EB=B3=B5=EA=B7=80=20=EC=8B=9C?=
 =?UTF-8?q?=20canvas=20=ED=91=9C=EC=B6=9C=EC=9D=B4=20=EC=95=88=EB=90=98?=
 =?UTF-8?q?=EB=8A=94=20=ED=98=84=EC=83=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/floor-plan/CanvasFrame.jsx  |  2 +-
 src/components/floor-plan/CanvasLayout.jsx | 27 +++++++++++-----------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/components/floor-plan/CanvasFrame.jsx b/src/components/floor-plan/CanvasFrame.jsx
index 3b823460..17f0018d 100644
--- a/src/components/floor-plan/CanvasFrame.jsx
+++ b/src/components/floor-plan/CanvasFrame.jsx
@@ -29,7 +29,7 @@ export default function CanvasFrame({ plan }) {
 
   useEffect(() => {
     loadCanvas()
-  }, [plan])
+  }, [plan, canvas])
 
   useEffect(() => {
     switch (currentMenu) {
diff --git a/src/components/floor-plan/CanvasLayout.jsx b/src/components/floor-plan/CanvasLayout.jsx
index 7a3e9323..62cc737b 100644
--- a/src/components/floor-plan/CanvasLayout.jsx
+++ b/src/components/floor-plan/CanvasLayout.jsx
@@ -25,8 +25,7 @@ export default function CanvasLayout() {
 
   const handleCurrentPlan = (newCurrentId) => {
     // console.log('currentPlan newCurrentId: ', newCurrentId)
-
-    if (!currentCanvasPlan?.id || currentCanvasPlan.id !== newCurrentId) {
+    if (!currentCanvasPlan || currentCanvasPlan.id !== newCurrentId) {
       if (currentCanvasPlan?.id && checkModifiedCanvasPlan()) {
         swalFire({
           html: getMessage('common.message.confirm.save') + `</br>${currentCanvasPlan.name}`,
@@ -92,17 +91,19 @@ export default function CanvasLayout() {
   }
 
   useEffect(() => {
-    getCanvasByObjectNo(sessionState.userId, objectNo).then((res) => {
-      console.log('canvas 목록 ', res)
-      if (res.length > 0) {
-        setInitCanvasPlans(res)
-        setPlans(res)
-        handleCurrentPlan(res.at(-1).id) // last 데이터에 포커싱
-        setPlanNum(res.length)
-      } else {
-        addNewPlan()
-      }
-    })
+    if (!currentCanvasPlan) {
+      getCanvasByObjectNo(sessionState.userId, objectNo).then((res) => {
+        // console.log('canvas 목록 ', res)
+        if (res.length > 0) {
+          setInitCanvasPlans(res)
+          setPlans(res)
+          handleCurrentPlan(res.at(-1).id) // last 데이터에 포커싱
+          setPlanNum(res.length)
+        } else {
+          addNewPlan()
+        }
+      })
+    }
   }, [])
 
   return (