From 8299cef5a3f8d4f596c9660b6e58f6bc227dbb36 Mon Sep 17 00:00:00 2001
From: yoosangwook <yoo32767@gmail.com>
Date: Tue, 4 Feb 2025 18:18:25 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=8Cfix:=20=EB=B0=B0=EA=B2=BD=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=B6=88=EB=9F=AC?=
 =?UTF-8?q?=EC=98=A4=EA=B8=B0=20=EA=B8=B0=EB=8A=A5=20=EB=B6=80=EB=B6=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/floor-plan/modal/ImgLoad.jsx | 10 +++++-----
 src/hooks/common/useRefFiles.js             | 16 ++++++++++------
 src/hooks/usePlan.js                        |  1 +
 src/lib/fileAction.js                       |  3 ++-
 4 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/components/floor-plan/modal/ImgLoad.jsx b/src/components/floor-plan/modal/ImgLoad.jsx
index 2a5e77aa..341f9b94 100644
--- a/src/components/floor-plan/modal/ImgLoad.jsx
+++ b/src/components/floor-plan/modal/ImgLoad.jsx
@@ -34,11 +34,11 @@ export default function ImgLoad() {
 
   const handleModal = () => {
     setFloorPlanState({ ...floorPlanState, refFileModalOpen: false, toggleRotate: false })
-    setCurrentCanvasPlan({
-      ...currentCanvasPlan,
-      bgImageName: refImage?.name ?? null,
-      mapPositionAddress,
-    })
+    // setCurrentCanvasPlan({
+    //   ...currentCanvasPlan,
+    //   bgImageName: refImage?.name ?? null,
+    //   mapPositionAddress,
+    // })
   }
 
   useEffect(() => {
diff --git a/src/hooks/common/useRefFiles.js b/src/hooks/common/useRefFiles.js
index bb079bc7..027a2d87 100644
--- a/src/hooks/common/useRefFiles.js
+++ b/src/hooks/common/useRefFiles.js
@@ -131,12 +131,16 @@ export function useRefFiles() {
     // setCurrentCanvasPlan((prev) => ({ ...prev, bgImageName: currentCanvasPlan.id, mapPositionAddress: queryRef.current.value }))
   }
 
+  /**
+   * 배경 이미지 로드를 위한 세팅
+   */
   useEffect(() => {
     if (!currentBgImage) {
       return
     }
     console.log('🚀 ~ useEffect ~ currentBgImage:', currentBgImage)
-    handleBackImageLoadToCanvas(`plan-images/${currentCanvasPlan.id}.png`)
+    // handleBackImageLoadToCanvas(`plan-images/${currentCanvasPlan.id}.png`)
+    handleBackImageLoadToCanvas(currentBgImage)
     setCurrentCanvasPlan((prev) => ({ ...prev, bgImageName: refImage?.name ?? null, mapPositionAddress: queryRef.current.value }))
   }, [currentBgImage])
 
@@ -147,15 +151,15 @@ export function useRefFiles() {
   const handleUploadImageRefFile = async (file) => {
     const formData = new FormData()
     formData.append('file', file)
-    formData.append('fileName', currentCanvasPlan.id)
+    // formData.append('fileName', currentCanvasPlan.id)
 
     // const res = await post({ url: `${process.env.NEXT_PUBLIC_API_SERVER_PATH}/api/image-upload`, data: formData })
-    const res = await post({ url: `http://localhost:3000/api/image-upload`, data: formData })
+    const res = await post({ url: `${process.env.NEXT_PUBLIC_HOST_URL}/image/upload`, data: formData })
     console.log('🚀 ~ handleUploadImageRefFile ~ res:', res)
-    const image = await readImage(res.fileNm)
-    console.log('🚀 ~ handleUploadImageRefFile ~ file:', image)
+    // const image = await readImage(res.filePath)
+    // console.log('🚀 ~ handleUploadImageRefFile ~ file:', image)
 
-    setCurrentBgImage(image)
+    setCurrentBgImage(`${process.env.NEXT_PUBLIC_HOST_URL}${res.filePath}`)
     setRefImage(file)
   }
 
diff --git a/src/hooks/usePlan.js b/src/hooks/usePlan.js
index b904611d..3691035e 100644
--- a/src/hooks/usePlan.js
+++ b/src/hooks/usePlan.js
@@ -394,6 +394,7 @@ export function usePlan(params = {}) {
     canvas,
     plans,
     currentCanvasPlan,
+    setCurrentCanvasPlan,
     selectedPlan,
     saveCanvas,
     handleCurrentPlan,
diff --git a/src/lib/fileAction.js b/src/lib/fileAction.js
index d2c4cff9..6b531d77 100644
--- a/src/lib/fileAction.js
+++ b/src/lib/fileAction.js
@@ -72,7 +72,8 @@ const writeImage = async (fileName, file) => {
 }
 
 const readImage = async (fileName) => {
-  const file = await fs.readFile(`${FILE_PATH}/${fileName}`)
+  // const file = await fs.readFile(`${FILE_PATH}/${fileName}`)
+  const file = await fs.readFile(`${process.env.NEXT_PUBLIC_HOST_URL}${fileName}`)
   // .then((res) => {
   //   console.log('readImage-then', res)
   // })