diff --git a/app.hta b/app.hta
index 31567dd..ffa76e3 100644
--- a/app.hta
+++ b/app.hta
@@ -59,7 +59,9 @@
         <link type="text/css" rel="stylesheet" href="app/style.css" />
     </head>
     <body>
-        <div id="app"></div>
+        <div id="app">
+            <welsonjs-view></welsonjs-view>
+        </div>
         <script src="app.js" type="text/javascript" charset="utf-8"></script>
         <script type="text/javascript">//<!--<![CDATA[
             init_window("webloader", [WELSONJS_WINDOW.commandLine], 800, 600);
diff --git a/app/index.js b/app/index.js
index 9b112b6..baf2bd2 100644
--- a/app/index.js
+++ b/app/index.js
@@ -1,5 +1,13 @@
 var FILE = require("lib/file");
 
+Vue.component("welsonjs-view", {
+    template: "<p>hello world</p>"
+});
+
+new Vue({el: "#app"});
+
+/*
+
 $(document).ready(function() {
     $(".show-logged").css("display", "none");
 
@@ -73,3 +81,4 @@ $(document).ready(function() {
         console.log("로그아웃 되었습니다.");
     });
 });
+*/
\ No newline at end of file
diff --git a/webloader.js b/webloader.js
index 6a1316c..6f88ed5 100644
--- a/webloader.js
+++ b/webloader.js
@@ -71,7 +71,7 @@ exports.enableMovableWindow = function() {
 ////////////////////////////////////////////////////////////////////////
 exports.main = function(args) {
     // make will display contents
-    OldBrowser.setContent(FILE.readFile("app\\index.html", "utf-8"));
+    //OldBrowser.setContent(FILE.readFile("app\\index.html", "utf-8"));
     OldBrowser.addStylesheet("app/assets/css/jquery-ui-1.21.1.min.css");
     OldBrowser.addStylesheet("app/assets/css/jquery.toast-1.3.2.min.css");
     OldBrowser.addStylesheet("app/assets/css/style.css");
