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

김대철
Commit b5cb78d89c576d53143ee398580c9133d73068d1 b5cb78d8 1 parent e5a3d2b9
Showing 4 changed files with 112 additions and 52 deletions
views/index.ejs
views/login.ejs
views/map.ejs
views/review.ejs
--- a/views/index.ejs
View file @b5cb78d
+++ b/views/index.ejs
View file @b5cb78d
 <!DOCTYPE html>
 <html>
-<head>
+  <head>
-    <meta charset="UTF-8">
+    <meta charset="UTF-8" />
     <script src="https://apis.google.com/js/platform.js" async defer></script>
-    <meta name="google-signin-client_id" content="94679084723-s5f0686p2porp9mkakrp1p89a48n24nj.apps.googleusercontent.com">
+    <meta
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      name="google-signin-client_id"
+      content="94679084723-s5f0686p2porp9mkakrp1p89a48n24nj.apps.googleusercontent.com"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>first</title>
-    <link rel="stylesheet" href="stylesheets/bootstrap.css">
+    <link
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap" rel="stylesheet">
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
+      integrity="undefined"
+      crossorigin="anonymous"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap"
+      rel="stylesheet"
+    />
     <style>
-        img{
+      img {
         max-width: 100%;
         height: 100% !important;
       }
-        h1{font-family: 'Noto Sans KR', sans-serif;}
+      h1 {
-        h4{font-family: 'Noto Sans KR', sans-serif;}
+        font-family: "Noto Sans KR", sans-serif;
-        h2{font-family: 'Noto Sans KR', sans-serif;}
+      }
-        h3{font-family: 'Noto Sans KR', sans-serif;}
+      h4 {
-        h5{font-family: 'Noto Sans KR', sans-serif;}
+        font-family: "Noto Sans KR", sans-serif;
-        .center{
+      }
+      h2 {
+        font-family: "Noto Sans KR", sans-serif;
+      }
+      h3 {
+        font-family: "Noto Sans KR", sans-serif;
+      }
+      h5 {
+        font-family: "Noto Sans KR", sans-serif;
+      }
+      .center {
         background-color: #848484;
         margin-right: 20%;
         margin-left: 20%;
         margin-top: 5%;
-            text-align:center;
+        text-align: center;
       }
-        .g-signin2{
+      .g-signin2 {
         width: 100%;
       }
-        .g-signin2 > div{
+      .g-signin2 > div {
         margin: 0 auto;
       }
     </style>
+  </head>
-</head>
+  <body>
-
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-<body>
+      <a class="navbar-brand" href="/"
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        ><img src="images/home.png" width="40" height="40" alt="" />
-    <a class="navbar-brand" href="/"><img src="images/home.png" width="40" height="40" alt="">
       </a>
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <button
+        class="navbar-toggler"
+        type="button"
+        data-toggle="collapse"
+        data-target="#navbarSupportedContent"
+        aria-controls="navbarSupportedContent"
+        aria-expanded="false"
+        aria-label="Toggle navigation"
+      >
         <span class="navbar-toggler-icon"></span>
       </button>
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
-        <a class="navbar-brand" href="/" ><strong>Home</strong></a>
+        <a class="navbar-brand" href="/"><strong>Home</strong></a>
         <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
-
           <li class="nav-item active">
-                <a class="nav-link" style="color:#ffffff" href="/" onclick="signOut();">Logout<span class="sr-only">(current)</span></a>
+            <a
+              class="nav-link"
+              style="color: #ffffff"
+              href="/"
+              onclick="signOut();"
+              >Logout<span class="sr-only">(current)</span></a
+            >
           </li>
-
         </ul>
       </div>
-</nav>
+    </nav>
-<br><br>
+    <br /><br />
-    <div class ="center" >
+    <div class="center">
-        <br>
+      <br />
-        <h5 class="display-5 font-weight-bold" style="color: white">Cafe Recommend</h5>
+      <h5 class="display-5 font-weight-bold" style="color: white">
-        <br><br>
+        Cafe Recommend
-        <div class="g-signin2" data-onsuccess="onSignIn" -theme="light" data-width="300" data-height="50" data-longtitle="true">button</div>
+      </h5>
-        <br><br>
+      <br /><br />
+      <div
+        class="g-signin2"
+        data-onsuccess="onSignIn"
+        -theme="light"
+        data-width="300"
+        data-height="50"
+        data-longtitle="true"
+      >
+        button
       </div>
-</body>
+      <br /><br />
-
+    </div>
+  </body>
-<script>
+  <script>
     function onSignIn(googleUser) {
       var id_token = googleUser.getAuthResponse().id_token;
       var xhr = new XMLHttpRequest();
-        xhr.open('POST', '/index');
+      xhr.open("POST", "/index");
-        xhr.setRequestHeader('Content-Type', 'application/json');
+      xhr.setRequestHeader("Content-Type", "application/json");
-        xhr.onload = function() {
+      xhr.onload = function () {
-            console.log('Signed in as: ' + xhr.responseText);
+        console.log("Signed in as: " + xhr.responseText);
-            if(xhr.responseText == 'success'){
+        if (xhr.responseText == "success") {
           signOut();
-                location.assign('/login');
+          location.assign("/login");
         }
       };
-        xhr.send(JSON.stringify({token : id_token}));
+      xhr.send(JSON.stringify({ token: id_token }));
     }
-</script>
+  </script>
-<script src="javascripts/bootstrap.js"></script>
+  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
-<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+  <script
+    src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
+    integrity="undefined"
+    crossorigin="anonymous"
+  ></script>
 </html>
-
--- a/views/login.ejs
View file @b5cb78d
+++ b/views/login.ejs
View file @b5cb78d
--- a/views/map.ejs
View file @b5cb78d
+++ b/views/map.ejs
View file @b5cb78d
 <!DOCTYPE html>
 <html>
   <head>
-    <link rel="stylesheet" href="stylesheets/bootstrap.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
+      integrity="undefined"
+      crossorigin="anonymous"
+    />
     <title>Cafe Map</title>
     <style>
       .navbar {
@@ -378,8 +383,12 @@
         placeOverlay.setMap(map);
       }
     </script>
-    <script src="javascripts/bootstrap.js"></script>
     <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"
+      integrity="undefined"
+      crossorigin="anonymous"
+    ></script>
     <!-- 모달 바디 -->
     <div
--- a/views/review.ejs
View file @b5cb78d
+++ b/views/review.ejs
View file @b5cb78d
@@ -5,7 +5,12 @@
     <title>Enroll Review</title>
-    <link rel="stylesheet" href="/stylesheets/bootstrap.css">
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
+      integrity="undefined"
+      crossorigin="anonymous"
+    />
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap" rel="stylesheet">
     <style>
@@ -123,6 +128,6 @@
     </div>
 </section>
 </body>
-<script src="/javascripts/bootstrap.js"></script>
 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="undefined" crossorigin="anonymous"></script>
 </html>
\ No newline at end of file