이해님 / term-project

Go to a project
Toggle navigation Toggle navigation pinning
haenim
3a203ea5 1 parent 73158d4d

add main page

Expand all
Inline Side-by-side
Showing 8 changed files with 52 additions and 7 deletions
This diff is collapsed. Click to expand it.
...@@ -3,4 +3,9 @@ module.exports = function(app) ...@@ -3,4 +3,9 @@ module.exports = function(app)
3 app.get('/',function(req,res){ //index.html 가져오기 3 app.get('/',function(req,res){ //index.html 가져오기
4 res.render('index.html') 4 res.render('index.html')
5 }); 5 });
6 +
7 + app.get('/timeline/:id',function(req,res){
8 + res.render('timeline.html')
9 + });
10 +
6 } 11 }
......
...@@ -6,8 +6,8 @@ app.set('views', __dirname + '/views'); //서버가 읽을 수 있도록 HTML ...@@ -6,8 +6,8 @@ app.set('views', __dirname + '/views'); //서버가 읽을 수 있도록 HTML
6 app.set('view engine', 'ejs'); //서버가 HTML 렌더링을 할 때, EJS 엔진을 사용하도록 설정합니다. 6 app.set('view engine', 'ejs'); //서버가 HTML 렌더링을 할 때, EJS 엔진을 사용하도록 설정합니다.
7 app.engine('html', require('ejs').renderFile); 7 app.engine('html', require('ejs').renderFile);
8 8
9 -var server = app.listen(3000, function(){ 9 +var server = app.listen(3000, function(){ //3000 포트 사용
10 console.log("Express server has started on port 3000") 10 console.log("Express server has started on port 3000")
11 }) 11 })
12 12
13 -app.use(express.static('public')); //css같은 거 사용 13 +app.use(express.static('public'));
......
1 <html> 1 <html>
2 <head> 2 <head>
3 - <title>Main</title> 3 + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
4 - <link rel="stylesheet" type="text/css" href="css/style.css"> 4 + <meta name="viewport" content="width=device-width, initial-scale=1" />
5 + <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 + <meta name="author" content="colorlib.com">
7 + <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet" />
8 + <link href="css/style.css" rel="stylesheet" />
5 </head> 9 </head>
6 <body> 10 <body>
7 - Hey, this is index page
8 - </body>
9 -</html>
...\ No newline at end of file ...\ No newline at end of file
11 + <div class="s130">
12 + <form>
13 + <div class="inner-form">
14 + <div class="input-field first-wrap">
15 + <div class="svg-wrapper">
16 + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
17 + <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
18 + </svg>
19 + </div>
20 + <input id="search" type="text" placeholder="아이디를 입력하세요" />
21 + </div>
22 + <div class="input-field second-wrap">
23 + <button class="btn-search" type="button" onclick="movePage()">SEARCH</button>
24 + </div>
25 + <script type ="text/javascript">
26 + function movePage(){ //페이지 이동을 위한 함수
27 + location.href ="/timeline/"+document.getElementById('search').value
28 + }
29 + </script>
30 + </div>
31 + <span class="info">ex)@TwitterKorea </span>
32 + </form>
33 + </div>
34 + <script src="js/extention/choices.js"></script>
35 + </body><!-- This templates was made by Colorlib (https://colorlib.com) -->
36 +</html>
......
1 +<html>
2 +
3 +<body>
4 +
5 +<script>
6 +
7 +alert("Hello, world!");
8 +
9 +</script>
10 +
11 +</body>
12 +
13 +</html>
...\ No newline at end of file ...\ No newline at end of file