diff --git a/src/components/floor-plan/modal/grid/DotLineGrid.jsx b/src/components/floor-plan/modal/grid/DotLineGrid.jsx
index 67c4cdf3..da41fdcf 100644
--- a/src/components/floor-plan/modal/grid/DotLineGrid.jsx
+++ b/src/components/floor-plan/modal/grid/DotLineGrid.jsx
@@ -34,6 +34,7 @@ export default function DotLineGrid(props) {
// 데이터를 최초 한 번만 조회
useEffect(() => {
console.log('DotLineGrid useEffect 실행')
+
setSettingsDataSave({ ...settingsData })
// dimension 값에 맞는 옵션을 선택
@@ -137,6 +138,7 @@ export default function DotLineGrid(props) {
const changeDimension = (result) => {
const { value } = result
+ setSelectOption(result)
setCopyCurrentSetting((prev) => {
return {
...prev,
@@ -268,14 +270,16 @@ export default function DotLineGrid(props) {
mm
-
+ {selectOption && (
+
+ )}
diff --git a/src/hooks/common/useGrid.js b/src/hooks/common/useGrid.js
index 2b6e9ba9..abd2a6e0 100644
--- a/src/hooks/common/useGrid.js
+++ b/src/hooks/common/useGrid.js
@@ -15,12 +15,13 @@ export function useGrid() {
if (!canvas) {
return
}
+
const patternData = {
dotGridDisplay: dotLineGridSetting.DOT,
lineGridDisplay: dotLineGridSetting.LINE,
gridType: dotLineGridSetting.INTERVAL.type,
- gridHorizon: dotLineGridSetting.INTERVAL.horizontalInterval / 10,
- gridVertical: dotLineGridSetting.INTERVAL.verticalInterval / 10,
+ gridHorizon: (dotLineGridSetting.INTERVAL.horizontalInterval / 10) * (dotLineGridSetting.INTERVAL.dimension ?? 1),
+ gridVertical: (dotLineGridSetting.INTERVAL.verticalInterval / 10) * (dotLineGridSetting.INTERVAL.dimension ?? 1),
gridRatio: dotLineGridSetting.INTERVAL.ratioInterval / 10,
gridDimen: dotLineGridSetting.INTERVAL.dimension,
}