refactor: 페이지 이동 후 복귀 시 canvas 표출이 안되는 현상 수정

src/components/floor-plan/CanvasFrame.jsx

@@ -29,7 +29,7 @@ export default function CanvasFrame({ plan }) {
 
   useEffect(() => {
     loadCanvas()
-  }, [plan])
+  }, [plan, canvas])
 
   useEffect(() => {
     switch (currentMenu) {

src/components/floor-plan/CanvasLayout.jsx

@@ -25,8 +25,7 @@ export default function CanvasLayout() {
 
   const handleCurrentPlan = (newCurrentId) => {
     // console.log('currentPlan newCurrentId: ', newCurrentId)
-
+    if (!currentCanvasPlan || currentCanvasPlan.id !== newCurrentId) {
-    if (!currentCanvasPlan?.id || 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) => {
+    if (!currentCanvasPlan) {
-      console.log('canvas 목록 ', res)
+      getCanvasByObjectNo(sessionState.userId, objectNo).then((res) => {
-      if (res.length > 0) {
+        // console.log('canvas 목록 ', res)
-        setInitCanvasPlans(res)
+        if (res.length > 0) {
-        setPlans(res)
+          setInitCanvasPlans(res)
-        handleCurrentPlan(res.at(-1).id) // last 데이터에 포커싱
+          setPlans(res)
-        setPlanNum(res.length)
+          handleCurrentPlan(res.at(-1).id) // last 데이터에 포커싱
-      } else {
+          setPlanNum(res.length)
-        addNewPlan()
+        } else {
-      }
+          addNewPlan()
-    })
+        }
+      })
+    }
   }, [])
 
   return (