fix: canvas size 조절 기능 수정

src/components/Roof2.jsx

@@ -108,28 +108,24 @@ export default function Roof2() {
     }
   }
 
-  /**
+  useEffect(() => {
-   * canvas 사이즈 변경 함수
+    setCanvasSize({ ...canvasSize, vertical: verticalSize, horizontal: horizontalSize })
-   */
+  }, [verticalSize, horizontalSize])
-  const canvasSizeMode = () => {
-    if (canvas) {
-      canvas.setWidth(horizontalSize)
-      canvas.setHeight(verticalSize)
-      canvas.renderAll()
-
-      setCanvasSize(() => ({
-        vertical: verticalSize,
-        horizontal: horizontalSize,
-      }))
-    }
-  }
 
   /**
    * 값 변경시
    */
+  // useEffect(() => {
+  //   canvasSizeMode()
+  // }, [verticalSize, horizontalSize])
   useEffect(() => {
-    canvasSizeMode()
+    const { vertical, horizontal } = canvasSize
-  }, [verticalSize, horizontalSize])
+    if (vertical !== verticalSize || horizontal !== horizontalSize) {
+      canvas.setWidth(horizontalSize)
+      canvas.setHeight(verticalSize)
+      canvas.renderAll()
+    }
+  }, [canvasSize, canvas])
 
   const makeQPolygon = () => {
     const type1 = [