From 9187123225ac4cdf31207fd72d451518b2cfee70 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Wed, 4 Sep 2024 15:09:07 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B0=A9=ED=96=A5=20=EB=B3=80=EC=88=98?=
 =?UTF-8?q?=EB=AA=85=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/fabric/QPolygon.js  |  2 +-
 src/components/ui/SurfaceShape.jsx | 21 +++++++++++----------
 src/hooks/useCanvas.js             |  1 -
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/fabric/QPolygon.js b/src/components/fabric/QPolygon.js
index f255edc3..97fbc281 100644
--- a/src/components/fabric/QPolygon.js
+++ b/src/components/fabric/QPolygon.js
@@ -19,7 +19,7 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
   innerLines: [],
   children: [],
   initOptions: null,
-  defense: null,
+  direction: null,
   initialize: function (points, options, canvas) {
     // 소수점 전부 제거
     points.forEach((point) => {
diff --git a/src/components/ui/SurfaceShape.jsx b/src/components/ui/SurfaceShape.jsx
index f6fda227..e2459d90 100644
--- a/src/components/ui/SurfaceShape.jsx
+++ b/src/components/ui/SurfaceShape.jsx
@@ -28,7 +28,8 @@ export const SurfaceShapeModal = ({ canvas }) => {
   const [length4, setLength4] = useState(0)
   const [length5, setLength5] = useState(0)
 
-  const [defense, setDefense] = useState('south')
+  // 방향
+  const [direction, setDirection] = useState('south')
 
   /**
    * 최대 5개의 length
@@ -630,7 +631,7 @@ export const SurfaceShapeModal = ({ canvas }) => {
       }
 
       canvas?.add(obj)
-      obj.set({ defense: defense })
+      obj.set({ direction: direction })
       setCurrentPattern(obj)
       canvas?.renderAll()
     })
@@ -848,30 +849,30 @@ export const SurfaceShapeModal = ({ canvas }) => {
       <div className="flex flex-col items-center">
         <div className="flex">
           <Button
-            className={`p-4 border rounded-lg ${defense === 'north' ? 'bg-blue-200' : ''} flex items-center justify-center`}
-            onClick={() => setDefense('north')}
+            className={`p-4 border rounded-lg ${direction === 'north' ? 'bg-blue-200' : ''} flex items-center justify-center`}
+            onClick={() => setDirection('north')}
           >
             북
           </Button>
         </div>
         <div className="flex space-x-4">
           <Button
-            className={`p-4 border rounded-lg ${defense === 'west' ? 'bg-blue-200' : ''} flex items-center justify-center`}
-            onClick={() => setDefense('west')}
+            className={`p-4 border rounded-lg ${direction === 'west' ? 'bg-blue-200' : ''} flex items-center justify-center`}
+            onClick={() => setDirection('west')}
           >
             서
           </Button>
           <Button
-            className={`p-4 border rounded-lg ${defense === 'east' ? 'bg-blue-200' : ''} flex items-center justify-center`}
-            onClick={() => setDefense('east')}
+            className={`p-4 border rounded-lg ${direction === 'east' ? 'bg-blue-200' : ''} flex items-center justify-center`}
+            onClick={() => setDirection('east')}
           >
             동
           </Button>
         </div>
         <div className="mt-4">
           <Button
-            className={`p-4 border rounded-lg ${defense === 'south' ? 'bg-blue-200' : ''} flex items-center justify-center`}
-            onClick={() => setDefense('south')}
+            className={`p-4 border rounded-lg ${direction === 'south' ? 'bg-blue-200' : ''} flex items-center justify-center`}
+            onClick={() => setDirection('south')}
           >
             남
           </Button>
diff --git a/src/hooks/useCanvas.js b/src/hooks/useCanvas.js
index b0b704b1..e4902c33 100644
--- a/src/hooks/useCanvas.js
+++ b/src/hooks/useCanvas.js
@@ -428,7 +428,6 @@ export function useCanvas(id) {
       'minY',
       'x',
       'y',
-      'defense',
     ])
 
     const str = JSON.stringify(objs)