김민규 / rest_stop_list

Go to a project
Toggle navigation Toggle navigation pinning
min1925k@gmail.com
49666f76 1 parent 262b7808

header footer chage to ejs

Inline Side-by-side
Showing 23 changed files with 121 additions and 1120 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
......
1 -<!DOCTYPE html>
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 - <!-- Page content-->
49 - <section class="py-5">
50 - <div class="container px-5">
51 - <!-- Contact form-->
52 - <div class="bg-light rounded-3 py-5 px-4 px-md-5 mb-5">
53 - <div class="text-center mb-5">
54 - <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-envelope"></i></div>
55 - <h1 class="fw-bolder">Get in touch</h1>
56 - <p class="lead fw-normal text-muted mb-0">We'd love to hear from you</p>
57 - </div>
58 - <div class="row gx-5 justify-content-center">
59 - <div class="col-lg-8 col-xl-6">
60 - <!-- * * * * * * * * * * * * * * *-->
61 - <!-- * * SB Forms Contact Form * *-->
62 - <!-- * * * * * * * * * * * * * * *-->
63 - <!-- This form is pre-integrated with SB Forms.-->
64 - <!-- To make this form functional, sign up at-->
65 - <!-- https://startbootstrap.com/solution/contact-forms-->
66 - <!-- to get an API token!-->
67 - <form id="contactForm" data-sb-form-api-token="API_TOKEN">
68 - <!-- Name input-->
69 - <div class="form-floating mb-3">
70 - <input class="form-control" id="name" type="text" placeholder="Enter your name..." data-sb-validations="required" />
71 - <label for="name">Full name</label>
72 - <div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
73 - </div>
74 - <!-- Email address input-->
75 - <div class="form-floating mb-3">
76 - <input class="form-control" id="email" type="email" placeholder="name@example.com" data-sb-validations="required,email" />
77 - <label for="email">Email address</label>
78 - <div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
79 - <div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
80 - </div>
81 - <!-- Phone number input-->
82 - <div class="form-floating mb-3">
83 - <input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" />
84 - <label for="phone">Phone number</label>
85 - <div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div>
86 - </div>
87 - <!-- Message input-->
88 - <div class="form-floating mb-3">
89 - <textarea class="form-control" id="message" type="text" placeholder="Enter your message here..." style="height: 10rem" data-sb-validations="required"></textarea>
90 - <label for="message">Message</label>
91 - <div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div>
92 - </div>
93 - <!-- Submit success message-->
94 - <!---->
95 - <!-- This is what your users will see when the form-->
96 - <!-- has successfully submitted-->
97 - <div class="d-none" id="submitSuccessMessage">
98 - <div class="text-center mb-3">
99 - <div class="fw-bolder">Form submission successful!</div>
100 - To activate this form, sign up at
101 - <br />
102 - <a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
103 - </div>
104 - </div>
105 - <!-- Submit error message-->
106 - <!---->
107 - <!-- This is what your users will see when there is-->
108 - <!-- an error submitting the form-->
109 - <div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
110 - <!-- Submit Button-->
111 - <div class="d-grid"><button class="btn btn-primary btn-lg disabled" id="submitButton" type="submit">Submit</button></div>
112 - </form>
113 - </div>
114 - </div>
115 - </div>
116 - <!-- Contact cards-->
117 - <div class="row gx-5 row-cols-2 row-cols-lg-4 py-5">
118 - <div class="col">
119 - <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-chat-dots"></i></div>
120 - <div class="h5 mb-2">Chat with us</div>
121 - <p class="text-muted mb-0">Chat live with one of our support specialists.</p>
122 - </div>
123 - <div class="col">
124 - <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-people"></i></div>
125 - <div class="h5">Ask the community</div>
126 - <p class="text-muted mb-0">Explore our community forums and communicate with other users.</p>
127 - </div>
128 - <div class="col">
129 - <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-question-circle"></i></div>
130 - <div class="h5">Support center</div>
131 - <p class="text-muted mb-0">Browse FAQ's and support articles to find solutions.</p>
132 - </div>
133 - <div class="col">
134 - <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-telephone"></i></div>
135 - <div class="h5">Call us</div>
136 - <p class="text-muted mb-0">Call us during normal business hours at (555) 892-9403.</p>
137 - </div>
138 - </div>
139 - </div>
140 - </section>
141 - </main>
142 - <!-- Footer-->
143 - <footer class="bg-dark py-4 mt-auto">
144 - <div class="container px-5">
145 - <div class="row align-items-center justify-content-between flex-column flex-sm-row">
146 - <div class="col-auto"><div class="small m-0 text-white">Copyright &copy; Your Website 2022</div></div>
147 - <div class="col-auto">
148 - <a class="link-light small" href="#!">Privacy</a>
149 - <span class="text-white mx-1">&middot;</span>
150 - <a class="link-light small" href="#!">Terms</a>
151 - <span class="text-white mx-1">&middot;</span>
152 - <a class="link-light small" href="#!">Contact</a>
153 - </div>
154 - </div>
155 - </div>
156 - </footer>
157 - <!-- Bootstrap core JS-->
158 - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
159 - <!-- Core theme JS-->
160 - <script src="js/scripts.js"></script>
161 - <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
162 - <!-- * * SB Forms JS * *-->
163 - <!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
164 - <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
165 - <script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
166 - </body>
167 -</html>
1 -<!DOCTYPE html>
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 h-100">
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 - <!-- Page Content-->
49 - <section class="py-5">
50 - <div class="container px-5 my-5">
51 - <div class="text-center mb-5">
52 - <h1 class="fw-bolder">Frequently Asked Questions</h1>
53 - <p class="lead fw-normal text-muted mb-0">How can we help you?</p>
54 - </div>
55 - <div class="row gx-5">
56 - <div class="col-xl-8">
57 - <!-- FAQ Accordion 1-->
58 - <h2 class="fw-bolder mb-3">Account &amp; Billing</h2>
59 - <div class="accordion mb-5" id="accordionExample">
60 - <div class="accordion-item">
61 - <h3 class="accordion-header" id="headingOne"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Accordion Item #1</button></h3>
62 - <div class="accordion-collapse collapse show" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
63 - <div class="accordion-body">
64 - <strong>This is the first item's accordion body.</strong>
65 - It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
66 - <code>.accordion-body</code>
67 - , though the transition does limit overflow.
68 - </div>
69 - </div>
70 - </div>
71 - <div class="accordion-item">
72 - <h3 class="accordion-header" id="headingTwo"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Accordion Item #2</button></h3>
73 - <div class="accordion-collapse collapse" id="collapseTwo" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
74 - <div class="accordion-body">
75 - <strong>This is the second item's accordion body.</strong>
76 - It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
77 - <code>.accordion-body</code>
78 - , though the transition does limit overflow.
79 - </div>
80 - </div>
81 - </div>
82 - <div class="accordion-item">
83 - <h3 class="accordion-header" id="headingThree"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Accordion Item #3</button></h3>
84 - <div class="accordion-collapse collapse" id="collapseThree" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
85 - <div class="accordion-body">
86 - <strong>This is the third item's accordion body.</strong>
87 - It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
88 - <code>.accordion-body</code>
89 - , though the transition does limit overflow.
90 - </div>
91 - </div>
92 - </div>
93 - </div>
94 - <!-- FAQ Accordion 2-->
95 - <h2 class="fw-bolder mb-3">Website Issues</h2>
96 - <div class="accordion mb-5 mb-xl-0" id="accordionExample2">
97 - <div class="accordion-item">
98 - <h3 class="accordion-header" id="headingOne"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Accordion Item #1</button></h3>
99 - <div class="accordion-collapse collapse show" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample2">
100 - <div class="accordion-body">
101 - <strong>This is the first item's accordion body.</strong>
102 - It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
103 - <code>.accordion-body</code>
104 - , though the transition does limit overflow.
105 - </div>
106 - </div>
107 - </div>
108 - <div class="accordion-item">
109 - <h3 class="accordion-header" id="headingTwo"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Accordion Item #2</button></h3>
110 - <div class="accordion-collapse collapse" id="collapseTwo" aria-labelledby="headingTwo" data-bs-parent="#accordionExample2">
111 - <div class="accordion-body">
112 - <strong>This is the second item's accordion body.</strong>
113 - It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
114 - <code>.accordion-body</code>
115 - , though the transition does limit overflow.
116 - </div>
117 - </div>
118 - </div>
119 - <div class="accordion-item">
120 - <h3 class="accordion-header" id="headingThree"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Accordion Item #3</button></h3>
121 - <div class="accordion-collapse collapse" id="collapseThree" aria-labelledby="headingThree" data-bs-parent="#accordionExample2">
122 - <div class="accordion-body">
123 - <strong>This is the third item's accordion body.</strong>
124 - It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
125 - <code>.accordion-body</code>
126 - , though the transition does limit overflow.
127 - </div>
128 - </div>
129 - </div>
130 - </div>
131 - </div>
132 - <div class="col-xl-4">
133 - <div class="card border-0 bg-light mt-xl-5">
134 - <div class="card-body p-4 py-lg-5">
135 - <div class="d-flex align-items-center justify-content-center">
136 - <div class="text-center">
137 - <div class="h6 fw-bolder">Have more questions?</div>
138 - <p class="text-muted mb-4">
139 - Contact us at
140 - <br />
141 - <a href="#!">support@domain.com</a>
142 - </p>
143 - <div class="h6 fw-bolder">Follow us</div>
144 - <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-twitter"></i></a>
145 - <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-facebook"></i></a>
146 - <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-linkedin"></i></a>
147 - <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-youtube"></i></a>
148 - </div>
149 - </div>
150 - </div>
151 - </div>
152 - </div>
153 - </div>
154 - </div>
155 - </section>
156 - </main>
157 - <!-- Footer-->
158 - <footer class="bg-dark py-4 mt-auto">
159 - <div class="container px-5">
160 - <div class="row align-items-center justify-content-between flex-column flex-sm-row">
161 - <div class="col-auto"><div class="small m-0 text-white">Copyright &copy; Your Website 2022</div></div>
162 - <div class="col-auto">
163 - <a class="link-light small" href="#!">Privacy</a>
164 - <span class="text-white mx-1">&middot;</span>
165 - <a class="link-light small" href="#!">Terms</a>
166 - <span class="text-white mx-1">&middot;</span>
167 - <a class="link-light small" href="#!">Contact</a>
168 - </div>
169 - </div>
170 - </div>
171 - </footer>
172 - <!-- Bootstrap core JS-->
173 - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
174 - <!-- Core theme JS-->
175 - <script src="js/scripts.js"></script>
176 - </body>
177 -</html>
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 &copy; 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">&middot;</span>
8 + <a class="link-light small" href="#!">Terms</a>
9 + <span class="text-white mx-1">&middot;</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 &copy; 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">&middot;</span>
492 - <a class="link-light small" href="#!">Terms</a>
493 - <span class="text-white mx-1">&middot;</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>
......
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') %>
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 &copy; 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">&middot;</span>
88 - <a class="link-light small" href="#!">Terms</a>
89 - <span class="text-white mx-1">&middot;</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"> 2 + <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
3 - <head> 3 + <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
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>
17 - <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 &copy; 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">&middot;</span>
227 - <a class="link-light small" href="#!">Terms</a>
228 - <span class="text-white mx-1">&middot;</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>
......
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 &copy; 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">&middot;</span>
63 - <a class="link-light small" href="#!">Terms</a>
64 - <span class="text-white mx-1">&middot;</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 &copy; 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">&middot;</span>
110 - <a class="link-light small" href="#!">Terms</a>
111 - <span class="text-white mx-1">&middot;</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 &copy; 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">&middot;</span>
115 - <a class="link-light small" href="#!">Terms</a>
116 - <span class="text-white mx-1">&middot;</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') %>
......
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') %>
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 &copy; 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">&middot;</span>
96 - <a class="link-light small" href="#!">Terms</a>
97 - <span class="text-white mx-1">&middot;</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 &copy; 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">&middot;</span>
644 - <a class="link-light small" href="#!">Terms</a>
645 - <span class="text-white mx-1">&middot;</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') %>
......