From 1f89d3f9d848da53a56a474edb9a9435b21591af Mon Sep 17 00:00:00 2001
From: yoosangwook <yoo32767@gmail.com>
Date: Thu, 1 Aug 2024 13:23:51 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20canvas=20size=20=EC=A1=B0=EC=A0=88=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Roof2.jsx | 30 +++++++++++++-----------------
 1 file changed, 13 insertions(+), 17 deletions(-)

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