Merge branch 'main' into thoon

.gitignore

@@ -6,3 +6,4 @@ dist/
 .DS_Store
 Thumbs.db
 backups/
+mysql_data/

docker-compose.prod.yaml

@@ -55,3 +55,19 @@ services:
       retries: 3
       start_period: 20s
 
+  database:
+    image: mysql:latest
+    container_name: itam-mysql
+    ports:
+      - "3306:3306"
+    environment:
+      - MYSQL_ROOT_PASSWORD=itam1234  # 여기 직접 기입
+      - MYSQL_DATABASE=itam
+      - MYSQL_USER=itam
+      - MYSQL_PASSWORD=itam1234
+    volumes:
+      - ./mysql_data:/var/lib/mysql
+    restart: always
+    command:
+      - --character-set-server=utf8mb4
+      - --collation-server=utf8mb4_unicode_ci

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 { API_BASE_URL, calculatePcScoreDeductive, getPcGrade } from '../../core/utils';
+import { calculatePcScoreDeductive, getPcGrade, API_BASE_URL } from '../../core/utils';
 import {
   generateOptionsHTML,
   setFieldValue,
@@ -299,7 +299,7 @@ class HwAssetModal extends BaseModal {
       const prefix = TYPE_PREFIX_MAP[cat] || 'ETC';
       const purchaseDate = (document.getElementById('hw-purchase_date') as HTMLInputElement)?.value || '';
       try {
-        const res = await fetch(`${API_BASE_URL}/api/generate-asset-code?prefix=${prefix}&purchaseDate=${purchaseDate}`);
+        const res = await fetch(`http://${location.hostname}:3000/api/generate-asset-code?prefix=${prefix}&purchaseDate=${purchaseDate}`);
         const data = await res.json();
         if (data.nextCode) setFieldValue('hw-asset_code', data.nextCode);
       } catch (err) { console.error('코드 생성 실패:', err); }
@@ -317,7 +317,7 @@ class HwAssetModal extends BaseModal {
       const reader = new FileReader();
       reader.onload = async () => {
         try {
-          const res = await fetch(`${API_BASE_URL}/api/upload`, {
+          const res = await fetch(`http://${location.hostname}:3000/api/upload`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({ fileName: file.name, fileData: reader.result })

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;
 }