diff --git a/app.ts b/app.ts
index c1701d7..88cb337 100644
--- a/app.ts
+++ b/app.ts
@@ -3,52 +3,19 @@ import { get_setting } from "./src/setting";
 import { create_server, start_server } from "./src/server";
 import { getAdminAccessTokenValue,getAdminRefreshTokenValue, accessTokenName, refreshTokenName } from "./src/login";
 
-const get_loading_html = (message?:string)=> `<!DOCTYPE html>
-<html lang="ko"><head>
-<meta charset="UTF-8">
-<title>react-sample</title>
-<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'
- fonts.googleapis.com; font-src 'self' fonts.gstatic.com">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
-<style>
-body { margin-top: 100px; background-color: #3f51b5; color: #fff; text-align:center; }
-h1 {
-  font: 2em 'Roboto', sans-serif;
-  margin-bottom: 40px;
-}
-#loading {
-  display: inline-block;
-  width: 50px;
-  height: 50px;
-  border: 3px solid rgba(255,255,255,.3);
-  border-radius: 50%;
-  border-top-color: #fff;
-  animation: spin 1s linear infinite;
-}
-@keyframes spin {
-  to { transform: rotate(360deg);}
-}
-</style>
-    <body>
-        <h1>${message || "Loading..."}</h1>
-        ${message === undefined ? '<div id="loading"></div>' : ""}
-    </body>
-</html>
-`;
-
 const setting = get_setting();
 if (!setting.cli) {
-  let window: BrowserWindow | null = null;
+  let wnd: BrowserWindow | null = null;
 
   const createWindow = async () => {
-    window = new BrowserWindow({
+    wnd = new BrowserWindow({
       width: 800,
       height: 600,
       center: true,
       useContentSize: true,
     });
-    await window.loadURL(`data:text/html;base64,`+Buffer.from(get_loading_html()).toString('base64'));
+    //await window.loadURL(`data:text/html;base64,`+Buffer.from(get_loading_html()).toString('base64'));
+    await wnd.loadFile('../loading.html');
     await session.defaultSession.cookies.set({
       url:`http://localhost:${setting.port}`,
       name:accessTokenName,
@@ -68,18 +35,18 @@ if (!setting.cli) {
     try{
       const server = await create_server();
       start_server(server);
-      await window.loadURL(`http://localhost:${setting.port}`);
+      await wnd.loadURL(`http://localhost:${setting.port}`);
     }
     catch(e){
       if(e instanceof Error){
-        await window.loadURL(`data:text/html;base64,`+Buffer.from(get_loading_html("Error : "+e.message)).toString('base64'));
+        await wnd.webContents.executeJavaScript(`document.querySelector("body").innerHTML="<h1>${e.message}</h1>"`)
       }
       else{
-        await window.loadURL(`data:text/html;base64,`+Buffer.from(get_loading_html("Error : "+e)).toString('base64'));
+        await wnd.webContents.executeJavaScript(`document.querySelector("body").innerHTML="<h1>${e}</h1>"`)
       }
     }
-    window.on("closed", () => {
-      window = null;
+    wnd.on("closed", () => {
+      wnd = null;
     });
   };
 
@@ -89,11 +56,11 @@ if (!setting.cli) {
     app.exit();
   }
   app.on("second-instance", () => {
-    if (window != null) {
-      if (window.isMinimized()) {
-        window.restore();
+    if (wnd != null) {
+      if (wnd.isMinimized()) {
+        wnd.restore();
       }
-      window.focus();
+      wnd.focus();
     }
   });
   app.on("ready", (event, info) => {
@@ -105,7 +72,7 @@ if (!setting.cli) {
   });
 
   app.on("activate", () => { // re-recreate window when dock icon is clicked and no other windows open
-    if (window == null) createWindow();
+    if (wnd == null) createWindow();
   });
 } else {
   (async () => {
diff --git a/index.html b/index.html
index 64cad55..ecbf047 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="ko">
     <head>
         <meta charset="UTF-8">
-        <title>react-sample</title>
+        <title>Ionian</title>
         <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' fonts.googleapis.com;
          font-src 'self' fonts.gstatic.com">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
diff --git a/loading.html b/loading.html
new file mode 100644
index 0000000..e0ac6a5
--- /dev/null
+++ b/loading.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="ko"><head>
+<meta charset="UTF-8">
+<title>loading</title>
+<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'
+ fonts.googleapis.com; font-src 'self' fonts.gstatic.com">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<style>
+body { margin-top: 100px; background-color: #3f51b5; color: #fff; text-align:center; }
+h1 {
+  font: 2em 'Roboto', sans-serif;
+  margin-bottom: 40px;
+}
+#loading {
+  display: inline-block;
+  width: 50px;
+  height: 50px;
+  border: 3px solid rgba(255,255,255,.3);
+  border-radius: 50%;
+  border-top-color: #fff;
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  to { transform: rotate(360deg);}
+}
+</style>
+    <body>
+        <h1>Loading...</h1>
+        <div id="loading"></div>
+    </body>
+</html>
\ No newline at end of file
