김대철 / CafeRecommend

Go to a project
Toggle navigation Toggle navigation pinning
김대철
b5cb78d8 1 parent e5a3d2b9

CHORE: 부트스트랩 CDN으로 변경

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