diff --git a/src/components/Roof.jsx b/src/components/Roof.jsx
index d135c1f6..9fd3aed2 100644
--- a/src/components/Roof.jsx
+++ b/src/components/Roof.jsx
@@ -1,4 +1,4 @@
-import { addDistanceTextToPolygon, getDistance } from '@/app/util/canvas-util'
+import { addDistanceTextToPolygon, getDistance } from '@/util/canvas-util'
 import { useCanvas } from '@/hooks/useCanvas'
 import { fabric } from 'fabric'
 import { v4 as uuidv4 } from 'uuid'
diff --git a/src/components/fabric/QPolygon.js b/src/components/fabric/QPolygon.js
index 5741b8bd..6af80604 100644
--- a/src/components/fabric/QPolygon.js
+++ b/src/components/fabric/QPolygon.js
@@ -1,5 +1,5 @@
 import { fabric } from 'fabric'
-import { distanceBetweenPoints } from '@/app/util/canvas-util'
+import { distanceBetweenPoints } from '@/util/canvas-util'
 export default class QPolygon extends fabric.Polygon {
   #viewLengthText
   #text = []
diff --git a/src/hooks/useCanvas.js b/src/hooks/useCanvas.js
index c38acd4e..177c9694 100644
--- a/src/hooks/useCanvas.js
+++ b/src/hooks/useCanvas.js
@@ -4,7 +4,7 @@ import {
   actionHandler,
   anchorWrapper,
   polygonPositionHandler,
-} from '@/app/util/canvas-util'
+} from '@/util/canvas-util'
 
 import { useRecoilState } from 'recoil'
 import { canvasSizeState } from '@/store/canvasAtom'
diff --git a/src/hooks/useMode.js b/src/hooks/useMode.js
index 89cc8b56..4960f7e7 100644
--- a/src/hooks/useMode.js
+++ b/src/hooks/useMode.js
@@ -2,7 +2,7 @@ import { useRef, useState } from 'react'
 import QLine from '@/components/fabric/QLine'
 import QRect from '@/components/fabric/QRect'
 import QPolygon from '@/components/fabric/QPolygon'
-import { getStartIndex, rearrangeArray } from '@/app/util/canvas-util'
+import { getStartIndex, rearrangeArray } from '@/util/canvas-util'
 
 export const Mode = {
   DRAW_LINE: 'drawLine', // 기준선 긋기모드
diff --git a/src/app/util/canvas-util.js b/src/util/canvas-util.js
similarity index 100%
rename from src/app/util/canvas-util.js
rename to src/util/canvas-util.js