diff --git a/f_install/j_setup_db.php b/f_install/j_setup_db.php
index 9db7c2a9..ad9b1f14 100644
--- a/f_install/j_setup_db.php
+++ b/f_install/j_setup_db.php
@@ -216,6 +216,13 @@ $result = Util::generateFileUsingSimpleTemplate(
     true
 );
 
+$result = Util::generateFileUsingSimpleTemplate(
+    __dir__.'/templates/menu.orig.js',
+    ROOT.'/d_shared/menu.js',
+    [],
+    true
+);
+
 if ($result !== true) {
     Json::die([
         'result'=>false,
diff --git a/f_install/templates/menu.orig.js b/f_install/templates/menu.orig.js
new file mode 100644
index 00000000..308daf9d
--- /dev/null
+++ b/f_install/templates/menu.orig.js
@@ -0,0 +1,8 @@
+window.sammo_menu = [
+    ['/bbs/board', '삼모게시판', '_blank'],
+    ['/bbs/tip', '팁/강좌', '_blank'],
+    ['/bbs/news', '삼국 일보', '_blank'],
+    ['/bbs/history2', '개인 열전', '_blank'],
+    ['/bbs/history3', '국가 열전', '_blank'],
+    ['/bbs/patch', '패치 내역', '_blank']
+];
\ No newline at end of file
diff --git a/index.php b/index.php
index 30eaadc3..c2f0cce0 100644
--- a/index.php
+++ b/index.php
@@ -29,7 +29,10 @@ if ($session->isLoggedIn()) {
     <script src="e_lib/bootstrap.bundle.min.js"></script>
     <script src="e_lib/jquery.validate.min.js"></script>
     <script src="e_lib/sha512.min.js"></script>
+    <script src="d_shared/menu.js"></script>
+    <script src="js/common.js"></script>
     <script src="js/login.js"></script>
+    <script src="js/title.js"></script>
     <link type="text/css" rel="stylesheet" href="e_lib/bootstrap.min.css">
     <link type="text/css" rel="stylesheet" href="css/login.css">
     <script>
@@ -106,6 +109,16 @@ function postOAuthResult(result){
 </script>
 </head>
 <body>
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+  <a class="navbar-brand" href="#">삼국지 모의전투 HiDCHe</a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+  <div class="collapse navbar-collapse" id="navbarNav">
+    <ul class="navbar-nav">
+    </ul>
+  </div>
+</nav>
     <div class="vertical-center">
     <div class="container">
         <h1 class="row justify-content-md-center">삼국지 모의전투 HiDCHe</h1>
diff --git a/js/title.js b/js/title.js
new file mode 100644
index 00000000..7fe5c47d
--- /dev/null
+++ b/js/title.js
@@ -0,0 +1,15 @@
+jQuery(function($){
+    $.each(window.sammo_menu, function(idx){
+        var href = this[0];
+        var name = this[1];
+        var target = (this.length > 2)?this[2]:null;
+
+        var $a = $('<a class="nav-link" href="{0}">{1}</a>'.format(href, name));
+        if(target){
+            $a.attr('target', target);
+        }
+        var $li = $('<li class="nav-item"></li>').append($a);
+        $('#navbarNav .navbar-nav').append($li);
+        console.log(this);
+    });
+});
\ No newline at end of file
