Showing
23 changed files
with
119 additions
and
774 deletions
... | @@ -5,7 +5,7 @@ var router = express.Router(); | ... | @@ -5,7 +5,7 @@ var router = express.Router(); |
5 | 5 | ||
6 | 6 | ||
7 | router.get('/',function(req,res){ | 7 | router.get('/',function(req,res){ |
8 | - res.render('index.html', { | 8 | + res.render('index.ejs', { |
9 | session : req.session | 9 | session : req.session |
10 | }) | 10 | }) |
11 | }) | 11 | }) | ... | ... |
... | @@ -6,7 +6,7 @@ var router = express.Router(); | ... | @@ -6,7 +6,7 @@ var router = express.Router(); |
6 | 6 | ||
7 | router.get('/',function(req,res){ | 7 | router.get('/',function(req,res){ |
8 | 8 | ||
9 | - res.render('login.html') | 9 | + res.render('login.ejs',{session:req.session}) |
10 | }); | 10 | }); |
11 | 11 | ||
12 | router.post('/process', function(req, res) { | 12 | router.post('/process', function(req, res) { |
... | @@ -39,13 +39,13 @@ router.post('/process', function(req, res) { | ... | @@ -39,13 +39,13 @@ router.post('/process', function(req, res) { |
39 | req.session.sessId = paramId; | 39 | req.session.sessId = paramId; |
40 | req.session.save(); | 40 | req.session.save(); |
41 | // 조회 결과에서 사용자 이름 확인 | 41 | // 조회 결과에서 사용자 이름 확인 |
42 | - res.render('index.html',{ | 42 | + res.render('index.ejs',{ |
43 | session : req.session | 43 | session : req.session |
44 | }); | 44 | }); |
45 | 45 | ||
46 | 46 | ||
47 | } else { // 조회된 레코드가 없는 경우 실패 응답 전송 | 47 | } else { // 조회된 레코드가 없는 경우 실패 응답 전송 |
48 | - res.render('login.html'); | 48 | + res.render('login.ejs'); |
49 | 49 | ||
50 | } | 50 | } |
51 | }); | 51 | }); | ... | ... |
... | @@ -8,7 +8,7 @@ router.get('/',function(req,res){ | ... | @@ -8,7 +8,7 @@ router.get('/',function(req,res){ |
8 | req.session.destroy(function() { | 8 | req.session.destroy(function() { |
9 | req.session; | 9 | req.session; |
10 | }); | 10 | }); |
11 | - res.render('index.html') | 11 | + res.render('index.ejs') |
12 | }); | 12 | }); |
13 | 13 | ||
14 | module.exports = router | 14 | module.exports = router |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -2,7 +2,7 @@ var express = require('express') | ... | @@ -2,7 +2,7 @@ var express = require('express') |
2 | var router = express.Router() | 2 | var router = express.Router() |
3 | 3 | ||
4 | router.get('/',function(req,res){ | 4 | router.get('/',function(req,res){ |
5 | - res.render('lpg.html') | 5 | + res.render('lpg.ejs',{session:req.session}) |
6 | }) | 6 | }) |
7 | 7 | ||
8 | module.exports = router | 8 | module.exports = router |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -2,7 +2,7 @@ var express = require('express') | ... | @@ -2,7 +2,7 @@ var express = require('express') |
2 | var router = express.Router() | 2 | var router = express.Router() |
3 | 3 | ||
4 | router.get('/',function(req,res){ | 4 | router.get('/',function(req,res){ |
5 | - res.render('menu.html') | 5 | + res.render('menu.ejs',{session:req.session}) |
6 | }) | 6 | }) |
7 | 7 | ||
8 | module.exports = router | 8 | module.exports = router |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -34,6 +34,7 @@ router.get('/:id',function(req,res){ | ... | @@ -34,6 +34,7 @@ router.get('/:id',function(req,res){ |
34 | 34 | ||
35 | // 뷰 템플레이트를 이용하여 렌더링한 후 전송 | 35 | // 뷰 템플레이트를 이용하여 렌더링한 후 전송 |
36 | var context = { | 36 | var context = { |
37 | + session:req.session, | ||
37 | title: '글 조회 ', | 38 | title: '글 조회 ', |
38 | posts: results, | 39 | posts: results, |
39 | Entities: Entities | 40 | Entities: Entities | ... | ... |
... | @@ -3,7 +3,7 @@ var Conn = require('../database/database') | ... | @@ -3,7 +3,7 @@ var Conn = require('../database/database') |
3 | var router = express.Router() | 3 | var router = express.Router() |
4 | 4 | ||
5 | router.get('/',function(req,res){ | 5 | router.get('/',function(req,res){ |
6 | - res.render('signup.html') | 6 | + res.render('signup.ejs',{session:req.session}) |
7 | }); | 7 | }); |
8 | 8 | ||
9 | router.post('/process', function(req, res) { | 9 | router.post('/process', function(req, res) { | ... | ... |
... | @@ -2,7 +2,7 @@ var express = require('express') | ... | @@ -2,7 +2,7 @@ var express = require('express') |
2 | var router = express.Router() | 2 | var router = express.Router() |
3 | 3 | ||
4 | router.get('/',function(req,res){ | 4 | router.get('/',function(req,res){ |
5 | - res.render('weather.html') | 5 | + res.render('weather.ejs',{session:req.session}) |
6 | }) | 6 | }) |
7 | 7 | ||
8 | module.exports = router | 8 | module.exports = router |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
app/views/contact.html
deleted
100644 → 0
This diff is collapsed. Click to expand it.
app/views/faq.html
deleted
100644 → 0
This diff is collapsed. Click to expand it.
1 | +<footer class="bg-dark py-4 mt-auto"> | ||
2 | + <div class="container px-5"> | ||
3 | + <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
4 | + <div class="col-auto"><div class="small m-0 text-white">Copyright © Your Website 2022</div></div> | ||
5 | + <div class="col-auto"> | ||
6 | + <a class="link-light small" href="#!">Privacy</a> | ||
7 | + <span class="text-white mx-1">·</span> | ||
8 | + <a class="link-light small" href="#!">Terms</a> | ||
9 | + <span class="text-white mx-1">·</span> | ||
10 | + <a class="link-light small" href="#!">Contact</a> | ||
11 | + </div> | ||
12 | + </div> | ||
13 | + </div> | ||
14 | +</footer> | ||
15 | +<!-- Bootstrap core JS--> | ||
16 | +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
17 | +<!-- Core theme JS--> | ||
18 | +<script src="js/scripts.js"></script> | ||
19 | +</body> | ||
20 | +</html> | ... | ... |
1 | -<!DOCTYPE html> | 1 | +<%- include('./header.ejs') %> |
2 | -<html lang="en"> | 2 | + |
3 | - <head> | ||
4 | - <meta charset="utf-8" /> | ||
5 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
6 | - <meta name="description" content="" /> | ||
7 | - <meta name="author" content="" /> | ||
8 | - <title>Modern Business - Start Bootstrap Template</title> | ||
9 | - <!-- Favicon--> | ||
10 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
11 | - <!-- Bootstrap icons--> | ||
12 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
13 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
14 | <link href="css/styles.css" rel="stylesheet" /> | 3 | <link href="css/styles.css" rel="stylesheet" /> |
15 | <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=c71c02e15245260c3350614980ba87c8&libraries=services,clusterer,drawing"></script> | 4 | <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=c71c02e15245260c3350614980ba87c8&libraries=services,clusterer,drawing"></script> |
16 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> | 5 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> |
... | @@ -211,39 +200,7 @@ | ... | @@ -211,39 +200,7 @@ |
211 | } | 200 | } |
212 | 201 | ||
213 | </script> | 202 | </script> |
214 | - </head> | 203 | + |
215 | - <body class="d-flex flex-column h-100"> | ||
216 | - <main class="flex-shrink-0"> | ||
217 | - <!-- Navigation--> | ||
218 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
219 | - <div class="container px-5"> | ||
220 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
221 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
222 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
223 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
224 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
225 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
226 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
227 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
228 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
229 | - <li class="nav-item dropdown"> | ||
230 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
231 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
232 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
233 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
234 | - </ul> | ||
235 | - </li> | ||
236 | - <li class="nav-item dropdown"> | ||
237 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
238 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
239 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
240 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
241 | - </ul> | ||
242 | - </li> | ||
243 | - </ul> | ||
244 | - </div> | ||
245 | - </div> | ||
246 | - </nav> | ||
247 | <!-- Header--> | 204 | <!-- Header--> |
248 | <header class="bg-dark py-5"> | 205 | <header class="bg-dark py-5"> |
249 | <div class="container px-5"> | 206 | <div class="container px-5"> |
... | @@ -482,23 +439,4 @@ | ... | @@ -482,23 +439,4 @@ |
482 | </section>--> | 439 | </section>--> |
483 | </main> | 440 | </main> |
484 | <!-- Footer--> | 441 | <!-- Footer--> |
485 | - <footer class="bg-dark py-4 mt-auto"> | 442 | + <%- include('./header.ejs') %> |
486 | - <div class="container px-5"> | ||
487 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
488 | - <div class="col-auto"><div class="small m-0 text-white">Copyright © Your Website 2022</div></div> | ||
489 | - <div class="col-auto"> | ||
490 | - <a class="link-light small" href="#!">Privacy</a> | ||
491 | - <span class="text-white mx-1">·</span> | ||
492 | - <a class="link-light small" href="#!">Terms</a> | ||
493 | - <span class="text-white mx-1">·</span> | ||
494 | - <a class="link-light small" href="#!">Contact</a> | ||
495 | - </div> | ||
496 | - </div> | ||
497 | - </div> | ||
498 | - </footer> | ||
499 | - <!-- Bootstrap core JS--> | ||
500 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
501 | - <!-- Core theme JS--> | ||
502 | - <script src="js/scripts.js"></script> | ||
503 | - </body> | ||
504 | -</html> | ... | ... |
app/views/login.ejs
0 → 100644
1 | +<%- include('./header.ejs') %> | ||
2 | + | ||
3 | + <!-- Header--> | ||
4 | + <header class="py-5"> | ||
5 | + <div class="container px-5"> | ||
6 | + <div class="row justify-content-center"> | ||
7 | + <div class="col-lg-8 col-xxl-6"> | ||
8 | + <div class="text-center my-5"> | ||
9 | + <h1>로그인</h1> | ||
10 | + <br> | ||
11 | + <form method="post" action="/login/process"> | ||
12 | + <table> | ||
13 | + <tr> | ||
14 | + <td><label>아이디</label></td> | ||
15 | + <td><input type="text" name="id"></td> | ||
16 | + </tr> | ||
17 | + <tr> | ||
18 | + <td><label>비밀번호</label></td> | ||
19 | + <td><input type="text" name="password"></td> | ||
20 | + </tr> | ||
21 | + </table> | ||
22 | + <input type="submit" value="전송" name=""> | ||
23 | + </form> | ||
24 | + </div> | ||
25 | + </div> | ||
26 | + </div> | ||
27 | + </div> | ||
28 | + </header> | ||
29 | + <!-- About section one--> | ||
30 | + </main> | ||
31 | + <!-- Footer--> | ||
32 | + <%- include('./footer.ejs') %> |
app/views/login.html
deleted
100644 → 0
1 | -<!DOCTYPE html> | ||
2 | -<html lang="en"> | ||
3 | - | ||
4 | -<head> | ||
5 | - <meta charset="utf-8" /> | ||
6 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
7 | - <meta name="description" content="" /> | ||
8 | - <meta name="author" content="" /> | ||
9 | - <title>Modern Business - Start Bootstrap Template</title> | ||
10 | - <!-- Favicon--> | ||
11 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
12 | - <!-- Bootstrap icons--> | ||
13 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
14 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
15 | - <link href="css/styles.css" rel="stylesheet" /> | ||
16 | -</head> | ||
17 | - | ||
18 | -<body class="d-flex flex-column"> | ||
19 | - <main class="flex-shrink-0"> | ||
20 | - <!-- Navigation--> | ||
21 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
22 | - <div class="container px-5"> | ||
23 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
24 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
25 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
26 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
27 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
28 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
29 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
30 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
31 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
32 | - <li class="nav-item dropdown"> | ||
33 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
34 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
35 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
36 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
37 | - </ul> | ||
38 | - </li> | ||
39 | - <li class="nav-item dropdown"> | ||
40 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
41 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
42 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
43 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
44 | - </ul> | ||
45 | - </li> | ||
46 | - </ul> | ||
47 | - </div> | ||
48 | - </div> | ||
49 | - </nav> | ||
50 | - <!-- Header--> | ||
51 | - <header class="py-5"> | ||
52 | - <div class="container px-5"> | ||
53 | - <div class="row justify-content-center"> | ||
54 | - <div class="col-lg-8 col-xxl-6"> | ||
55 | - <div class="text-center my-5"> | ||
56 | - <h1>로그인</h1> | ||
57 | - <br> | ||
58 | - <form method="post" action="/login/process"> | ||
59 | - <table> | ||
60 | - <tr> | ||
61 | - <td><label>아이디</label></td> | ||
62 | - <td><input type="text" name="id"></td> | ||
63 | - </tr> | ||
64 | - <tr> | ||
65 | - <td><label>비밀번호</label></td> | ||
66 | - <td><input type="text" name="password"></td> | ||
67 | - </tr> | ||
68 | - </table> | ||
69 | - <input type="submit" value="전송" name=""> | ||
70 | - </form> | ||
71 | - </div> | ||
72 | - </div> | ||
73 | - </div> | ||
74 | - </div> | ||
75 | - </header> | ||
76 | - <!-- About section one--> | ||
77 | - </main> | ||
78 | - <!-- Footer--> | ||
79 | - <footer class="bg-dark py-4 mt-auto"> | ||
80 | - <div class="container px-5"> | ||
81 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
82 | - <div class="col-auto"> | ||
83 | - <div class="small m-0 text-white">Copyright © Your Website 2022</div> | ||
84 | - </div> | ||
85 | - <div class="col-auto"> | ||
86 | - <a class="link-light small" href="#!">Privacy</a> | ||
87 | - <span class="text-white mx-1">·</span> | ||
88 | - <a class="link-light small" href="#!">Terms</a> | ||
89 | - <span class="text-white mx-1">·</span> | ||
90 | - <a class="link-light small" href="#!">Contact</a> | ||
91 | - </div> | ||
92 | - </div> | ||
93 | - </div> | ||
94 | - </footer> | ||
95 | - <!-- Bootstrap core JS--> | ||
96 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
97 | - <!-- Core theme JS--> | ||
98 | - <script src="js/scripts.js"></script> | ||
99 | -</body> | ||
100 | - | ||
101 | -</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | -<!DOCTYPE html> | 1 | +<%- include('./header.ejs') %> |
2 | -<html lang="en"> | ||
3 | - <head> | ||
4 | - <meta charset="utf-8" /> | ||
5 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
6 | - <meta name="description" content="" /> | ||
7 | - <meta name="author" content="" /> | ||
8 | - <title>Modern Business - Start Bootstrap Template</title> | ||
9 | - <!-- Favicon--> | ||
10 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
11 | - <!-- Bootstrap icons--> | ||
12 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
13 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
14 | - <link href="css/styles.css" rel="stylesheet" /> | ||
15 | - <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> | ||
16 | <script src="https://code.jquery.com/jquery-1.12.4.js"></script> | 2 | <script src="https://code.jquery.com/jquery-1.12.4.js"></script> |
17 | <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> | 3 | <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> |
18 | - </head> | ||
19 | <script> | 4 | <script> |
20 | var LPG_Reststop_List2 = []; | 5 | var LPG_Reststop_List2 = []; |
21 | fetch('http://data.ex.co.kr/openapi/business/lpgServiceAreaInfo?key=6806352377&type=json&numOfRows=1000').then(function (response) { | 6 | fetch('http://data.ex.co.kr/openapi/business/lpgServiceAreaInfo?key=6806352377&type=json&numOfRows=1000').then(function (response) { |
... | @@ -61,38 +46,6 @@ | ... | @@ -61,38 +46,6 @@ |
61 | });}); | 46 | });}); |
62 | </script> | 47 | </script> |
63 | 48 | ||
64 | - <body class="d-flex flex-column"> | ||
65 | - <main class="flex-shrink-0"> | ||
66 | - <!-- Navigation--> | ||
67 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
68 | - <div class="container px-5"> | ||
69 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
70 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
71 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
72 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
73 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
74 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
75 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
76 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
77 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
78 | - <li class="nav-item dropdown"> | ||
79 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
80 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
81 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
82 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
83 | - </ul> | ||
84 | - </li> | ||
85 | - <li class="nav-item dropdown"> | ||
86 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
87 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
88 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
89 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
90 | - </ul> | ||
91 | - </li> | ||
92 | - </ul> | ||
93 | - </div> | ||
94 | - </div> | ||
95 | - </nav> | ||
96 | 49 | ||
97 | <!-- Header--> | 50 | <!-- Header--> |
98 | <header class="py-5"> | 51 | <header class="py-5"> |
... | @@ -216,24 +169,4 @@ | ... | @@ -216,24 +169,4 @@ |
216 | </script> | 169 | </script> |
217 | 170 | ||
218 | 171 | ||
219 | - <!-- Footer--> | 172 | +<%- include('./footer.ejs') %> |
220 | - <footer class="bg-dark py-4 mt-auto"> | ||
221 | - <div class="container px-5"> | ||
222 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
223 | - <div class="col-auto"><div class="small m-0 text-white">Copyright © Your Website 2022</div></div> | ||
224 | - <div class="col-auto"> | ||
225 | - <a class="link-light small" href="#!">Privacy</a> | ||
226 | - <span class="text-white mx-1">·</span> | ||
227 | - <a class="link-light small" href="#!">Terms</a> | ||
228 | - <span class="text-white mx-1">·</span> | ||
229 | - <a class="link-light small" href="#!">Contact</a> | ||
230 | - </div> | ||
231 | - </div> | ||
232 | - </div> | ||
233 | - </footer> | ||
234 | - <!-- Bootstrap core JS--> | ||
235 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
236 | - <!-- Core theme JS--> | ||
237 | - <script src="js/scripts.js"></script> | ||
238 | - </body> | ||
239 | -</html> | ... | ... |
app/views/mainpage.html
deleted
100644 → 0
1 | -<!DOCTYPE html> | ||
2 | -<html lang="ko"> | ||
3 | - <head> | ||
4 | - <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap" rel="stylesheet"> | ||
5 | - </head> | ||
6 | - <body> | ||
7 | - | ||
8 | - <style> | ||
9 | - *{ | ||
10 | - font-family: 'Noto Sans KR', sans-serif; | ||
11 | - list-style: none; | ||
12 | - text-decoration: none; | ||
13 | - border-collapse: collapse; | ||
14 | - margin: 0px; | ||
15 | - padding: 0px; | ||
16 | - } | ||
17 | - | ||
18 | - .headbar{ | ||
19 | - display:flex; | ||
20 | - width:1535px; | ||
21 | - height:50px; | ||
22 | - margin-top:20px; | ||
23 | - } | ||
24 | - | ||
25 | - .title{ | ||
26 | - margin-left: 200px; | ||
27 | - } | ||
28 | - | ||
29 | - .title span{ | ||
30 | - margin-left: 10px | ||
31 | - } | ||
32 | - | ||
33 | - .button { | ||
34 | - margin-top: 8px; | ||
35 | - margin-left: 600px;; | ||
36 | - } | ||
37 | - .button span{ | ||
38 | - margin-left: 20px; | ||
39 | - } | ||
40 | - | ||
41 | - .intro{ | ||
42 | - position:fixed; | ||
43 | - width: 1535px; | ||
44 | - height:290px; | ||
45 | - background-color: #40E0D0; | ||
46 | - | ||
47 | - } | ||
48 | - | ||
49 | - .des{ | ||
50 | - margin-top:120px; | ||
51 | - margin-left: 230px; | ||
52 | - } | ||
53 | - | ||
54 | - .bar{ | ||
55 | - margin-bottom:15px; | ||
56 | - } | ||
57 | - | ||
58 | - .icon{ | ||
59 | - position:fixed; | ||
60 | - top: 270px; | ||
61 | - margin-left: 910px; | ||
62 | - } | ||
63 | - .icon span{ | ||
64 | - border:4px solid white; | ||
65 | - border-radius:30%; | ||
66 | - padding-top: 20px; | ||
67 | - padding-bottom: 20px; | ||
68 | - padding-left: 20px; | ||
69 | - padding-right: 20px; | ||
70 | - margin-left:5px; | ||
71 | - } | ||
72 | - </style> | ||
73 | - | ||
74 | - | ||
75 | - | ||
76 | - <div class="wrap"> | ||
77 | - <div class="headbar"> | ||
78 | - <div class ="title"> | ||
79 | - <span style="font-size: 22px;"><b>✧ 휴게소의 모든 것 ✧</b></span> | ||
80 | - <span style="color:#0A9696">Everything Of Rest Area</span> | ||
81 | - </div> | ||
82 | - <div class = "button"> | ||
83 | - <span><a href="/login" style = "color: #0A9696;">Log in</a></span> | ||
84 | - <span><a href="/sign_up" style = "color: #0A9696;">Sign up</a></span> | ||
85 | - </div> | ||
86 | - </div> | ||
87 | - | ||
88 | - | ||
89 | - <div class="intro" style="background: #40E0D0"> | ||
90 | - <div class="des"> | ||
91 | - <div class="bar"> | ||
92 | - <hr size="6" width= "200px" color="white"> | ||
93 | - </div> | ||
94 | - <div style="color:white; font-size: 32px;"><b>당신이 방문할 휴게소의 모든 정보,</b></div> | ||
95 | - <div style="color: white; font-size:40px;"><b> 휴게소의 모든 것</b></div> | ||
96 | - </div> | ||
97 | - | ||
98 | - <div class="icon"> | ||
99 | - <span style="color:white; font-size:20px;"><a href = "/weather"><b>날씨</b></a></span> | ||
100 | - <span style="color:white; font-size:20px;"><a href = "/menu"><b>메뉴</b></a></span> | ||
101 | - <span style="color:white; font-size:20px;"><a href = "/lpg"><b>LPG</b></a></span> | ||
102 | - </div> | ||
103 | - </div> | ||
104 | - </div> | ||
105 | -</body> | ||
106 | -</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | -<!DOCTYPE html> | 1 | +<%- include('./header.ejs') %> |
2 | -<html lang="en"> | ||
3 | - <head> | ||
4 | - <meta charset="utf-8" /> | ||
5 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
6 | - <meta name="description" content="" /> | ||
7 | - <meta name="author" content="" /> | ||
8 | - <title>Modern Business - Start Bootstrap Template</title> | ||
9 | - <!-- Favicon--> | ||
10 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
11 | - <!-- Bootstrap icons--> | ||
12 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
13 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
14 | - <link href="css/styles.css" rel="stylesheet" /> | ||
15 | - </head> | ||
16 | - <body class="d-flex flex-column"> | ||
17 | - <main class="flex-shrink-0"> | ||
18 | - <!-- Navigation--> | ||
19 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
20 | - <div class="container px-5"> | ||
21 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
22 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
23 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
24 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
25 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
26 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
27 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
28 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
29 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
30 | - <li class="nav-item dropdown"> | ||
31 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
32 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
33 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
34 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
35 | - </ul> | ||
36 | - </li> | ||
37 | - <li class="nav-item dropdown"> | ||
38 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
39 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
40 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
41 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
42 | - </ul> | ||
43 | - </li> | ||
44 | - </ul> | ||
45 | - </div> | ||
46 | - </div> | ||
47 | - </nav> | ||
48 | 2 | ||
49 | <!-- Header--> | 3 | <!-- Header--> |
50 | <header class="py-5"> | 4 | <header class="py-5"> |
... | @@ -480,9 +434,4 @@ | ... | @@ -480,9 +434,4 @@ |
480 | } | 434 | } |
481 | </script> | 435 | </script> |
482 | 436 | ||
483 | - <!-- Bootstrap core JS--> | 437 | + <%- include('./footer.ejs') %> |
484 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
485 | - <!-- Core theme JS--> | ||
486 | - <script src="js/scripts.js"></script> | ||
487 | - </body> | ||
488 | -</html> | ... | ... |
... | @@ -51,26 +51,4 @@ | ... | @@ -51,26 +51,4 @@ |
51 | </div> | 51 | </div> |
52 | </main> | 52 | </main> |
53 | <!-- Footer--> | 53 | <!-- Footer--> |
54 | - <footer class="bg-dark py-4 mt-auto"> | ||
55 | - <div class="container px-5"> | ||
56 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
57 | - <div class="col-auto"> | ||
58 | - <div class="small m-0 text-white">Copyright © Your Website 2022</div> | ||
59 | - </div> | ||
60 | - <div class="col-auto"> | ||
61 | - <a class="link-light small" href="#!">Privacy</a> | ||
62 | - <span class="text-white mx-1">·</span> | ||
63 | - <a class="link-light small" href="#!">Terms</a> | ||
64 | - <span class="text-white mx-1">·</span> | ||
65 | - <a class="link-light small" href="#!">Contact</a> | ||
66 | - </div> | ||
67 | - </div> | ||
68 | - </div> | ||
69 | - </footer> | ||
70 | - <!-- Bootstrap core JS--> | ||
71 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
72 | - <!-- Core theme JS--> | ||
73 | - <script src="js/scripts.js"></script> | ||
74 | -</body> | ||
75 | - | ||
76 | -</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
54 | + <%- include('./footer.ejs') %> | ... | ... |
1 | -<!DOCTYPE html> | 1 | +<%- include('./header.ejs') %> |
2 | -<html lang="en"> | ||
3 | 2 | ||
4 | -<head> | ||
5 | - <meta charset="utf-8" /> | ||
6 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
7 | - <meta name="description" content="" /> | ||
8 | - <meta name="author" content="" /> | ||
9 | - <title>Modern Business - Start Bootstrap Template</title> | ||
10 | - <!-- Favicon--> | ||
11 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
12 | - <!-- Bootstrap icons--> | ||
13 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
14 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
15 | - <link href="css/styles.css" rel="stylesheet" /> | ||
16 | - <script src="http://code.jquery.com/jquery-2.1.4.js"></script> | ||
17 | -</head> | ||
18 | - | ||
19 | -<body class="d-flex flex-column h-100"> | ||
20 | - <main class="flex-shrink-0"> | ||
21 | - <!-- Navigation--> | ||
22 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
23 | - <div class="container px-5"> | ||
24 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
25 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" | ||
26 | - data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" | ||
27 | - aria-expanded="false" aria-label="Toggle navigation"><span | ||
28 | - class="navbar-toggler-icon"></span></button> | ||
29 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
30 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
31 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
32 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
33 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
34 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
35 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
36 | - <li class="nav-item dropdown"> | ||
37 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" | ||
38 | - data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
39 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
40 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
41 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
42 | - </ul> | ||
43 | - </li> | ||
44 | - <li class="nav-item dropdown"> | ||
45 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" | ||
46 | - data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
47 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
48 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
49 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
50 | - </ul> | ||
51 | - </li> | ||
52 | - </ul> | ||
53 | - </div> | ||
54 | - </div> | ||
55 | - </nav> | ||
56 | <!-- Page Content--> | 3 | <!-- Page Content--> |
57 | <div class="ui raised segment"> | 4 | <div class="ui raised segment"> |
58 | <a class="ui blue ribbon label">게시판</a> | 5 | <a class="ui blue ribbon label">게시판</a> |
... | @@ -98,26 +45,4 @@ | ... | @@ -98,26 +45,4 @@ |
98 | 45 | ||
99 | </main> | 46 | </main> |
100 | <!-- Footer--> | 47 | <!-- Footer--> |
101 | - <footer class="bg-dark py-4 mt-auto"> | ||
102 | - <div class="container px-5"> | ||
103 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
104 | - <div class="col-auto"> | ||
105 | - <div class="small m-0 text-white">Copyright © Your Website 2022</div> | ||
106 | - </div> | ||
107 | - <div class="col-auto"> | ||
108 | - <a class="link-light small" href="#!">Privacy</a> | ||
109 | - <span class="text-white mx-1">·</span> | ||
110 | - <a class="link-light small" href="#!">Terms</a> | ||
111 | - <span class="text-white mx-1">·</span> | ||
112 | - <a class="link-light small" href="#!">Contact</a> | ||
113 | - </div> | ||
114 | - </div> | ||
115 | - </div> | ||
116 | - </footer> | ||
117 | - <!-- Bootstrap core JS--> | ||
118 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
119 | - <!-- Core theme JS--> | ||
120 | - <script src="js/scripts.js"></script> | ||
121 | -</body> | ||
122 | - | ||
123 | -</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
48 | + <%- include('./footer.ejs') %> | ... | ... |
1 | -<!DOCTYPE html> | 1 | +<%- include('./header.ejs') %> |
2 | -<html lang="en"> | ||
3 | 2 | ||
4 | -<head> | ||
5 | - <meta charset="utf-8" /> | ||
6 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
7 | - <meta name="description" content="" /> | ||
8 | - <meta name="author" content="" /> | ||
9 | - <title>Modern Business - Start Bootstrap Template</title> | ||
10 | - <!-- Favicon--> | ||
11 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
12 | - <!-- Bootstrap icons--> | ||
13 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
14 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
15 | - <link href="css/styles.css" rel="stylesheet" /> | ||
16 | - <script src="http://code.jquery.com/jquery-2.1.4.js"></script> | ||
17 | - <script> | ||
18 | - $(document).ready(function() { | ||
19 | - var output = $("#contentsOutput").text(); | ||
20 | - console.log('output : ' + output); | ||
21 | - | ||
22 | - $("#contentsOutput").html(output); | ||
23 | - | ||
24 | - }); | ||
25 | - </script> | ||
26 | -</head> | ||
27 | - | ||
28 | -<body class="d-flex flex-column h-100"> | ||
29 | - <main class="flex-shrink-0"> | ||
30 | - <!-- Navigation--> | ||
31 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
32 | - <div class="container px-5"> | ||
33 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
34 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" | ||
35 | - data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" | ||
36 | - aria-expanded="false" aria-label="Toggle navigation"><span | ||
37 | - class="navbar-toggler-icon"></span></button> | ||
38 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
39 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
40 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
41 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
42 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
43 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
44 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
45 | - <li class="nav-item dropdown"> | ||
46 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" | ||
47 | - data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
48 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
49 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
50 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
51 | - </ul> | ||
52 | - </li> | ||
53 | - <li class="nav-item dropdown"> | ||
54 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" | ||
55 | - data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
56 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
57 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
58 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
59 | - </ul> | ||
60 | - </li> | ||
61 | - </ul> | ||
62 | - </div> | ||
63 | - </div> | ||
64 | - </nav> | ||
65 | <!-- Page Content--> | 3 | <!-- Page Content--> |
66 | <div class="ui raised segment"> | 4 | <div class="ui raised segment"> |
67 | <a class="ui blue ribbon label">게시판</a> | 5 | <a class="ui blue ribbon label">게시판</a> |
... | @@ -103,26 +41,4 @@ | ... | @@ -103,26 +41,4 @@ |
103 | 41 | ||
104 | </main> | 42 | </main> |
105 | <!-- Footer--> | 43 | <!-- Footer--> |
106 | - <footer class="bg-dark py-4 mt-auto"> | ||
107 | - <div class="container px-5"> | ||
108 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
109 | - <div class="col-auto"> | ||
110 | - <div class="small m-0 text-white">Copyright © Your Website 2022</div> | ||
111 | - </div> | ||
112 | - <div class="col-auto"> | ||
113 | - <a class="link-light small" href="#!">Privacy</a> | ||
114 | - <span class="text-white mx-1">·</span> | ||
115 | - <a class="link-light small" href="#!">Terms</a> | ||
116 | - <span class="text-white mx-1">·</span> | ||
117 | - <a class="link-light small" href="#!">Contact</a> | ||
118 | - </div> | ||
119 | - </div> | ||
120 | - </div> | ||
121 | - </footer> | ||
122 | - <!-- Bootstrap core JS--> | ||
123 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
124 | - <!-- Core theme JS--> | ||
125 | - <script src="js/scripts.js"></script> | ||
126 | -</body> | ||
127 | - | ||
128 | -</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
44 | + <%- include('./footer.ejs') %> | ... | ... |
app/views/signup.ejs
0 → 100644
1 | +<%- include('./header.ejs') %> | ||
2 | + | ||
3 | + <!-- Header--> | ||
4 | + <header class="py-5"> | ||
5 | + <div class="container px-5"> | ||
6 | + <div class="row justify-content-center"> | ||
7 | + <div class="col-lg-8 col-xxl-6"> | ||
8 | + <div class="text-center my-5"> | ||
9 | + <h1>회원가입</h1> | ||
10 | + <br> | ||
11 | + <form method="post" action="/signup/process"> | ||
12 | + <table> | ||
13 | + <tr> | ||
14 | + <td><label>E-mail</label></td> | ||
15 | + <td><input type="text" name="email"></td> | ||
16 | + </tr> | ||
17 | + <tr> | ||
18 | + <td><label>이름</label></td> | ||
19 | + <td><input type="text" name="name"></td> | ||
20 | + </tr> | ||
21 | + <tr> | ||
22 | + <td><label>아이디</label></td> | ||
23 | + <td><input type="text" name="id"></td> | ||
24 | + </tr> | ||
25 | + <tr> | ||
26 | + <td><label>비밀번호</label></td> | ||
27 | + <td><input type="text" name="password"></td> | ||
28 | + </tr> | ||
29 | + </table> | ||
30 | + <input type="submit" value="전송" name=""> | ||
31 | + </form> | ||
32 | + </div> | ||
33 | + </div> | ||
34 | + </div> | ||
35 | + </div> | ||
36 | + </header> | ||
37 | + <!-- About section one--> | ||
38 | + </main> | ||
39 | + <!-- Footer--> | ||
40 | + <%- include('./footer.ejs') %> |
app/views/signup.html
deleted
100644 → 0
1 | -<!DOCTYPE html> | ||
2 | -<html lang="en"> | ||
3 | - | ||
4 | -<head> | ||
5 | - <meta charset="utf-8" /> | ||
6 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
7 | - <meta name="description" content="" /> | ||
8 | - <meta name="author" content="" /> | ||
9 | - <title>Modern Business - Start Bootstrap Template</title> | ||
10 | - <!-- Favicon--> | ||
11 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
12 | - <!-- Bootstrap icons--> | ||
13 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
14 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
15 | - <link href="css/styles.css" rel="stylesheet" /> | ||
16 | -</head> | ||
17 | - | ||
18 | -<body class="d-flex flex-column"> | ||
19 | - <main class="flex-shrink-0"> | ||
20 | - <!-- Navigation--> | ||
21 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
22 | - <div class="container px-5"> | ||
23 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
24 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
25 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
26 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
27 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
28 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
29 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
30 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
31 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
32 | - <li class="nav-item dropdown"> | ||
33 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
34 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
35 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
36 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
37 | - </ul> | ||
38 | - </li> | ||
39 | - <li class="nav-item dropdown"> | ||
40 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
41 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
42 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
43 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
44 | - </ul> | ||
45 | - </li> | ||
46 | - </ul> | ||
47 | - </div> | ||
48 | - </div> | ||
49 | - </nav> | ||
50 | - <!-- Header--> | ||
51 | - <header class="py-5"> | ||
52 | - <div class="container px-5"> | ||
53 | - <div class="row justify-content-center"> | ||
54 | - <div class="col-lg-8 col-xxl-6"> | ||
55 | - <div class="text-center my-5"> | ||
56 | - <h1>회원가입</h1> | ||
57 | - <br> | ||
58 | - <form method="post" action="/signup/process"> | ||
59 | - <table> | ||
60 | - <tr> | ||
61 | - <td><label>E-mail</label></td> | ||
62 | - <td><input type="text" name="email"></td> | ||
63 | - </tr> | ||
64 | - <tr> | ||
65 | - <td><label>이름</label></td> | ||
66 | - <td><input type="text" name="name"></td> | ||
67 | - </tr> | ||
68 | - <tr> | ||
69 | - <td><label>아이디</label></td> | ||
70 | - <td><input type="text" name="id"></td> | ||
71 | - </tr> | ||
72 | - <tr> | ||
73 | - <td><label>비밀번호</label></td> | ||
74 | - <td><input type="text" name="password"></td> | ||
75 | - </tr> | ||
76 | - </table> | ||
77 | - <input type="submit" value="전송" name=""> | ||
78 | - </form> | ||
79 | - </div> | ||
80 | - </div> | ||
81 | - </div> | ||
82 | - </div> | ||
83 | - </header> | ||
84 | - <!-- About section one--> | ||
85 | - </main> | ||
86 | - <!-- Footer--> | ||
87 | - <footer class="bg-dark py-4 mt-auto"> | ||
88 | - <div class="container px-5"> | ||
89 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
90 | - <div class="col-auto"> | ||
91 | - <div class="small m-0 text-white">Copyright © Your Website 2022</div> | ||
92 | - </div> | ||
93 | - <div class="col-auto"> | ||
94 | - <a class="link-light small" href="#!">Privacy</a> | ||
95 | - <span class="text-white mx-1">·</span> | ||
96 | - <a class="link-light small" href="#!">Terms</a> | ||
97 | - <span class="text-white mx-1">·</span> | ||
98 | - <a class="link-light small" href="#!">Contact</a> | ||
99 | - </div> | ||
100 | - </div> | ||
101 | - </div> | ||
102 | - </footer> | ||
103 | - <!-- Bootstrap core JS--> | ||
104 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
105 | - <!-- Core theme JS--> | ||
106 | - <script src="js/scripts.js"></script> | ||
107 | -</body> | ||
108 | - | ||
109 | -</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | -<!-- | 1 | +<%- include('./header.ejs') %> |
2 | - 휴게소 표준정보의 service area code 의 우측끝 3자리 == 휴게소 날씨 표준정보의 unitCode | 2 | + |
3 | ---> | ||
4 | -<!DOCTYPE html> | ||
5 | -<html lang="en"> | ||
6 | - <head> | ||
7 | - <meta charset="utf-8" /> | ||
8 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
9 | - <meta name="description" content="" /> | ||
10 | - <meta name="author" content="" /> | ||
11 | - <title>Modern Business - Start Bootstrap Template</title> | ||
12 | - <!-- Favicon--> | ||
13 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
14 | - <!-- Bootstrap icons--> | ||
15 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
16 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
17 | - <link href="css/styles.css" rel="stylesheet" /> | ||
18 | - </head> | ||
19 | - | ||
20 | - | ||
21 | - <body class="d-flex flex-column"> | ||
22 | - <main class="flex-shrink-0"> | ||
23 | - <!-- Navigation--> | ||
24 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
25 | - <div class="container px-3"> | ||
26 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
27 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
28 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
29 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
30 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
31 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
32 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
33 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
34 | - <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li> | ||
35 | - <li class="nav-item dropdown"> | ||
36 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
37 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
38 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
39 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
40 | - </ul> | ||
41 | - </li> | ||
42 | - <li class="nav-item dropdown"> | ||
43 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
44 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
45 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
46 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
47 | - </ul> | ||
48 | - </li> | ||
49 | - </ul> | ||
50 | - </div> | ||
51 | - </div> | ||
52 | - </nav> | ||
53 | 3 | ||
54 | <!-- Header--> | 4 | <!-- Header--> |
55 | <header class="py-5"> | 5 | <header class="py-5"> |
... | @@ -157,7 +107,7 @@ | ... | @@ -157,7 +107,7 @@ |
157 | let present = new Date(); | 107 | let present = new Date(); |
158 | let present_year = present.getFullYear(); | 108 | let present_year = present.getFullYear(); |
159 | let present_month = ('0'+(present.getMonth() + 1)).slice(-2); | 109 | let present_month = ('0'+(present.getMonth() + 1)).slice(-2); |
160 | - let present_date = present.getDate(); | 110 | + let present_date = ('0'+(present.getDate())).slice(-2); |
161 | let present_time = ('0'+(present.getHours())).slice(-2); | 111 | let present_time = ('0'+(present.getHours())).slice(-2); |
162 | 112 | ||
163 | //현재 년도, 월, 날짜를 YYYYMMDD형태로 변형 | 113 | //현재 년도, 월, 날짜를 YYYYMMDD형태로 변형 |
... | @@ -634,25 +584,4 @@ | ... | @@ -634,25 +584,4 @@ |
634 | 584 | ||
635 | </main> | 585 | </main> |
636 | <!-- Footer--> | 586 | <!-- Footer--> |
637 | - <footer class="bg-dark py-4 mt-auto"> | ||
638 | - <div class="container px-5"> | ||
639 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
640 | - <div class="col-auto"><div class="small m-0 text-white">Copyright © Your Website 2022</div></div> | ||
641 | - <div class="col-auto"> | ||
642 | - <a class="link-light small" href="#!">Privacy</a> | ||
643 | - <span class="text-white mx-1">·</span> | ||
644 | - <a class="link-light small" href="#!">Terms</a> | ||
645 | - <span class="text-white mx-1">·</span> | ||
646 | - <a class="link-light small" href="#!">Contact</a> | ||
647 | - </div> | ||
648 | - </div> | ||
649 | - </div> | ||
650 | - </footer> | ||
651 | - | ||
652 | - | ||
653 | - <!-- Bootstrap core JS--> | ||
654 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
655 | - <!-- Core theme JS--> | ||
656 | - <script src="js/scripts.js"></script> | ||
657 | - </body> | ||
658 | -</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
587 | + <%- include('./footer.ejs') %> | ... | ... |
-
Please register or login to post a comment