김대철 / CafeRecommend

Go to a project
Toggle navigation Toggle navigation pinning
김대철
b2c920f0 2 parents 3fd39321 e893491a

Merge branch 'detail'

Inline Side-by-side
Showing 4 changed files with 405 additions and 164 deletions
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 -<head> 3 + <head>
4 - <meta charset="UTF-8"> 4 + <meta charset="UTF-8" />
5 <script src="https://apis.google.com/js/platform.js" async defer></script> 5 <script src="https://apis.google.com/js/platform.js" async defer></script>
6 + <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 + <title>Cafe Map</title>
6 <meta name="google-signin-client_id" content=<%=client_id%>> 8 <meta name="google-signin-client_id" content=<%=client_id%>>
7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 - <title>Cafe Map</title> 10 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" integrity="undefined" crossorigin="anonymous">
9 - <link rel="stylesheet" href="stylesheets/bootstrap.css">
10 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap" rel="stylesheet"> 11 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap" rel="stylesheet">
11 12
12 <style> 13 <style>
13 - img{ 14 + img {
14 - max-width: 100%; 15 + max-width: 100%;
15 - height: 100% !important; 16 + height: 100% !important;
16 - } 17 + }
17 - h1{font-family: 'Noto Sans KR', sans-serif;} 18 + h1 {
18 - h4{font-family: 'Noto Sans KR', sans-serif;} 19 + font-family: "Noto Sans KR", sans-serif;
19 - h2{font-family: 'Noto Sans KR', sans-serif;} 20 + }
20 - h3{font-family: 'Noto Sans KR', sans-serif;} 21 + h4 {
21 - h5{font-family: 'Noto Sans KR', sans-serif;} 22 + font-family: "Noto Sans KR", sans-serif;
22 - .center{ 23 + }
23 - background-color: #848484; 24 + h2 {
24 - margin-right: 20%; 25 + font-family: "Noto Sans KR", sans-serif;
25 - margin-left: 20%; 26 + }
26 - margin-top: 5%; 27 + h3 {
27 - text-align:center; 28 + font-family: "Noto Sans KR", sans-serif;
28 - } 29 + }
29 - .g-signin2{ 30 + h5 {
30 - width: 100%; 31 + font-family: "Noto Sans KR", sans-serif;
31 - } 32 + }
33 + .center {
34 + background-color: #848484;
35 + margin-right: 20%;
36 + margin-left: 20%;
37 + margin-top: 5%;
38 + text-align: center;
39 + }
40 + .g-signin2 {
41 + width: 100%;
42 + }
32 43
33 - .g-signin2 > div{ 44 + .g-signin2 > div {
34 - margin: 0 auto; 45 + margin: 0 auto;
35 - } 46 + }
36 </style> 47 </style>
48 + </head>
37 49
50 + <body>
51 + <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
52 + <button
53 + class="navbar-toggler"
54 + type="button"
55 + data-toggle="collapse"
56 + data-target="#navbarSupportedContent"
57 + aria-controls="navbarSupportedContent"
58 + aria-expanded="false"
59 + aria-label="Toggle navigation"
60 + >
61 + <span class="navbar-toggler-icon"></span>
62 + </button>
63 + <div class="collapse navbar-collapse" id="navbarSupportedContent">
64 + <a class="navbar-brand" href="/"><strong>Home</strong></a>
65 + <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
66 + <li class="nav-item active">
67 + <a
68 + class="nav-link"
69 + style="color: #ffffff"
70 + href="/"
71 + onclick="signOut();"
72 + >Logout<span class="sr-only">(current)</span></a
73 + >
74 + </li>
75 + </ul>
76 + </div>
77 + </nav>
78 + <br /><br />
79 + <div class="center">
80 + <br />
81 + <h5 class="display-5 font-weight-bold" style="color: white">
82 + Cafe Recommend
83 + </h5>
84 + <br /><br />
85 + <div
86 + class="g-signin2"
87 + data-onsuccess="onSignIn"
88 + -theme="light"
89 + data-width="300"
90 + data-height="50"
91 + data-longtitle="true"
92 + >
93 + button
94 + </div>
95 + <br /><br />
38 </head> 96 </head>
39 97
40 <body> 98 <body>
...@@ -46,42 +104,35 @@ ...@@ -46,42 +104,35 @@
46 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 104 <div class="collapse navbar-collapse" id="navbarSupportedContent">
47 <a class="navbar-brand" href="/" style="margin-left: 10px"><strong>Home</strong></a> 105 <a class="navbar-brand" href="/" style="margin-left: 10px"><strong>Home</strong></a>
48 </div> 106 </div>
49 -</nav> 107 + </body>
50 -<br><br>
51 - <div class ="center" >
52 - <br>
53 - <h5 class="display-5 font-weight-bold" style="color: white">Cafe Recommend</h5>
54 - <br><br>
55 - <div class="g-signin2" data-onsuccess="onSignIn" -theme="light" data-width="300" data-height="50" data-longtitle="true">button</div>
56 - <br><br>
57 - </div>
58 -</body>
59 108
109 + <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
110 + <script
111 + src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
112 + integrity="undefined"
113 + crossorigin="anonymous"
114 + ></script>
60 115
61 -<script> 116 + <script>
62 function onSignIn(googleUser) { 117 function onSignIn(googleUser) {
63 - var id_token = googleUser.getAuthResponse().id_token; 118 + var id_token = googleUser.getAuthResponse().id_token;
64 - var xhr = new XMLHttpRequest(); 119 + var xhr = new XMLHttpRequest();
65 - xhr.open('POST', '/index'); 120 + xhr.open("POST", "/index");
66 - xhr.setRequestHeader('Content-Type', 'application/json'); 121 + xhr.setRequestHeader("Content-Type", "application/json");
67 - xhr.onload = function() { 122 + xhr.onload = function () {
68 - console.log('Signed in as: ' + xhr.responseText); 123 + console.log("Signed in as: " + xhr.responseText);
69 - if(xhr.responseText == 'success'){ 124 + if (xhr.responseText == "success") {
70 - signOut(); 125 + signOut();
71 - location.assign('/login'); 126 + location.assign("/login");
72 - } 127 + }
73 - }; 128 + };
74 - xhr.send(JSON.stringify({token : id_token})); 129 + xhr.send(JSON.stringify({ token: id_token }));
75 } 130 }
76 -
77 function signOut() { 131 function signOut() {
78 var auth2 = gapi.auth2.getAuthInstance(); 132 var auth2 = gapi.auth2.getAuthInstance();
79 auth2.signOut().then(function () { 133 auth2.signOut().then(function () {
80 console.log("User signed out."); 134 console.log("User signed out.");
81 }); 135 });
82 } 136 }
83 -</script> 137 + </script>
84 -<script src="javascripts/bootstrap.js"></script>
85 -<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
86 </html> 138 </html>
87 -
......
...@@ -6,7 +6,12 @@ ...@@ -6,7 +6,12 @@
6 6
7 <title>Sign Up</title> 7 <title>Sign Up</title>
8 8
9 - <link rel="stylesheet" href="stylesheets/bootstrap.css" /> 9 + <link
10 + rel="stylesheet"
11 + href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
12 + integrity="undefined"
13 + crossorigin="anonymous"
14 + />
10 <link 15 <link
11 href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap" 16 href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap"
12 rel="stylesheet" 17 rel="stylesheet"
...@@ -43,7 +48,13 @@ ...@@ -43,7 +48,13 @@
43 <a class="navbar-brand" href="/" style="margin-left: 10px"><strong>Home</strong></a> 48 <a class="navbar-brand" href="/" style="margin-left: 10px"><strong>Home</strong></a>
44 <ul class="navbar-nav mr-auto mt-2 mt-lg-0"> 49 <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
45 <li class="nav-item active"> 50 <li class="nav-item active">
46 - <a class="nav-link" style="color: #ffffff" href="/" onclick="signOut();">Logout<span class="sr-only">(current)</span></a> 51 + <a
52 + class="nav-link"
53 + style="color: #ffffff"
54 + href="/"
55 + onclick="signOut();"
56 + >Logout<span class="sr-only">(current)</span></a
57 + >
47 </li> 58 </li>
48 </ul> 59 </ul>
49 </div> 60 </div>
...@@ -57,115 +68,280 @@ ...@@ -57,115 +68,280 @@
57 <div class="row"> 68 <div class="row">
58 <div class="col-2"></div> 69 <div class="col-2"></div>
59 <div class="col-8"> 70 <div class="col-8">
60 - <hr class="my-2" style="background-color: white"> 71 + <hr class="my-2" style="background-color: white" />
61 <form method="post"> 72 <form method="post">
62 <div class="form-group"> 73 <div class="form-group">
63 <label for="id_input">닉네임을 입력하세요</label> 74 <label for="id_input">닉네임을 입력하세요</label>
64 - <input type="text" class="form-control form-control-lg" name="nickname" aria-describedby="idHelp" placeholder="ID"> 75 + <input
65 - <small id="idHelp" class="form-text text-muted">중복이 허용되지 않습니다.</small> 76 + type="text"
77 + class="form-control form-control-lg"
78 + name="nickname"
79 + aria-describedby="idHelp"
80 + placeholder="ID"
81 + />
82 + <small id="idHelp" class="form-text text-muted"
83 + >중복이 허용되지 않습니다.</small
84 + >
66 </div> 85 </div>
67 - <hr class="my-3" style="background-color: white" > 86 + <hr class="my-3" style="background-color: white" />
68 <div class="form-group"> 87 <div class="form-group">
69 <label for="age_input">나이를 입력하세요</label> 88 <label for="age_input">나이를 입력하세요</label>
70 - <input class="form-control form-control-lg" type="number" name="age" placeholder="Age"> 89 + <input
90 + class="form-control form-control-lg"
91 + type="number"
92 + name="age"
93 + placeholder="Age"
94 + />
71 </div> 95 </div>
72 - <hr class="my-3" style="background-color: white" > 96 + <hr class="my-3" style="background-color: white" />
73 97
74 <label for="gender" class="form-label">성별을 입력하세요</label> 98 <label for="gender" class="form-label">성별을 입력하세요</label>
75 - <select class="form-select form-select-lg" id="gender" name="gender" required> 99 + <select
100 + class="form-select form-select-lg"
101 + id="gender"
102 + name="gender"
103 + required
104 + >
76 <option selected disabled value="">Choose...</option> 105 <option selected disabled value="">Choose...</option>
77 <option value="male">Male</option> 106 <option value="male">Male</option>
78 <option value="female">Female</option> 107 <option value="female">Female</option>
79 </select> 108 </select>
80 - <hr class="my-3" style="background-color: white"> 109 + <hr class="my-3" style="background-color: white" />
81 <hr class="my-2" /> 110 <hr class="my-2" />
82 - <hr class="my-2" style="background-color: white"> 111 + <hr class="my-2" style="background-color: white" />
83 - <div class="pricing-header px-3 py-1 pt-md-3 pb-md-1 mx-auto text-center"> 112 + <div
84 - <h5 class="display- ">PREFERENCE</h5> 113 + class="
85 - <hr class="my-1" style="background-color: white"> 114 + pricing-header
86 - <p>카페를 선택할 떄 중요하게 여기는 요소들의 순위를 매겨주세요.</p> 115 + px-3
116 + py-1
117 + pt-md-3
118 + pb-md-1
119 + mx-auto
120 + text-center
121 + "
122 + >
123 + <h5 class="display-">PREFERENCE</h5>
124 + <hr class="my-1" style="background-color: white" />
125 + <p>
126 + 카페를 선택할 떄 중요하게 여기는 요소들의 순위를 매겨주세요.
127 + </p>
87 <p>[ 순위가 중복되면 안됩니다. ex) 가격 1순위, 친절 1순위(X) ]</p> 128 <p>[ 순위가 중복되면 안됩니다. ex) 가격 1순위, 친절 1순위(X) ]</p>
88 </div> 129 </div>
89 <div class="text-center"> 130 <div class="text-center">
90 - <label for="price_form" class="form-label font-weight-bold" style="margin-right: 15px">가격</label> 131 + <label
91 - <div class="form-check form-check-inline" id="price_form"> 132 + for="price_form"
92 - <input class="form-check-input" type="radio" name="price" id="price1" value="1" checked> 133 + class="form-label font-weight-bold"
93 - <label class="form-check-label" for="price1">1순위</label> 134 + style="margin-right: 15px"
94 - </div> 135 + >가격</label
95 - <div class="form-check form-check-inline"> 136 + >
96 - <input class="form-check-input" type="radio" name="price" id="price2" value="2"> 137 + <div class="form-check form-check-inline" id="price_form">
97 - <label class="form-check-label" for="price2">2순위</label> 138 + <input
98 - </div> 139 + class="form-check-input"
99 - <div class="form-check form-check-inline"> 140 + type="radio"
100 - <input class="form-check-input" type="radio" name="price" id="price3" value="3" > 141 + name="price"
101 - <label class="form-check-label" for="price3">3순위</label> 142 + id="price1"
102 - </div> 143 + value="1"
103 - <div class="form-check form-check-inline"> 144 + checked
104 - <input class="form-check-input" type="radio" name="price" id="price4" value="4" > 145 + />
105 - <label class="form-check-label" for="price4">4순위</label> 146 + <label class="form-check-label" for="price1">1순위</label>
106 - </div> 147 + </div>
107 - <hr class="my-1" style="background-color: white" /> 148 + <div class="form-check form-check-inline">
149 + <input
150 + class="form-check-input"
151 + type="radio"
152 + name="price"
153 + id="price2"
154 + value="2"
155 + />
156 + <label class="form-check-label" for="price2">2순위</label>
157 + </div>
158 + <div class="form-check form-check-inline">
159 + <input
160 + class="form-check-input"
161 + type="radio"
162 + name="price"
163 + id="price3"
164 + value="3"
165 + />
166 + <label class="form-check-label" for="price3">3순위</label>
167 + </div>
168 + <div class="form-check form-check-inline">
169 + <input
170 + class="form-check-input"
171 + type="radio"
172 + name="price"
173 + id="price4"
174 + value="4"
175 + />
176 + <label class="form-check-label" for="price4">4순위</label>
177 + </div>
178 + <hr class="my-1" style="background-color: white" />
108 179
109 - <label for="kindness_form" class="form-label font-weight-bold" style="margin-right: 5px">친절도</label> 180 + <label
110 - <div class="form-check form-check-inline" id="kindness_form"> 181 + for="kindness_form"
111 - <input class="form-check-input" type="radio" name="kindness" id="kindness1" value="1"> 182 + class="form-label font-weight-bold"
112 - <label class="form-check-label" for="kindness">1순위</label> 183 + style="margin-right: 5px"
113 - </div> 184 + >친절도</label
114 - <div class="form-check form-check-inline"> 185 + >
115 - <input class="form-check-input" type="radio" name="kindness" id="kindness2" value="2" checked> 186 + <div class="form-check form-check-inline" id="kindness_form">
116 - <label class="form-check-label" for="kindness2">2순위</label> 187 + <input
117 - </div> 188 + class="form-check-input"
118 - <div class="form-check form-check-inline"> 189 + type="radio"
119 - <input class="form-check-input" type="radio" name="kindness" id="kindness3" value="3" > 190 + name="kindness"
120 - <label class="form-check-label" for="kindness3">3순위</label> 191 + id="kindness1"
121 - </div> 192 + value="1"
122 - <div class="form-check form-check-inline"> 193 + />
123 - <input class="form-check-input" type="radio" name="kindness" id="kindness4" value="4" > 194 + <label class="form-check-label" for="kindness">1순위</label>
124 - <label class="form-check-label" for="kindness4">4순위</label> 195 + </div>
125 - </div> 196 + <div class="form-check form-check-inline">
197 + <input
198 + class="form-check-input"
199 + type="radio"
200 + name="kindness"
201 + id="kindness2"
202 + value="2"
203 + checked
204 + />
205 + <label class="form-check-label" for="kindness2">2순위</label>
206 + </div>
207 + <div class="form-check form-check-inline">
208 + <input
209 + class="form-check-input"
210 + type="radio"
211 + name="kindness"
212 + id="kindness3"
213 + value="3"
214 + />
215 + <label class="form-check-label" for="kindness3">3순위</label>
216 + </div>
217 + <div class="form-check form-check-inline">
218 + <input
219 + class="form-check-input"
220 + type="radio"
221 + name="kindness"
222 + id="kindness4"
223 + value="4"
224 + />
225 + <label class="form-check-label" for="kindness4">4순위</label>
226 + </div>
126 227
127 - <hr class="my-1" style="background-color: white" /> 228 + <hr class="my-1" style="background-color: white" />
128 229
129 - <label for="noise_form" class="form-label font-weight-bold" style="margin-right: 15px">소음</label> 230 + <label
130 - <div class="form-check form-check-inline" id="noise_form"> 231 + for="noise_form"
131 - <input class="form-check-input" type="radio" name="noise" id="noise1" value="1"> 232 + class="form-label font-weight-bold"
132 - <label class="form-check-label" for="noise">1순위</label> 233 + style="margin-right: 15px"
133 - </div> 234 + >소음</label
134 - <div class="form-check form-check-inline"> 235 + >
135 - <input class="form-check-input" type="radio" name="noise" id="noise2" value="2"> 236 + <div class="form-check form-check-inline" id="noise_form">
136 - <label class="form-check-label" for="kindness2">2순위</label> 237 + <input
137 - </div> 238 + class="form-check-input"
138 - <div class="form-check form-check-inline"> 239 + type="radio"
139 - <input class="form-check-input" type="radio" name="noise" id="noise3" value="3" checked> 240 + name="noise"
140 - <label class="form-check-label" for="noise3">3순위</label> 241 + id="noise1"
141 - </div> 242 + value="1"
142 - <div class="form-check form-check-inline"> 243 + />
143 - <input class="form-check-input" type="radio" name="noise" id="noise4" value="4" > 244 + <label class="form-check-label" for="noise">1순위</label>
144 - <label class="form-check-label" for="noise4">4순위</label> 245 + </div>
145 - </div> 246 + <div class="form-check form-check-inline">
247 + <input
248 + class="form-check-input"
249 + type="radio"
250 + name="noise"
251 + id="noise2"
252 + value="2"
253 + />
254 + <label class="form-check-label" for="kindness2">2순위</label>
255 + </div>
256 + <div class="form-check form-check-inline">
257 + <input
258 + class="form-check-input"
259 + type="radio"
260 + name="noise"
261 + id="noise3"
262 + value="3"
263 + checked
264 + />
265 + <label class="form-check-label" for="noise3">3순위</label>
266 + </div>
267 + <div class="form-check form-check-inline">
268 + <input
269 + class="form-check-input"
270 + type="radio"
271 + name="noise"
272 + id="noise4"
273 + value="4"
274 + />
275 + <label class="form-check-label" for="noise4">4순위</label>
276 + </div>
146 277
147 - <hr class="my-1" style="background-color: white" /> 278 + <hr class="my-1" style="background-color: white" />
148 279
149 - <label for="accessibility_form" class="form-label font-weight-bold" style="margin-right: 5px">접근성</label> 280 + <label
150 - <div class="form-check form-check-inline" id="accessibility_form"> 281 + for="accessibility_form"
151 - <input class="form-check-input" type="radio" name="accessibility" id="accessibility1" value="1"> 282 + class="form-label font-weight-bold"
152 - <label class="form-check-label" for="accessibility">1순위</label> 283 + style="margin-right: 5px"
153 - </div> 284 + >접근성</label
154 - <div class="form-check form-check-inline"> 285 + >
155 - <input class="form-check-input" type="radio" name="accessibility" id="accessibility2" value="2"> 286 + <div class="form-check form-check-inline" id="accessibility_form">
156 - <label class="form-check-label" for="accessibility2">2순위</label> 287 + <input
157 - </div> 288 + class="form-check-input"
158 - <div class="form-check form-check-inline"> 289 + type="radio"
159 - <input class="form-check-input" type="radio" name="accessibility" id="accessibility3" value="3" > 290 + name="accessibility"
160 - <label class="form-check-label" for="accessibility3">3순위</label> 291 + id="accessibility1"
161 - </div> 292 + value="1"
162 - <div class="form-check form-check-inline"> 293 + />
163 - <input class="form-check-input" type="radio" name="accessibility" id="accessibility4" value="4" checked> 294 + <label class="form-check-label" for="accessibility"
164 - <label class="form-check-label" for="accessibility4">4순위</label> 295 + >1순위</label
165 - </div> 296 + >
297 + </div>
298 + <div class="form-check form-check-inline">
299 + <input
300 + class="form-check-input"
301 + type="radio"
302 + name="accessibility"
303 + id="accessibility2"
304 + value="2"
305 + />
306 + <label class="form-check-label" for="accessibility2"
307 + >2순위</label
308 + >
309 + </div>
310 + <div class="form-check form-check-inline">
311 + <input
312 + class="form-check-input"
313 + type="radio"
314 + name="accessibility"
315 + id="accessibility3"
316 + value="3"
317 + />
318 + <label class="form-check-label" for="accessibility3"
319 + >3순위</label
320 + >
321 + </div>
322 + <div class="form-check form-check-inline">
323 + <input
324 + class="form-check-input"
325 + type="radio"
326 + name="accessibility"
327 + id="accessibility4"
328 + value="4"
329 + checked
330 + />
331 + <label class="form-check-label" for="accessibility4"
332 + >4순위</label
333 + >
334 + </div>
166 </div> 335 </div>
167 <hr class="my-3" style="background-color: white" /> 336 <hr class="my-3" style="background-color: white" />
168 - <button type="submit" style="float: right" class="btn btn-primary btn-lg" id="please">Submit</button> 337 + <button
338 + type="submit"
339 + style="float: right"
340 + class="btn btn-primary btn-lg"
341 + id="please"
342 + >
343 + Submit
344 + </button>
169 </form> 345 </form>
170 </div> 346 </div>
171 <div class="col-2"></div> 347 <div class="col-2"></div>
...@@ -179,24 +355,20 @@ ...@@ -179,24 +355,20 @@
179 "다른 NICKNAME을 입력하여 주세요" 355 "다른 NICKNAME을 입력하여 주세요"
180 ); 356 );
181 </script> 357 </script>
182 - <%}%> 358 + <%}%> <%if (message=='need data'){%>
183 - 359 + <script type="text/javascript">
184 - <%if (message=='need data'){%> 360 + alert(
185 - <script type="text/javascript"> 361 + "입력하시지 않은 정보가 있습니다." +
186 - alert( 362 + "모든 정보를 입력해주시길 바라겠습니다."
187 - "입력하시지 않은 정보가 있습니다." + 363 + );
188 - "모든 정보를 입력해주시길 바라겠습니다." 364 + </script>
189 - ); 365 + <%}%> <%if (message=='wrong preference'){%>
190 - </script> 366 + <script type="text/javascript">
191 - <%}%> 367 + alert(
192 - 368 + "중복된 선호도 순위가 있습니다." +
193 - <%if (message=='wrong preference'){%> 369 + "순위를 겹치지 않게해주세요(ex 1 3 2 4)"
194 - <script type="text/javascript"> 370 + );
195 - alert( 371 + </script>
196 - "중복된 선호도 순위가 있습니다." +
197 - "순위를 겹치지 않게해주세요(ex 1 3 2 4)"
198 - );
199 - </script>
200 <%}%> 372 <%}%>
201 </body> 373 </body>
202 <script> 374 <script>
...@@ -207,6 +379,10 @@ ...@@ -207,6 +379,10 @@
207 }); 379 });
208 } 380 }
209 </script> 381 </script>
210 - <script src="javascripts/bootstrap.js"></script>
211 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 382 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
383 + <script
384 + src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
385 + integrity="undefined"
386 + crossorigin="anonymous"
387 + ></script>
212 </html> 388 </html>
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 - <link rel="stylesheet" href="stylesheets/bootstrap.css" /> 4 + <link
5 + rel="stylesheet"
6 + href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
7 + integrity="undefined"
8 + crossorigin="anonymous"
9 + />
5 <title>Cafe Map</title> 10 <title>Cafe Map</title>
6 <style> 11 <style>
7 .btn-primary { 12 .btn-primary {
...@@ -379,8 +384,12 @@ ...@@ -379,8 +384,12 @@
379 placeOverlay.setMap(map); 384 placeOverlay.setMap(map);
380 } 385 }
381 </script> 386 </script>
382 - <script src="javascripts/bootstrap.js"></script>
383 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 387 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
388 + <script
389 + src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"
390 + integrity="undefined"
391 + crossorigin="anonymous"
392 + ></script>
384 393
385 <!-- 모달 바디 --> 394 <!-- 모달 바디 -->
386 <div 395 <div
......
...@@ -5,7 +5,12 @@ ...@@ -5,7 +5,12 @@
5 5
6 <title>Enroll Review</title> 6 <title>Enroll Review</title>
7 7
8 - <link rel="stylesheet" href="/stylesheets/bootstrap.css"> 8 + <link
9 + rel="stylesheet"
10 + href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
11 + integrity="undefined"
12 + crossorigin="anonymous"
13 + />
9 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap" rel="stylesheet"> 14 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap" rel="stylesheet">
10 15
11 <style> 16 <style>
...@@ -117,6 +122,6 @@ ...@@ -117,6 +122,6 @@
117 </div> 122 </div>
118 </section> 123 </section>
119 </body> 124 </body>
120 -<script src="/javascripts/bootstrap.js"></script>
121 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 125 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
126 +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="undefined" crossorigin="anonymous"></script>
122 </html> 127 </html>
...\ No newline at end of file ...\ No newline at end of file
......