polygon의 point가 3개 미만일 경우 처리

src/hooks/common/useRoofFn.js

@@ -33,6 +33,9 @@ export function useRoofFn() {
     if (!polygon) {
       return
     }
+    if (polygon.points.length < 3) {
+      return
+    }
     if (isForceChange && !isDisplay) {
       /*if (polygon.roofMaterial) {
         polygon.roofMaterial = null
@@ -156,7 +159,6 @@ export function useRoofFn() {
     combinedPatternCanvas.width = polygon.width * ratio
     combinedPatternCanvas.height = polygon.height * ratio
     const combinedCtx = combinedPatternCanvas.getContext('2d')
-
     // 첫 번째 패턴을 그린 후 두 번째 패턴을 덧입힘
     combinedCtx.drawImage(patternSourceCanvas, 0, 0)
     combinedCtx.drawImage(hachingPatternSourceCanvas, 0, 0)

src/hooks/module/useOrientation.js

@@ -12,7 +12,7 @@ export function useOrientation() {
 
   const { drawDirectionArrow } = usePolygon()
 
-  useEffect(() => {
+  /*useEffect(() => {
     const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
     roofs.forEach((roof) => {
       roof.set({
@@ -20,7 +20,7 @@ export function useOrientation() {
       })
       drawDirectionArrow(roof)
     })
-  }, [])
+  }, [])*/
 
   const nextStep = () => {
     if (isNaN(compasDeg)) {

src/hooks/usePolygon.js

@@ -174,6 +174,9 @@ export const usePolygon = () => {
    * @param polygon
    */
   const drawDirectionArrow = (polygon) => {
+    if (polygon.points.length < 3) {
+      return
+    }
     const direction = polygon.direction
     if (!direction) {
       return