fix: 위치보기 수정 (도면 오버플로우 제한 및 API 호출 경로 정상화)

src/components/Modal/HWModal.ts

@@ -1,6 +1,6 @@
 import { state, saveAsset, deleteAsset } from '../../core/state';
 import { ASSET_SCHEMA, UI_TEXT } from '../../core/schema';
-import { calculatePcScoreDeductive, getPcGrade } from '../../core/utils';
+import { calculatePcScoreDeductive, getPcGrade, API_BASE_URL } from '../../core/utils';
 import {
   generateOptionsHTML,
   setFieldValue,
@@ -728,7 +728,7 @@ class HwAssetModal extends BaseModal {
 
   private async fetchMapConfig() {
     try {
-      const res = await fetch(`http://${location.hostname}:3000/api/maps`);
+      const res = await fetch(`${API_BASE_URL}/api/maps`);
       this.dynamicMapConfig = await res.json();
     } catch (err) { console.error('Failed to fetch map config:', err); }
   }
@@ -925,7 +925,7 @@ class HwAssetModal extends BaseModal {
 
   private async fetchMasterComponents(): Promise<void> {
     try {
-      const res = await fetch(`http://${location.hostname}:3000/api/hardware-components`);
+      const res = await fetch(`${API_BASE_URL}/api/hardware-components`);
       this.masterComponents = await res.json();
     } catch (err) { console.error('Failed to fetch master components:', err); }
   }

src/components/Modal/modal.css

@@ -537,6 +537,8 @@
   background-color: var(--canvas-soft-2);
   border-radius: 4px;
   overflow: hidden;
+  max-width: 100%;
+  max-height: 100%;
 }
 
 .layout-map-container.readonly {
@@ -546,12 +548,15 @@
 .image-marker-wrapper {
   position: relative;
   display: inline-block;
+  max-width: 100%;
+  max-height: 100%;
 }
 
 .layout-map-img {
   display: block;
   max-width: 100%;
-  max-height: 75vh;
+  max-height: 70vh;
+  object-fit: contain;
   user-select: none;
   -webkit-user-drag: none;
 }

vite.config.ts

@@ -1,17 +1,19 @@
 import { defineConfig } from 'vite';
 import { resolve } from 'path';
 
+const proxyTarget = process.env.VITE_DEV_PROXY_TARGET || 'http://localhost:3000';
+
 export default defineConfig({
   server: {
     port: 8080,
     host: true, // Listen on all local IPs
     proxy: {
       '/api': {
-        target: 'http://localhost:3000',
+        target: proxyTarget,
         changeOrigin: true,
       },
       '/uploads': {
-        target: 'http://localhost:3000',
+        target: proxyTarget,
         changeOrigin: true,
       }
     }