From c510f0888379c595b7cd3b27c0877b5888eb0edc Mon Sep 17 00:00:00 2001
From: 6-keem <6ukeem@gmail.com>
Date: Thu, 21 Aug 2025 04:25:21 +0900
Subject: [PATCH] feat: bundle AI, Backend server with app

---
 electron-builder.yml                          |  13 +-
 package-lock.json                             | 116 ++++++++++++-
 package.json                                  |   7 +-
 src/main/index.ts                             | 155 ++++++++++++++++--
 src/main/windows/mainWindow.ts                |   4 +-
 src/main/windows/subWindow.ts                 |  11 +-
 src/renderer/index.html                       |   2 +-
 src/renderer/src/App.tsx                      |  43 ++++-
 src/renderer/src/Loading.tsx                  |  22 +++
 .../assets/database-image}/mariadb.png        | Bin
 .../assets/database-image}/microsoft.png      | Bin
 .../assets/database-image}/mysql.png          | Bin
 .../assets/database-image}/oracle.png         | Bin
 .../assets/database-image}/postgresql.png     | Bin
 .../assets/database-image}/sqlite.png         | Bin
 src/renderer/src/assets/icons/mac.png         | Bin 23385 -> 0 bytes
 .../connection-wizard/confirm-settings.tsx    |   4 +-
 .../connection-wizard/test-connection.tsx     |   7 +-
 .../connection-wizard/wizard-modal.tsx        |   1 +
 .../connection-wizard/wizard.type.ts          |  19 ++-
 src/renderer/src/utils/api.ts                 |   2 +-
 21 files changed, 362 insertions(+), 44 deletions(-)
 create mode 100644 src/renderer/src/Loading.tsx
 rename src/renderer/{public => src/assets/database-image}/mariadb.png (100%)
 rename src/renderer/{public => src/assets/database-image}/microsoft.png (100%)
 rename src/renderer/{public => src/assets/database-image}/mysql.png (100%)
 rename src/renderer/{public => src/assets/database-image}/oracle.png (100%)
 rename src/renderer/{public => src/assets/database-image}/postgresql.png (100%)
 rename src/renderer/{public => src/assets/database-image}/sqlite.png (100%)
 delete mode 100644 src/renderer/src/assets/icons/mac.png

diff --git a/electron-builder.yml b/electron-builder.yml
index db45e57..ffc77e9 100644
--- a/electron-builder.yml
+++ b/electron-builder.yml
@@ -1,11 +1,16 @@
 appId: com.Queryus.QGenie
 productName: QGenie
+extraResources:
+  - from: 'resources/'
+    to: 'resources'
+    filter:
+      - '**/*'
 directories:
   output: dist
   buildResources: build
 files:
-  - "out/**"
-  - "package.json"
+  - 'out/**'
+  - 'package.json'
 asarUnpack:
   - resources/**
 win:
@@ -21,6 +26,9 @@ mac:
   icon: build/icon.icns
   target: dmg
   entitlementsInherit: build/entitlements.mac.plist
+  binaries:
+    - resources/mac/qgenie-api
+    - resources/mac/qgenie-ai
   extendInfo:
     - NSCameraUsageDescription: Application requests access to the device's camera.
     - NSMicrophoneUsageDescription: Application requests access to the device's microphone.
@@ -42,4 +50,3 @@ publish:
   provider: github
   owner: Queryus
   repo: QGenie_app
-
diff --git a/package-lock.json b/package-lock.json
index eb1e345..9dc7170 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,7 +31,8 @@
         "tailwind-merge": "^3.3.1",
         "tailwindcss-animate": "^1.0.7",
         "tw-animate-css": "^1.3.5",
-        "uuid": "^11.1.0"
+        "uuid": "^11.1.0",
+        "wait-on": "^8.0.4"
       },
       "devDependencies": {
         "@electron-toolkit/eslint-config-prettier": "^3.0.0",
@@ -44,6 +45,7 @@
         "@types/react-dom": "^19.1.2",
         "@vitejs/plugin-react": "^4.6.0",
         "autoprefixer": "^10.4.21",
+        "cross-env": "^10.0.0",
         "electron": "^37.1.0",
         "electron-builder": "^26.0.12",
         "electron-vite": "^3.1.0",
@@ -1162,6 +1164,13 @@
         "node": ">= 10.0.0"
       }
     },
+    "node_modules/@epic-web/invariant": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@epic-web/invariant/-/invariant-1.0.0.tgz",
+      "integrity": "sha512-lrTPqgvfFQtR/eY/qkIzp98OGdNJu0m5ji3q/nJI8v3SXkRKEnWiOxMmbvcSoAIzv/cGiuvRy57k4suKQSAdwA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.25.6",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.6.tgz",
@@ -1791,6 +1800,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@hapi/hoek": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
+      "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@hapi/topo": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+      "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
     "node_modules/@humanfs/core": {
       "version": "0.19.1",
       "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
@@ -2691,6 +2715,27 @@
         "win32"
       ]
     },
+    "node_modules/@sideway/address": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
+      "integrity": "sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@sideway/formula": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz",
+      "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@sideway/pinpoint": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
+      "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/@sindresorhus/is": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-4.6.0.tgz",
@@ -4345,13 +4390,13 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.10.0.tgz",
-      "integrity": "sha512-/1xYAC4MP/HEG+3duIhFr4ZQXR4sQXOIe+o6sdqzeykGLx6Upp/1p8MHqhINOvGeP7xyNHe7tsiJByc4SSVUxw==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
+      "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
-        "form-data": "^4.0.0",
+        "form-data": "^4.0.4",
         "proxy-from-env": "^1.1.0"
       }
     },
@@ -5204,6 +5249,24 @@
       "optional": true,
       "peer": true
     },
+    "node_modules/cross-env": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-10.0.0.tgz",
+      "integrity": "sha512-aU8qlEK/nHYtVuN4p7UQgAwVljzMg8hB4YK5ThRqD2l/ziSnryncPNn7bMLt5cFYsKVKBh8HqLqyCoTupEUu7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@epic-web/invariant": "^1.0.0",
+        "cross-spawn": "^7.0.6"
+      },
+      "bin": {
+        "cross-env": "dist/bin/cross-env.js",
+        "cross-env-shell": "dist/bin/cross-env-shell.js"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -8180,6 +8243,19 @@
         "jiti": "lib/jiti-cli.mjs"
       }
     },
+    "node_modules/joi": {
+      "version": "17.13.3",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.3.tgz",
+      "integrity": "sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@hapi/hoek": "^9.3.0",
+        "@hapi/topo": "^5.1.0",
+        "@sideway/address": "^4.1.5",
+        "@sideway/formula": "^3.0.1",
+        "@sideway/pinpoint": "^2.0.0"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -8744,7 +8820,6 @@
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/lodash.escaperegexp": {
@@ -9112,7 +9187,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -10540,6 +10614,15 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/safe-array-concat": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
@@ -12106,6 +12189,25 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/wait-on": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/wait-on/-/wait-on-8.0.4.tgz",
+      "integrity": "sha512-8f9LugAGo4PSc0aLbpKVCVtzayd36sSCp4WLpVngkYq6PK87H79zt77/tlCU6eKCLqR46iFvcl0PU5f+DmtkwA==",
+      "license": "MIT",
+      "dependencies": {
+        "axios": "^1.11.0",
+        "joi": "^17.13.3",
+        "lodash": "^4.17.21",
+        "minimist": "^1.2.8",
+        "rxjs": "^7.8.2"
+      },
+      "bin": {
+        "wait-on": "bin/wait-on"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/wcwidth": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
diff --git a/package.json b/package.json
index 384c63b..75a7372 100644
--- a/package.json
+++ b/package.json
@@ -15,13 +15,14 @@
     "url": "https://github.com/Queryus/QGenie_app/issues"
   },
   "scripts": {
+    "prebuild": "chmod +x resources/mac/qgenie-*",
     "format": "prettier --write .",
     "lint": "eslint --cache .",
     "typecheck:node": "tsc --noEmit -p tsconfig.node.json --composite false",
     "typecheck:web": "tsc --noEmit -p tsconfig.web.json --composite false",
     "typecheck": "npm run typecheck:node && npm run typecheck:web",
     "start": "electron .",
-    "dev": "electron-vite dev -w",
+    "dev": "cross-env NODE_ENV=development electron-vite dev -w",
     "build:electron-app": "npm run typecheck && electron-vite build",
     "build": "npm run build:electron-app && electron-builder --publish never",
     "postinstall": "electron-builder install-app-deps",
@@ -59,7 +60,8 @@
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
     "tw-animate-css": "^1.3.5",
-    "uuid": "^11.1.0"
+    "uuid": "^11.1.0",
+    "wait-on": "^8.0.4"
   },
   "devDependencies": {
     "@electron-toolkit/eslint-config-prettier": "^3.0.0",
@@ -72,6 +74,7 @@
     "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react": "^4.6.0",
     "autoprefixer": "^10.4.21",
+    "cross-env": "^10.0.0",
     "electron": "^37.1.0",
     "electron-builder": "^26.0.12",
     "electron-vite": "^3.1.0",
diff --git a/src/main/index.ts b/src/main/index.ts
index d5af63c..4d48e1d 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -1,27 +1,162 @@
 import { app, BrowserWindow } from 'electron'
 import { electronApp, optimizer } from '@electron-toolkit/utils'
-import { createMainWindow } from './windows/mainWindow'
+import { createMainWindow, getMainWindow } from './windows/mainWindow'
 import { registerIpcHandlers } from './ipc/handlers'
+import { spawn, ChildProcess } from 'child_process'
+import path from 'path'
+import os from 'os'
+import waitOn from 'wait-on'
+import fs from 'fs'
+import net from 'net'
+
+let apiProcess: ChildProcess | null = null
+let aiProcess: ChildProcess | null = null
 
 app.disableHardwareAcceleration()
 
-app.whenReady().then(() => {
+app.whenReady().then(async () => {
   electronApp.setAppUserModelId('com.Queryus.QGenie')
-
-  app.on('browser-window-created', (_, window) => {
-    optimizer.watchWindowShortcuts(window)
-  })
+  app.on('browser-window-created', (_, window) => optimizer.watchWindowShortcuts(window))
 
   createMainWindow()
   registerIpcHandlers()
 
-  app.on('activate', function () {
+  console.log('NODE_ENV in main process:', process.env.NODE_ENV)
+
+  getMainWindow()?.webContents.openDevTools()
+  if (process.env.NODE_ENV === 'development') {
+    setTimeout(() => {
+      getMainWindow()?.webContents.send('backend-ready', { apiPort: 39722 })
+    }, 1000)
+  } else {
+    try {
+      console.log('Starting backend services...')
+      await startBackendServices()
+      getMainWindow()?.webContents.send('backend-ready', { apiPort: 39722 })
+    } catch (err) {
+      console.error('Backend startup failed:', err)
+      getMainWindow()?.webContents.send('backend-error', err || 'Unknown error')
+    }
+  }
+
+  app.on('activate', () => {
     if (BrowserWindow.getAllWindows().length === 0) createMainWindow()
   })
 })
 
 app.on('window-all-closed', () => {
-  if (process.platform !== 'darwin') {
-    app.quit()
-  }
+  if (process.platform !== 'darwin') app.quit()
 })
+
+app.on('before-quit', async () => {
+  console.log('Shutting down backend services...')
+  const shutdownPromises: Promise<void>[] = []
+
+  const killProcess = (proc: ChildProcess | null, name: string): Promise<void> =>
+    new Promise<void>((resolve) => {
+      if (!proc) return resolve()
+      proc.kill('SIGTERM')
+      const timeout = setTimeout(() => {
+        if (!proc.killed) proc.kill('SIGKILL')
+        resolve()
+      }, 5000)
+      proc.on('exit', () => {
+        clearTimeout(timeout)
+        console.log(`${name} exited`)
+        resolve()
+      })
+    })
+
+  shutdownPromises.push(killProcess(apiProcess, 'API'))
+  shutdownPromises.push(killProcess(aiProcess, 'AI'))
+
+  await Promise.all(shutdownPromises)
+  console.log('All backend services stopped')
+})
+
+// 포트 사용 여부 확인
+function isPortInUse(port: number): Promise<boolean> {
+  return new Promise((resolve) => {
+    const server = net.createServer()
+    server.listen(port, () => server.close(() => resolve(false)))
+    server.on('error', () => resolve(true))
+  })
+}
+
+// API 헬스 체크
+async function checkApiHealth(port: number, maxRetries = 10): Promise<boolean> {
+  for (let i = 0; i < maxRetries; i++) {
+    try {
+      const res = await fetch(`http://127.0.0.1:${port}/health`)
+      if (res.ok) return true
+    } catch {
+      continue
+    }
+    await new Promise((r) => setTimeout(r, 1000))
+  }
+  return false
+}
+
+// 리소스 경로
+function getResourcePath(): string {
+  if (process.env.NODE_ENV === 'development') return path.join(__dirname, '../../resources')
+  if (process.resourcesPath) return path.join(process.resourcesPath, 'resources')
+  return path.join(process.cwd(), 'resources')
+}
+
+// 백엔드 시작
+async function startBackendServices(): Promise<void> {
+  const platform = os.platform()
+  const basePath = getResourcePath()
+  const apiPort = 39722
+
+  let apiPath: string
+  let aiPath: string
+
+  if (platform === 'win32') {
+    apiPath = path.join(basePath, 'win', 'qgenie-api.exe')
+    aiPath = path.join(basePath, 'win', 'qgenie-ai.exe')
+  } else if (platform === 'darwin') {
+    apiPath = path.join(basePath, 'mac', 'qgenie-api')
+    aiPath = path.join(basePath, 'mac', 'qgenie-ai')
+  } else {
+    throw new Error(`Unsupported platform: ${platform}`)
+  }
+
+  if (!fs.existsSync(apiPath)) throw new Error(`API executable not found: ${apiPath}`)
+  if (!fs.existsSync(aiPath)) throw new Error(`AI executable not found: ${aiPath}`)
+
+  if (platform === 'darwin') {
+    fs.chmodSync(apiPath, 0o755)
+    fs.chmodSync(aiPath, 0o755)
+  }
+
+  const portInUse = await isPortInUse(apiPort)
+  if (portInUse && (await checkApiHealth(apiPort))) {
+    console.log('Existing API server healthy, skipping startup')
+  } else {
+    await new Promise<void>((resolve, reject) => {
+      console.log('Spawning API process:', apiPath)
+      apiProcess = spawn(apiPath, [`--port=${apiPort}`], {
+        cwd: path.dirname(apiPath),
+        stdio: 'inherit'
+      })
+      apiProcess.on('error', (err) => reject(err))
+      apiProcess.on('exit', (code) =>
+        code !== 0 ? reject(new Error(`API exited with ${code}`)) : resolve()
+      )
+
+      // 포트 열림 감지
+      const waitOpts = { resources: [`tcp:127.0.0.1:${apiPort}`], timeout: 30000 }
+      waitOn(waitOpts)
+        .then(() => checkApiHealth(apiPort))
+        .then((healthy) => (healthy ? resolve() : reject(new Error('API failed health check'))))
+        .catch(reject)
+    })
+  }
+
+  // AI 시작
+  console.log('Spawning AI process:', aiPath)
+  aiProcess = spawn(aiPath, [], { cwd: path.dirname(aiPath), stdio: 'inherit' })
+  aiProcess.on('error', (err) => console.error('AI spawn error:', err))
+}
diff --git a/src/main/windows/mainWindow.ts b/src/main/windows/mainWindow.ts
index 89f7963..2303eeb 100644
--- a/src/main/windows/mainWindow.ts
+++ b/src/main/windows/mainWindow.ts
@@ -15,7 +15,7 @@ export function createMainWindow(): void {
     autoHideMenuBar: true,
     ...(process.platform === 'linux' ? { icon } : {}),
     webPreferences: {
-      preload: join(__dirname, '../../out/preload/index.cjs'),
+      preload: join(__dirname, '../preload/index.cjs'),
       sandbox: true,
       contextIsolation: true,
       nodeIntegration: false
@@ -34,7 +34,7 @@ export function createMainWindow(): void {
   if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
     mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
   } else {
-    mainWindow.loadFile(join(__dirname, '../../renderer/index.html'))
+    mainWindow.loadFile(join(__dirname, '../renderer/index.html'))
   }
 }
 
diff --git a/src/main/windows/subWindow.ts b/src/main/windows/subWindow.ts
index c741d91..ec6e74a 100644
--- a/src/main/windows/subWindow.ts
+++ b/src/main/windows/subWindow.ts
@@ -50,8 +50,10 @@ export function createSubWindow({
     autoHideMenuBar: true,
     ...(process.platform === 'linux' ? { icon } : {}),
     webPreferences: {
-      preload: join(__dirname, '../../out/preload/index.cjs'),
-      sandbox: true
+      preload: join(__dirname, '../preload/index.cjs'),
+      sandbox: true,
+      contextIsolation: true,
+      nodeIntegration: false
     }
   })
 
@@ -63,13 +65,10 @@ export function createSubWindow({
     subWindow = null
   })
 
-  /**
-   * NOTE: 해시 라우팅
-   */
   if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
     subWindow.loadURL(`${process.env['ELECTRON_RENDERER_URL']}#${route}`)
   } else {
-    subWindow.loadFile(join(__dirname, '../../renderer/index.html'), {
+    subWindow.loadFile(join(__dirname, '../renderer/index.html'), {
       hash: route
     })
   }
diff --git a/src/renderer/index.html b/src/renderer/index.html
index aaefb85..78dee6f 100644
--- a/src/renderer/index.html
+++ b/src/renderer/index.html
@@ -11,7 +11,7 @@
         style-src 'self' 'unsafe-inline';
         img-src 'self' data:;
         font-src 'self' data: https://fastly.jsdelivr.net;
-        connect-src 'self' http://localhost:39722;
+        connect-src 'self' http://127.0.0.1:39722;
       "
     />
   </head>
diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index a671811..6105c4b 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -1,16 +1,55 @@
+import { useEffect, useState } from 'react'
 import { HashRouter, Route, Routes } from 'react-router-dom'
 import { MainPage } from '@/components/workspace/main-page'
 import { ConnectionWizard } from '@/components/connection-wizard/wizard-modal'
 import SettingModal from './components/setting/setting-modal'
 import ErdPage from './erd/erd-page'
+import { Loading } from './Loading'
 
 function App(): React.JSX.Element {
+  const [backendReady, setBackendReady] = useState(false)
+  const [backendError, setBackendError] = useState<string | null>(null)
+
+  useEffect(() => {
+    if (window.electron?.ipcRenderer) {
+      const handleReady = (): void => setBackendReady(true)
+      const handleError = (_: unknown, err: unknown): void => {
+        setBackendError(
+          err instanceof Error ? err.message : typeof err === 'string' ? err : JSON.stringify(err)
+        )
+      }
+
+      window.electron.ipcRenderer.once('backend-ready', handleReady)
+      window.electron.ipcRenderer.once('backend-error', handleError)
+
+      return () => {
+        window.electron.ipcRenderer.removeAllListeners('backend-ready')
+        window.electron.ipcRenderer.removeAllListeners('backend-error')
+      }
+    } else if (process.env.NODE_ENV === 'development') {
+      setTimeout(() => setBackendReady(true), 1000)
+    }
+
+    return undefined
+  }, [])
+
   return (
     <HashRouter>
       <Routes>
-        <Route path="/" element={<MainPage />}></Route>
+        <Route
+          path="/"
+          element={
+            backendError ? (
+              <Loading backendError={backendError} />
+            ) : backendReady ? (
+              <MainPage />
+            ) : (
+              <Loading backendError={null} />
+            )
+          }
+        />
         <Route path="/erd" element={<ErdPage />} />
-        <Route path="/connection-wizard" element={<ConnectionWizard />}></Route>
+        <Route path="/connection-wizard" element={<ConnectionWizard />} />
         <Route path="/setting" element={<SettingModal />} />
       </Routes>
     </HashRouter>
diff --git a/src/renderer/src/Loading.tsx b/src/renderer/src/Loading.tsx
new file mode 100644
index 0000000..3c98add
--- /dev/null
+++ b/src/renderer/src/Loading.tsx
@@ -0,0 +1,22 @@
+import { JSX } from 'react'
+
+interface LoadingProps {
+  backendError: string | null
+}
+
+export function Loading({ backendError }: LoadingProps): JSX.Element {
+  return (
+    <div className="flex items-center justify-center min-h-screen bg-genie-900">
+      <div className="text-center">
+        <div className="animate-spin rounded-full h-16 w-16 border-b-2 bg-primary-light mx-auto mb-4"></div>
+        <h2 className="text-xl font-semibold text-gray-300 mb-2">QGenie 시작 중...</h2>
+        <p className="text-gray-400 mb-4">백엔드 서비스를 초기화하고 있습니다.</p>
+        {backendError && (
+          <div className="bg-red-50 border border-red-200 rounded-lg p-4 max-w-md mx-auto">
+            <p className="text-red-700 text-sm">오류가 발생했습니다: {backendError}</p>
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/src/renderer/public/mariadb.png b/src/renderer/src/assets/database-image/mariadb.png
similarity index 100%
rename from src/renderer/public/mariadb.png
rename to src/renderer/src/assets/database-image/mariadb.png
diff --git a/src/renderer/public/microsoft.png b/src/renderer/src/assets/database-image/microsoft.png
similarity index 100%
rename from src/renderer/public/microsoft.png
rename to src/renderer/src/assets/database-image/microsoft.png
diff --git a/src/renderer/public/mysql.png b/src/renderer/src/assets/database-image/mysql.png
similarity index 100%
rename from src/renderer/public/mysql.png
rename to src/renderer/src/assets/database-image/mysql.png
diff --git a/src/renderer/public/oracle.png b/src/renderer/src/assets/database-image/oracle.png
similarity index 100%
rename from src/renderer/public/oracle.png
rename to src/renderer/src/assets/database-image/oracle.png
diff --git a/src/renderer/public/postgresql.png b/src/renderer/src/assets/database-image/postgresql.png
similarity index 100%
rename from src/renderer/public/postgresql.png
rename to src/renderer/src/assets/database-image/postgresql.png
diff --git a/src/renderer/public/sqlite.png b/src/renderer/src/assets/database-image/sqlite.png
similarity index 100%
rename from src/renderer/public/sqlite.png
rename to src/renderer/src/assets/database-image/sqlite.png
diff --git a/src/renderer/src/assets/icons/mac.png b/src/renderer/src/assets/icons/mac.png
deleted file mode 100644
index 8b8a2e0812a9c27b0e2328cdb3048fddd3f80723..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 23385
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
SIt9AmwB5&lTj>_=x4#3T(&keD

diff --git a/src/renderer/src/components/connection-wizard/confirm-settings.tsx b/src/renderer/src/components/connection-wizard/confirm-settings.tsx
index f290eed..5fcab74 100644
--- a/src/renderer/src/components/connection-wizard/confirm-settings.tsx
+++ b/src/renderer/src/components/connection-wizard/confirm-settings.tsx
@@ -1,5 +1,5 @@
 import { DATABASES, ConnectionDetail } from './wizard.type'
-
+import AppIcon from '../../assets/icon.svg'
 interface ConfirmSettingsProp {
   connectionDetail: ConnectionDetail
 }
@@ -50,7 +50,7 @@ export default function ConfirmSettings({
 
   return (
     <div className="self-stretch pt-6 inline-flex flex-col justify-start items-center gap-6">
-      <div className="size-[100px] bg-genie-700 rounded-full" />
+      <img src={AppIcon} className="size-[100px]" />
       <div className="self-stretch text-center justify-start text-genie-100 text-base font-bold font-['Pretendard'] leading-normal">
         연결 설정 완료!
       </div>
diff --git a/src/renderer/src/components/connection-wizard/test-connection.tsx b/src/renderer/src/components/connection-wizard/test-connection.tsx
index bd33b14..9db54b2 100644
--- a/src/renderer/src/components/connection-wizard/test-connection.tsx
+++ b/src/renderer/src/components/connection-wizard/test-connection.tsx
@@ -6,12 +6,14 @@ import { api } from '@renderer/utils/api'
 interface TestConnectionProp {
   selectedDatabase: DatabaseInfo
   connectionDetail: ConnectionDetail
+  isTested: boolean
   setIsTested: (isTested: boolean) => void
 }
 
 export default function TestConnection({
   selectedDatabase,
   connectionDetail,
+  isTested,
   setIsTested
 }: TestConnectionProp): React.JSX.Element {
   const handleTest = async (): Promise<void> => {
@@ -30,6 +32,7 @@ export default function TestConnection({
       .post('/api/user/db/connect/test', filteredPayload)
       .then((response) => {
         const flag = response.data as boolean
+        toast.success('데이터베이스 연결 테스트 완료 🎉')
         setIsTested(flag)
       })
       .catch(() => {
@@ -56,9 +59,9 @@ export default function TestConnection({
             data-status="Point"
             className="bg-gradient-genie-primary rounded-lg outline-1 outline-offset-[-1px] outline-white/20 flex justify-center items-center gap-2"
           >
-            <Button size={'sm'} onClick={handleTest}>
+            <Button size={'sm'} onClick={handleTest} disabled={isTested}>
               <div className="justify-start text-genie-100 text-xs font-semibold font-['Pretendard'] leading-[18px]">
-                연결 테스트 시작하기
+                {isTested ? '완료' : '연결 테스트'}
               </div>
             </Button>
           </div>
diff --git a/src/renderer/src/components/connection-wizard/wizard-modal.tsx b/src/renderer/src/components/connection-wizard/wizard-modal.tsx
index cd2f9ce..cccfec0 100644
--- a/src/renderer/src/components/connection-wizard/wizard-modal.tsx
+++ b/src/renderer/src/components/connection-wizard/wizard-modal.tsx
@@ -200,6 +200,7 @@ export function ConnectionWizard(): JSX.Element {
             <TestConnection
               selectedDatabase={selectedDatabase!}
               connectionDetail={connectionDetail}
+              isTested={isTested}
               setIsTested={setIsTested}
             />
           )}
diff --git a/src/renderer/src/components/connection-wizard/wizard.type.ts b/src/renderer/src/components/connection-wizard/wizard.type.ts
index b60bc7f..d1e0df6 100644
--- a/src/renderer/src/components/connection-wizard/wizard.type.ts
+++ b/src/renderer/src/components/connection-wizard/wizard.type.ts
@@ -1,3 +1,10 @@
+import mysqlIcon from '../../assets/database-image/mysql.png'
+import mariadbIcon from '../../assets/database-image/mariadb.png'
+import postgresqlIcon from '../../assets/database-image/postgresql.png'
+import sqliteIcon from '../../assets/database-image/sqlite.png'
+import microsoftIcon from '../../assets/database-image/microsoft.png'
+import oracleIcon from '../../assets/database-image/oracle.png'
+
 export enum DBSetupStep {
   SelectDatabase = 'selectDatabase',
   InstallDriver = 'installDriver',
@@ -36,17 +43,17 @@ export interface DatabaseInfo {
 }
 
 export const DATABASES: DatabaseInfo[] = [
-  { key: Database.MySQL, label: 'MySQL', icon: '/mysql.png', id: 'mysql' },
-  { key: Database.MariaDB, label: 'MariaDB', icon: '/mariadb.png', id: 'mariadb' },
-  { key: Database.PostgreSQL, label: 'PostgreSQL', icon: '/postgresql.png', id: 'postgresql' },
-  { key: Database.SQLite, label: 'SQLite', icon: '/sqlite.png', id: 'sqlite' },
+  { key: Database.MySQL, label: 'MySQL', icon: mysqlIcon, id: 'mysql' },
+  { key: Database.MariaDB, label: 'MariaDB', icon: mariadbIcon, id: 'mariadb' },
+  { key: Database.PostgreSQL, label: 'PostgreSQL', icon: postgresqlIcon, id: 'postgresql' },
+  { key: Database.SQLite, label: 'SQLite', icon: sqliteIcon, id: 'sqlite' },
   {
     key: Database.MicrosoftSQLServer,
     label: 'Microsoft SQL Server',
-    icon: '/microsoft.png',
+    icon: microsoftIcon,
     id: 'sqlserver'
   },
-  { key: Database.Oracle, label: 'Oracle', icon: '/oracle.png', id: 'oracle' }
+  { key: Database.Oracle, label: 'Oracle', icon: oracleIcon, id: 'oracle' }
 ]
 
 export interface ConnectionDetail {
diff --git a/src/renderer/src/utils/api.ts b/src/renderer/src/utils/api.ts
index f57a052..a4d4fe3 100644
--- a/src/renderer/src/utils/api.ts
+++ b/src/renderer/src/utils/api.ts
@@ -1,6 +1,6 @@
 import axios from 'axios'
 
-export const api = axios.create({ baseURL: `http://localhost:39722` })
+export const api = axios.create({ baseURL: `http://127.0.0.1:39722` })
 
 // 요청 전 configuration
 api.interceptors.request.use(