diff --git a/src/hooks/roofcover/useRoofAllocationSetting.js b/src/hooks/roofcover/useRoofAllocationSetting.js
index 6eba271f..d219cf24 100644
--- a/src/hooks/roofcover/useRoofAllocationSetting.js
+++ b/src/hooks/roofcover/useRoofAllocationSetting.js
@@ -5,10 +5,12 @@ import { setSurfaceShapePattern } from '@/util/canvas-util'
 import { splitPolygonWithLines } from '@/util/qpolygon-utils'
 import { useSwal } from '@/hooks/useSwal'
 import { usePolygon } from '@/hooks/usePolygon'
+import { roofDisplaySelector } from '@/store/settingAtom'
 
 // 지붕면 할당
 export function useRoofAllocationSetting(setShowRoofAllocationSettingModal) {
   const canvas = useRecoilValue(canvasState)
+  const roofDisplay = useRecoilValue(roofDisplaySelector)
   const { drawDirectionArrow } = usePolygon()
 
   const { swalFire } = useSwal()
@@ -117,7 +119,7 @@ export function useRoofAllocationSetting(setShowRoofAllocationSettingModal) {
     const roofs = canvas.getObjects().filter((obj) => obj.name === 'roof')
 
     roofs.forEach((roof) => {
-      setSurfaceShapePattern(roof)
+      setSurfaceShapePattern(roof, roofDisplay.column)
       drawDirectionArrow(roof)
     })
     setShowRoofAllocationSettingModal(false)
diff --git a/src/hooks/usePlan.js b/src/hooks/usePlan.js
index b1273d82..dc5286d4 100644
--- a/src/hooks/usePlan.js
+++ b/src/hooks/usePlan.js
@@ -60,6 +60,7 @@ export function usePlan() {
       'attributes',
       'stickeyPoint',
       'text',
+      'pitch',
     ])
 
     const str = JSON.stringify(objs)