From 9a9fa522f9e158d06c18a5bee97c3e749d4f0afe Mon Sep 17 00:00:00 2001
From: yoosangwook <swyoo@interplug.co.kr>
Date: Mon, 24 Mar 2025 17:54:32 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B5=AC=EA=B8=80=20=EB=A7=B5=20?=
 =?UTF-8?q?=EC=BB=A8=EB=B2=84=ED=8A=B8=20=EA=B8=B0=EB=8A=A5=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 qcast3.database.sqlite          | Bin 16384 -> 16384 bytes
 src/app/api/image/map/route.js  |  14 ++++++++++++--
 src/hooks/common/useRefFiles.js |  29 +++++++++++++++++++----------
 3 files changed, 31 insertions(+), 12 deletions(-)

diff --git a/qcast3.database.sqlite b/qcast3.database.sqlite
index 66ac677f482169e439cd063c21efbc753f2a27c9..e6022fd79a14effb51bb9a253191dd42b5f6ec9e 100644
GIT binary patch
delta 59
zcmZo@U~Fh$oFL7pHc`fzQEg+we0^?VUIqpRM*bZP{5v*t8LZ>ya1&-@5M^v+p1j%K
PoHIAEpjh9;(A)q3y!Q^F

delta 63
zcmZo@U~Fh$oFL68J5k1&QFdd(e0^>{UIri#U|`^1y_w5k9slH`_C{i*1v&YNDf+pU
R#f3S#Ir-`NdRYaj=>Q$c63zes

diff --git a/src/app/api/image/map/route.js b/src/app/api/image/map/route.js
index 3bcfb35a..0cc76c02 100644
--- a/src/app/api/image/map/route.js
+++ b/src/app/api/image/map/route.js
@@ -1,4 +1,14 @@
 import { NextResponse } from 'next/server'
+import { S3Client, PutObjectCommand, DeleteObjectCommand } from '@aws-sdk/client-s3'
+
+const Bucket = process.env.AMPLIFY_BUCKET
+const s3 = new S3Client({
+  region: process.env.AWS_REGION,
+  credentials: {
+    accessKeyId: process.env.AWS_ACCESS_KEY_ID,
+    secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
+  },
+})
 
 export async function GET(req) {
   try {
@@ -19,7 +29,7 @@ export async function GET(req) {
 
     /** 변경된 이미지를 S3에 업로드 */
     const Body = Buffer.from(data)
-    const Key = `map/${file.name}`
+    const Key = `maps/${fileNm}`
     const ContentType = 'image/png'
 
     await s3.send(
@@ -46,7 +56,7 @@ export async function GET(req) {
 export async function DELETE(req) {
   try {
     const searchParams = req.nextUrl.searchParams
-    const Key = `map/${searchParams.get('fileName')}`
+    const Key = `maps/${searchParams.get('fileName')}`
     console.log('🚀 ~ DELETE ~ Key:', Key)
 
     if (!Key) {
diff --git a/src/hooks/common/useRefFiles.js b/src/hooks/common/useRefFiles.js
index 254c4b12..3e726364 100644
--- a/src/hooks/common/useRefFiles.js
+++ b/src/hooks/common/useRefFiles.js
@@ -142,7 +142,7 @@ export function useRefFiles() {
     //   url: `${process.env.NEXT_PUBLIC_HOST_URL}/map/convert?q=${queryRef.current.value}&fileNm=${currentCanvasPlan.id}&zoom=20`,
     // })
     const res = await get({
-      url: `http://localhost:3000/api/map/upload?q=${queryRef.current.value}&fileNm=${currentCanvasPlan.id}&zoom=20`,
+      url: `http://localhost:3000/api/image/map?q=${queryRef.current.value}&fileNm=${currentCanvasPlan.id}&zoom=20`,
     })
     console.log('🚀 ~ handleMapImageDown ~ res:', res)
     // setCurrentBgImage(`${process.env.NEXT_PUBLIC_HOST_URL}${res.filePath}`)
@@ -160,16 +160,25 @@ export function useRefFiles() {
    * 배경 이미지 로드를 위한 세팅
    */
   useEffect(() => {
-    if (!currentBgImage) {
-      return
-    }
+    // if (!currentBgImage) {
+    //   return
+    // }
     console.log('🚀 ~ useEffect ~ currentBgImage:', currentBgImage)
-    handleBackImageLoadToCanvas(currentBgImage)
-    setCurrentCanvasPlan((prev) => ({
-      ...prev,
-      bgImageName: refImage?.name ?? null,
-      mapPositionAddress: queryRef.current.value,
-    }))
+    if (currentBgImage) {
+      handleBackImageLoadToCanvas(currentBgImage)
+      setCurrentCanvasPlan((prev) => ({
+        ...prev,
+        // bgImageName: refImage?.name ?? null,
+        bgImageName: currentBgImage.split('/').pop(),
+        mapPositionAddress: queryRef.current.value,
+      }))
+    } else {
+      setCurrentCanvasPlan((prev) => ({
+        ...prev,
+        bgImageName: null,
+        mapPositionAddress: null,
+      }))
+    }
   }, [currentBgImage])
 
   /**