md file 공통된거 삭제

app.js

@@ -35,7 +35,4 @@ app.use('/api/auth', authRouter(passport(app)));
 app.use('/drink-shop', shopRouter());
 app.use('/test', testRouter());
 
-// app.get('/', async(req,res) => {
-//     res.render('testPage.ejs');
-// })
 module.exports = app;

sessions/N4FeBCyvSR6bftSK-nz--qkEKyJh9D59.json

@@ -1 +1 @@
-{"cookie":{"originalMaxAge":null,"expires":null,"httpOnly":true,"path":"/"},"__lastAccess":1669284941711}
+{"cookie":{"originalMaxAge":null,"expires":null,"httpOnly":true,"path":"/"},"__lastAccess":1669285399726}

src/auth/passport/local.js

@@ -1,65 +1,67 @@
 'use strict';
-const User = require('../../models/User.js');
+const passport = require('passport');
+const User = require('../../models/User');
 const bcrypt = require('bcrypt');
+const LocalStrategy = require('passport-local').Strategy;
+// social login이 아닌 단순 로컬 로그인 방식을 사용.
 
-// passport local방식으로 로그인
-// passport는 session객체 안에 passport객체를 넣어둠! 
 module.exports = (app) => {
-    const passport = require("passport");
-    const LocalStrategy = require('passport-local').Strategy;
-
-    app.use(passport.initialize());
-    app.use(passport.session()); 
 
-    //ejs에서 로그인 유무에 따라 로그인버튼 로그아웃 버튼이 보이고 보이지 않는 기능을 위해 추가된 코드
+    app.use(passport.initialize());
+    app.use(passport.session());
+//ejs에서 로그인 유무에 따라 로그인버튼 로그아웃 버튼이 보이고 보이지 않는 기능을 위해 추가된 코드
     app.use(function(req,res,next){
     //res.locals.isAuthenticated는 ejs에서 user가 로그인이 되어 있는지 아닌지를 확인하는데 사용
     res.locals.isAuthenticated = req.isAuthenticated(); //현재 로그인이 되어있는지 아닌지를true,false로 return
     //res.locals.currentUser는 로그인된 user의 정보를 불러오는데 사용
     res.locals.currentUser = req.user;//req.user는 passport에서 추가하는 항목으로 로그인이 되면 session으로 부터 user를 deserialize하여 생성됩니다
     next();   //res.locals에 담겨진 변수는 ejs에서 바로 사용가능하기 때문에 사용
   });
+    /*
+        deserializeUser :
+        매 요청시 실행되는 메서드
+        passport.session 미들웨어가 이 메서드를 호출, serializeUser의 done 두번 째 인수로 넣었던 데이터가 deserializeUser의 매개변수
+    */
 
-    passport.serializeUser((user, done)=> {    
-        done(null, user.id);
+    passport.serializeUser((user,done)=> {
+        done(null,user.id);
     });
-    passport.deserializeUser((user, done)=> {
-        console.log('deserialize >> ',user);   
-        done(null, user);
-
-    });
-    passport.use('local',new LocalStrategy(// local 방식 미들웨어(중간검사)
+
+    passport.deserializeUser(function(user, done) {
+    //findById(id, function (err, user) {
+    console.log('deserialize');   
+    done(null, user);
+    //});
+});
+    passport.use('local', new LocalStrategy(
+        // passport.use
+        // 간단하게, 입력받은 값들을 가져와서 옳고 그름을 판단해주는 곳. 
         {
-            usernameField : "email",
-            passwordField : "password",
+            usernameField : 'email',
+            passwordField : 'password',
         },
         async(username, password, done) => {
-            console.log(`유저가 입력한 id, pw >> ${username}, ${password}`);
+            console.log(`유져가 입력한 id, pw >> ${username}, ${password}`);
 
             let user = await User.findOne({email : username});
-                    console.log(`찾은 user >> ${user}`);
-
-                    let hashedPW = password;
-                    let result = await bcrypt.compare(password, hashedPW);
-                    console.log(result);
-
-                    if (user){ 
-
-
-                        if (result) {
-                            console.log('로그인 성공!');
-                            return done(null, user); // 검증 성공
-                        }else{
-                            console.log('비밀번호가 틀렸습니다');
-                            return done(null, false, { message: '비밀번호가 틀렸습니다' }); // 임의 에러 처리
-                        }
-                    }else{
-                        console.log(`존재하지 않는 회원.`);
-                        done(null, false, {message: '가입되지 않은 회원입니다.'});
-                    }    
-}
+            console.log(user);
+            let hashedPW = user.password;
+            let result = await bcrypt.compare(password, hashedPW);
+            console.log(result);
+            if(user){ // 만약에 유져가 있다면...!
+                 if(result){
+                    // 비번 hashed, plain비교!
+                    console.log('로그인 성공!');
+                    done(null, user);
+                 }else{
+                    console.log(`비번 잘못됨`);
+                    done(null, false, {message: '비밀번호가 일치하지 않습니다.'})
+                 }
+            }else{
+                console.log(`존재하지 않는 회원.`);
+                done(null, false, {message: '가입되지 않은 회원입니다.'});
+            }
+        }
     ))
-
-
     return passport;
 }

src/public/css/section/loginSection.css

@@ -4,7 +4,7 @@
     grid-template-rows: repeat(1, 1fr);
 }
 .section > .login__image{
-    border : 2px solid black;
+    /* border : 2px solid black; */
 }
 
 /* 로그인 오른쪽 design */