src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx

@@ -266,15 +266,14 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, pla
     }, { skipSideEffects: true })
 
     const roofs = canvas.getObjects().filter((obj) => obj.roofMaterial?.index === 0)
-    const firstRoof = roofs[0]
 
-    if (firstRoof) {
+    roofs.forEach((roof) => {
       /** 모양 패턴 설정 */
-      setSurfaceShapePattern(firstRoof, roofDisplay.column, false, { ...roofInfo })
-      firstRoof.roofMaterial = { ...roofInfo }
-      drawDirectionArrow(firstRoof)
-      setPolygonLinesActualSize(firstRoof, true)
-    }
+      setSurfaceShapePattern(roof, roofDisplay.column, false, { ...roofInfo })
+      roof.roofMaterial = { ...roofInfo }
+      drawDirectionArrow(roof)
+      setPolygonLinesActualSize(roof, true)
+    })
     canvas.renderAll()
 
     /** 지붕면 존재 여부에 따라 메뉴 설정 */