fix:Change static path and remove unnecessary packages

gurumnyang · gurumnyang · commit 3b066f7a63ad · 2024-11-11T16:12:17.000+09:00
- Updated static path: static folder is now accessible via /* instead of /public/*.
- Removed unnecessary packages.
diff --git a/app.js b/app.js
@@ -6,7 +6,6 @@ const logger = require('morgan');
 const helmet = require('helmet');
 const passport = require('passport');
 const session = require('express-session');
-const flash = require('connect-flash');
 
 const indexRouter = require('./routes/index');
 const usersRouter = require('./routes/users');
@@ -37,10 +36,6 @@ app.use(passport.initialize());
 app.use(passport.session());
 require('./config/passport')(passport);
 
-//favicon
-const favicon = require('serve-favicon');
-app.use(favicon(path.join(__dirname, 'public',  'favicon.png')));
-
 app.use(logger('dev'));
 app.use(express.json());
 app.use(express.urlencoded({ extended: false }));
@@ -57,24 +52,14 @@ app.use(helmet.contentSecurityPolicy(
         }
     })
 );
-app.use('/public', express.static(path.join(__dirname, 'public')));
+app.use(express.static(path.join(__dirname, 'public')));
 
-app.use(flash());
 
 app.use('/', indexRouter);
 app.use('/users', usersRouter);
 app.use("/auth", authRouter);
 app.use('/market', marketRouter);
 
-// 플래시 메시지를 로컬 변수로 설정
-app.use((req, res, next) => {
-    res.locals.success_msg = req.flash('success_msg');
-    res.locals.error_msg = req.flash('error_msg');
-    res.locals.error = req.flash('error');
-    next();
-});
-
-
 app.use(function(req, res, next) {
   next(createError(404));
 });
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -7,7 +7,6 @@
   },
   "dependencies": {
     "bcryptjs": "^2.4.3",
-    "connect-flash": "^0.1.1",
     "cookie-parser": "~1.4.4",
     "debug": "~2.6.9",
     "dotenv": "^16.4.5",
@@ -17,12 +16,10 @@
     "helmet": "^8.0.0",
     "http-errors": "~1.6.3",
     "joi": "^17.13.3",
-    "mongodb": "^6.10.0",
     "mongoose": "^8.6.1",
     "morgan": "~1.9.1",
     "nodemon": "^3.1.7",
     "passport": "^0.7.0",
-    "passport-local": "^1.0.0",
-    "serve-favicon": "^2.5.0"
+    "passport-local": "^1.0.0"
   }
 }
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/html/features.html b/public/html/features.html
@@ -1,6 +1,6 @@
 <!doctype html>
 <html lang="en" data-bs-theme="auto">
-  <head><script src="/public/js/color-modes.js"></script>
+  <head><script src="/js/color-modes.js"></script>
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
diff --git a/public/js/install-prompt.js b/public/js/install-prompt.js
@@ -2,7 +2,7 @@ let deferredPrompt;
 
 if ('serviceWorker' in navigator) {
     window.addEventListener('load', () => {
-        navigator.serviceWorker.register('/public/js/service-worker.js')
+        navigator.serviceWorker.register('/js/service-worker.js')
             .then(registration => {
                 console.log('Service Worker registered:', registration);
             })
diff --git a/views/error.ejs b/views/error.ejs
@@ -11,7 +11,7 @@
 
 <body>
 
-<script src="/public/js/color-modes.js"></script>
+<script src="/js/color-modes.js"></script>
 
 <div class="d-flex align-items-center justify-content-center vh-100">
     <div class="text-center">
@@ -24,7 +24,7 @@
         <a class="btn btn-outline-primary" id="back-button">이전 페이지로</a>
     </div>
 </div>
-<script src="/public/js/back-button.js"></script>
+<script src="/js/back-button.js"></script>
 
 
 </body>
diff --git a/views/home.ejs b/views/home.ejs
@@ -1,6 +1,6 @@
 <!doctype html>
 <html lang="kr" data-bs-theme="auto">
-  <head><script src="/public/js/color-modes.js"></script>
+  <head><script src="/js/color-modes.js"></script>
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -25,19 +25,19 @@
         user-select: none;
       }
       .bg-carousel-1 {
-        background-image: url("../public/images/main/ar-airview-min.png");
+        background-image: url("../images/main/ar-airview-min.png");
         background-repeat: no-repeat;
         background-size: cover;
         background-position-y: 50%;
       }
       .bg-carousel-2 {
-          background-image: url("../public/images/main/ar-airview-2-min.png");
+          background-image: url("../images/main/ar-airview-2-min.png");
           background-repeat: no-repeat;
           background-size: cover;
           background-position-y: 50%;
       }
       .ar-logo {
-        background-image: url("public/images/ar-logo.png");
+        background-image: url("/images/ar-logo.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: center;
@@ -100,7 +100,7 @@
 
     
     <!-- Custom styles for this template -->
-    <link href="/public/css/carousel.css" rel="stylesheet">
+    <link href="/css/carousel.css" rel="stylesheet">
   </head>
   <body>
     <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
diff --git a/views/index.ejs b/views/index.ejs
@@ -8,18 +8,18 @@
 
 
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="manifest" href="/public/manifest.json">
-    <script src="/public/js/install-prompt.js"></script>
+    <link rel="manifest" href="/manifest.json">
+    <script src="/js/install-prompt.js"></script>
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7826685582566227"
             crossorigin="anonymous"></script>
   </head>
 
   <body class="d-flex align-items-center py-4 bg-body-tertiary text-center vh-100">
 
-    <script src="/public/js/color-modes.js"></script>
+    <script src="/js/color-modes.js"></script>
     <main class="w-100 m-auto" style="max-width:500px;">
       <div class="border rounded p-5 shadow">
-        <img src="/public/images/ar-logo.png" alt="logo" width="80" height="80"/>
+        <img src="/images/ar-logo.png" alt="logo" width="80" height="80"/>
         <h1><%= title %></h1>
         <p>Welcome to <%= title %></p>
 
diff --git a/views/market-list.ejs b/views/market-list.ejs
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="kr" data-bs-theme="auto">
     <head>
-    <script src="/public/js/color-modes.js"></script>
+    <script src="/js/color-modes.js"></script>
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -18,7 +18,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
 
     <!-- Custom styles for this template -->
-    <link href="/public/css/features.css" rel="stylesheet">
+    <link href="/css/features.css" rel="stylesheet">
     <script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
       <style>
         .bd-placeholder-img {
@@ -29,13 +29,13 @@
           user-select: none;
         }
         .bg-carousel-1 {
-          background-image: url("../public/images/main/ar-airview-min.png");
+          background-image: url("../images/main/ar-airview-min.png");
           background-repeat: no-repeat;
           background-size: cover;
           background-position-y: 50%;
         }
         .bg-carousel-2 {
-          background-image: url("../public/images/main/ar-airview-2-min.png");
+          background-image: url("../images/main/ar-airview-2-min.png");
           background-repeat: no-repeat;
           background-size: cover;
           background-position-y: 50%;
@@ -47,7 +47,7 @@
           }
         }
         .ar-logo {
-          background-image: url("public/images/ar-logo.png");
+          background-image: url("/images/ar-logo.png");
           background-repeat: no-repeat;
           background-size: contain;
           background-position: center;
@@ -254,9 +254,9 @@
               filter: brightness(1.2);
             }
         </style>
-        <script src="/public/js/market-list.js"></script>
+        <script src="/js/market-list.js"></script>
         <div class="col">
-          <div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg image-card" style="background-image: url('/public/images/market_thumnail/img-min.png');">
+          <div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg image-card" style="background-image: url('/images/market_thumnail/img-min.png');">
             <div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
               <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">아이스크림 <br>무인점</h3>
               <ul class="d-flex list-unstyled mt-auto">
@@ -277,7 +277,7 @@
         </div>
 
         <div class="col">
-          <div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg image-card" style="background-image: url('/public/images/market_thumnail/img_1-min.png');">
+          <div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg image-card" style="background-image: url('/images/market_thumnail/img_1-min.png');">
             <div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
               <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">배떡 아름점</h3>
               <ul class="d-flex list-unstyled mt-auto">
@@ -298,7 +298,7 @@
         </div>
 
         <div class="col">
-          <div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg image-card" id="toraDonkatsu" style="background-image: url('/public/images/market_thumnail/img_2-min.png');">
+          <div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg image-card" id="toraDonkatsu" style="background-image: url('/images/market_thumnail/img_2-min.png');">
             <div class="d-flex flex-column h-100 p-5 pb-3 text-shadow-1">
               <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">토라돈카츠</h3>
               <ul class="d-flex list-unstyled mt-auto">
diff --git a/views/market/detail/kakaomap.ejs b/views/market/detail/kakaomap.ejs
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en" data-bs-theme="auto">
 <head>
-    <script src="/public/js/color-modes.js"></script>
+    <script src="/js/color-modes.js"></script>
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -155,7 +155,7 @@
 
 <main>
     <script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=3e8e2d1f5dd92c798f5c156d33318f5b"></script>
-    <script src="/public/js/kakaomap.js"></script>
+    <script src="/js/kakaomap.js"></script>
     <div class="container py-4">
         <header class="pb-3 mb-4 border-bottom">
             <a href="/home" class="d-flex align-items-center text-body-emphasis text-decoration-none">
diff --git a/views/market/detail/template.ejs b/views/market/detail/template.ejs
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en" data-bs-theme="auto">
 <head>
-    <script src="/public/js/color-modes.js"></script>
+    <script src="/js/color-modes.js"></script>
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -153,7 +153,7 @@
 
 
 <main>
-    <script src="/public/js/template.js"></script>
+    <script src="/js/template.js"></script>
     <div class="container py-4">
         <header class="pb-3 mb-4 border-bottom">
             <a href="/home" class="d-flex align-items-center text-body-emphasis text-decoration-none">
diff --git a/views/sign-in.ejs b/views/sign-in.ejs
diff --git a/views/sign-up.ejs b/views/sign-up.ejs
