Jquery 사용할 수 있는 환경 추가

임에딘
Commit 3bd63c9dfe814fd9abdcb74f9aa2eee026a5ed42 3bd63c9d 1 parent d703de60
Showing 2 changed files with 68 additions and 3 deletions
app.js
index.html
--- a/app.js
View file @3bd63c9
+++ b/app.js
View file @3bd63c9
@@ -2,6 +2,12 @@ var http = require('http');
 var fs = require('fs');
 var express=require('express');
 var app=express();
+var jsdom = require('jsdom');
+var $ = require('jquery');
+const path=require('path');
+
+app.use(express.static('public'));
+app.use('/node_modules', express.static(path.join(__dirname,'/node_modules')));
 app.get('/', function(req,res){
   fs.readFile('index.html',function(err,data){
--- a/index.html
View file @3bd63c9
+++ b/index.html
View file @3bd63c9
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="ko-kr">
 <head>
+	<style>
+		.menu a{cursor:pointer;}
+		.menu .hide{display:none;}
+		body{
+			background-color: black;
+			backgound-repeat: no-repeat;
+			backgound-size: cover;
+		}
+	</style>
 	<meta charset="utf-8">
     <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" media="screen">
     <link href="/static/core/style.css" rel="stylesheet" media="screen">
+		<script type="text/javascript" src="node_modules/jquery/dist/jquery.js"></script>
+		<script type="text/javascript">
+			$().ready(function(){
+				alert("jquery is running");
+			});
+		</script>
 		<script async="" src="//www.google-analytics.com/analytics.js"></script>
     <script type="text/javascript" async="" src="//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"></script>
 	<title>StarCraft 2 Build Recommendation Project</title>
-<body>
+	<script>
+    $(document).ready(function(){
+        $(".menu>a").click(function(){
+            var submenu = $(this).next("ul");
+            if( submenu.is(":visible") ){
+                submenu.slideUp();
+            }else{
+                submenu.slideDown();
+            }
+        });
+    });
+	</script>
+<body>
 <p stype="fond-family:verdana;">StarCraft 2 Build Recommendation Project</p>
-<img src="/imgs" alt="StarCraft2 LOGO image">
 <br>
 <br>
+<img src="/imgs" alt="StarCraft2 LOGO image">
 <div class="col-md-3">
 	<form id="searchform" action method="get">
+		<div id="div_id_myRace" class="form-group">
+			<label for="id_myRace" class="control-label ">
+                내 종족
+          </label>
+          <div class="controls">
+            <select class="select form-control" id="id_myRace" name="myRace">
+           	 	<option value="t">테란</option>
+            	<option value="r">저그</option>
+            	<option value="a">프로토스</option>
+            </select>
+					</div>
+			</div>
 		<div id="div_id_name" class="form-group">
 			<label for="id_name" class="control-label ">
 								유저 이름
@@ -77,6 +116,26 @@
 		            </select>
 							</div>
 					</div>
+					<div>
+						<ul>
+							<li class="menu1">
+								<a>img src="" alt="메뉴이미지1"/></a>
+								<ul class="hide">
+									<li>리스트1-1</li>
+									<li>리스트1-2></li>
+									<li>리스트1-3></li>
+								</ul>
+							</li>
+							<li class="menu2">
+								<a>img src="" alt="메뉴이미지2"/></a>
+								<ul class="hide">
+									<li>리스트2-1</li>
+									<li>리스트2-2></li>
+									<li>리스트2-3></li>
+								</ul>
+							</li>
+						</ul>
+					</div>
 <a class="btn btn-primary" href="/build/create/">빌드</a>
 <br>