diff --git a/backend/app.js b/backend/app.js
index bbc3537a0e1a746978d2e924b39fb39fec1056d9..10b2f5e7cdc52493b02efa4db4b1ce320d02f870 100644
--- a/backend/app.js
+++ b/backend/app.js
@@ -39,7 +39,7 @@ app.use(
     secret: "me key",
     resave: true,
     saveUninitialized: true,
-    cookie: { maxAge: 30000, secure: false, httpOnly: false },
+    //cookie: { maxAge: 30000, secure: false, httpOnly: false },
   })
 );
 app.use(cors({ origin: "http://localhost:3000", credentials: true }));
@@ -54,151 +54,8 @@ const { doesNotMatch } = require("assert");
 
 let LocalStrategy = require("passport-local").Strategy;
 
-passport.use(
-  "local-login",
-  new LocalStrategy(
-    {
-      usernameField: "email",
-      passwordField: "password",
-      passReqToCallback: true,
-    },
-    async function (req, email, password, done) {
-      console.log("passport의 local-login 호출됨." + email + ", " + password);
-      try {
-        let u = await UserModel.findOne({ email: email, password: password });
-        if (!u) {
-          console.log("이메일과 비밀번호가 일치하지 않습니다.");
-          return done(
-            null,
-            false,
-            req.flash("loginMessage", "이메일과 비밀번호를 다시 확인해 주세요.")
-          );
-        }
-        console.log("계정과 비밀번호가 일치함");
-        console.log(u);
-        return done(null, user);
-      } catch (err) {
-        console.log("로그인 인증과정에서 에러발생");
-        console.log(err);
-        return done(err);
-      }
-    }
-  )
-);
-
-passport.use(
-  "local-signup",
-  new LocalStrategy(
-    {
-      usernameField: "email",
-      passwordField: "password",
-      passReqToCallback: true,
-    },
-    function (req, email, password, done) {
-      console.log("local-signup 실행됨.");
-      var paramName = req.body.nicname || req.query.nicname;
-      console.log(
-        "passport의 local-signup 호출됨 : " +
-          email +
-          ", " +
-          password +
-          ", " +
-          paramName
-      );
-      UserModel.findOne({ email: email }, function (err, user) {
-        if (err) {
-          return done(err);
-        }
-        if (user) {
-          console.log("기존에 계정이 있음.");
-          return done(
-            ull,
-            false,
-            req.flash("signupMessage", "계정이 이미 있습니다.")
-          );
-        } else {
-          var user = new UserModel({
-            email: email,
-            password: password,
-            name: paramName,
-          });
-
-          user.save(function (err) {
-            if (err)
-              return done(
-                null,
-                false,
-                req.flash("signupMessage", "사용자 정보 저장 시 에러발생")
-              );
-            console.log("사용자 데이터 추가함.");
-            return done(null, user);
-          });
-        }
-      });
-    }
-  )
-);
-
-passport.serializeUser(function (user, done) {
-  console.log("serializeUser() 호출됨.");
-  console.dir(user);
-  done(null, user);
-});
-
-passport.deserializeUser(function (user, done) {
-  console.log("deserializeUser()호출됨.");
-  console.dir(user);
-
-  done(null, user);
-});
-
-var router = express.Router();
-
-router.post(
-  "/login",
-  passport.authenticate("local-login", {
-    successRedirect: "/profile",
-    failureRedirect: "http://localhost:3000/login",
-    failureFlash: true,
-  })
-);
-
-router.route("/signup").post(
-  passport.authenticate("local-signup", {
-    successRedirect: "/profile",
-    failureRedirect: "http://localhost:3000/signup",
-    failureFlash: true,
-  })
-);
-
-// router.route("/signup").post(function (req, res) {
-//   console.log(
-//     "signup " + req.body.username + req.body.password + req.body.nicname
-//   );
-// });
-
-router.get("/profile", function (req, res) {
-  console.log("/profile 패스 요청됨.");
-  console.log(req.user);
-
-  if (!req.user) {
-    console.log("사용자 인증이 안 된 상태임.");
-    res.redirect("/");
-    return;
-  }
-
-  console.log("사용자 인증된 상태임");
-  if (Array.isArray(req.user)) {
-    res.send(req.user[0]._doc);
-  } else {
-    res.send(req.user);
-  }
-});
-
-app.use("/", router);
-
 //app.use("/", indexRouter);
-//app.use("/", usersRouter);
+app.use("/", usersRouter);
 
 // catch 404 and forward to error handler
 app.use(function (req, res, next) {
diff --git a/backend/models/board.js b/backend/models/board.js
new file mode 100644
index 0000000000000000000000000000000000000000..c72e07e39baebbe2d9b5249f7eec28054fb50c3b
--- /dev/null
+++ b/backend/models/board.js
@@ -0,0 +1,20 @@
+const mongoose = require("mongoose");
+const mongooseAutoInc = require("mongoose-auto-increment");
+
+const BoardSchema = new mongoose.Schema({
+  title: { type: String, required: true, unique: true },
+  content: { type: String, required: true },
+  hobby: { type: String },
+  created_at: { type: Date, default: Date.now },
+});
+
+// mongoose.connect("mongodb://localhost:27017/local", {
+//   useFindAndModify: false,
+//   useNewUrlParser: true,
+//   useUnifiedTopology: true,
+// });
+// mongooseAutoInc.initialize(mongoose.connection);
+
+BoardSchema.plugin(mongooseAutoInc.plugin, "board");
+
+module.exports = mongoose.model("board", BoardSchema);
diff --git a/backend/models/user.js b/backend/models/user.js
index dcef24a5caab19b43653fd20549408a8435dca58..f4a305ac28b5e38ba49da29ebef37cccef3c54ef 100644
--- a/backend/models/user.js
+++ b/backend/models/user.js
@@ -6,8 +6,8 @@ const UserSchema = new mongoose.Schema({
   password: { type: String, required: true },
   name: { type: String },
   created_at: { type: Date, default: Date.now },
-  deleted_at: { type: Date },
-  user_id: { type: Number, default: 0, unique: true },
+  deleted_at: { type: Date, default: null },
+  //user_id: { type: Number, default: 0, unique: true },
 });
 
 // mongoose.connect("mongodb://localhost:27017/local", {
@@ -17,6 +17,6 @@ const UserSchema = new mongoose.Schema({
 // });
 // mongooseAutoInc.initialize(mongoose.connection);
 
-UserSchema.plugin(mongooseAutoInc.plugin, "user");
+UserSchema.plugin(mongooseAutoInc.plugin, "user3");
 
-module.exports = mongoose.model("user", UserSchema);
+module.exports = mongoose.model("user3", UserSchema);
diff --git a/backend/routes/users.js b/backend/routes/users.js
index 3585d09705e9a4c3fcb0a15b7749ff4247aaaf01..39ae4bca2a156d71e317893c20015a20697441cf 100644
--- a/backend/routes/users.js
+++ b/backend/routes/users.js
@@ -4,135 +4,198 @@ var flash = require("connect-flash");
 var router = express.Router();
 var UserModel = require("../models/user");
 
-let LocalStrategy = require("passport-local").Strategy;
-
-passport.use(
-  "local-login",
-  new LocalStrategy(
-    {
-      usernameField: "email",
-      passwordField: "password",
-      passReqToCallback: true,
-    },
-    async function (req, email, password, done) {
-      console.log("passport의 local-login 호출됨." + email + ", " + password);
-      try {
-        let u = await UserModel.findOne({ email: email, password: password });
-        if (!u) {
-          console.log("이메일과 비밀번호가 일치하지 않습니다.");
-          return done(
-            null,
-            false
-            //req.flash("loginMessage", "이메일과 비밀번호를 다시 확인해 주세요.")
-          );
-        }
-        console.log("계정과 비밀번호가 일치함");
-        console.log(u);
-        return done(null, user);
-      } catch (err) {
-        console.log("로그인 인증과정에서 에러발생");
-        console.log(err);
-        return done(err);
-      }
-    }
-  )
-);
-
-passport.use(
-  "local-signup",
-  new LocalStrategy(
-    {
-      usernameField: "email",
-      passwordField: "password",
-      passReqToCallback: true,
-    },
-    async function (req, email, password, done) {
-      console.log("local-signup 실행됨.");
-      var paramName = req.body.name || req.query.name;
-      console.log(
-        "passport의 local-signup 호출됨 : " +
-          email +
-          ", " +
-          password +
-          ", " +
-          paramName
-      );
-      try {
-        let u = await UserModel.findOne({ email: email });
-        if (u) {
-          console.log("기존에 계정이 있음.");
-          return done(
-            null,
-            false
-            //req.flash("signupMessage", "계정이 이미 있습니다.")
-          );
-        } else {
-          let user = new UserModel({
-            email: email,
-            password: password,
-            name: paramName,
-          });
-          let saved = await user.save();
-          if (saved) {
-            console.log("사용자 데이터 추가함.");
-            return done(null, user);
-          }
-        }
-      } catch (err) {
-        console.log(err);
-        return done(err);
-      }
-    }
-  )
-);
+// let LocalStrategy = require("passport-local").Strategy;
 
-passport.serializeUser(function (user, done) {
-  console.log("serializeUser() 호출됨.");
-  console.dir(user);
-  done(null, user);
-});
+// passport.use(
+//   "local-login",
+//   new LocalStrategy(
+//     {
+//       usernameField: "email",
+//       passwordField: "password",
+//       passReqToCallback: true,
+//     },
+//     async function (req, email, password, done) {
+//       console.log("passport의 local-login 호출됨." + email + ", " + password);
+//       try {
+//         let u = await UserModel.findOne({ email: email, password: password });
+//         if (!u) {
+//           console.log("이메일과 비밀번호가 일치하지 않습니다.");
+//           return done(
+//             null,
+//             false
+//             //req.flash("loginMessage", "이메일과 비밀번호를 다시 확인해 주세요.")
+//           );
+//         }
+//         console.log("계정과 비밀번호가 일치함");
+//         console.log(u);
+//         return done(null, user);
+//       } catch (err) {
+//         console.log("로그인 인증과정에서 에러발생");
+//         console.log(err);
+//         return done(err);
+//       }
+//     }
+//   )
+// );
+
+// passport.use(
+//   "local-signup",
+//   new LocalStrategy(
+//     {
+//       usernameField: "email",
+//       passwordField: "password",
+//       passReqToCallback: true,
+//     },
+//     async function (req, email, password, done) {
+//       console.log("local-signup 실행됨.");
+//       var paramName = req.body.name || req.query.name;
+//       console.log(
+//         "passport의 local-signup 호출됨 : " +
+//           email +
+//           ", " +
+//           password +
+//           ", " +
+//           paramName
+//       );
+//       try {
+//         let u = await UserModel.findOne({ email: email });
+//         if (u) {
+//           console.log("기존에 계정이 있음.");
+//           return done(
+//             null,
+//             false
+//             //req.flash("signupMessage", "계정이 이미 있습니다.")
+//           );
+//         } else {
+//           let user = new UserModel({
+//             email: email,
+//             password: password,
+//             name: paramName,
+//           });
+//           let saved = await user.save();
+//           if (saved) {
+//             console.log("사용자 데이터 추가함.");
+//             return done(null, user);
+//           }
+//         }
+//       } catch (err) {
+//         console.log(err);
+//         return done(err);
+//       }
+//     }
+//   )
+// );
+
+// passport.serializeUser(function (user, done) {
+//   console.log("serializeUser() 호출됨.");
+//   console.dir(user);
+//   done(null, user);
+// });
 
-passport.deserializeUser(function (user, done) {
-  console.log("deserializeUser()호출됨.");
-  console.dir(user);
+// passport.deserializeUser(function (user, done) {
+//   console.log("deserializeUser()호출됨.");
+//   console.dir(user);
 
-  done(null, user);
+//   done(null, user);
+// });
+
+// router.post(
+//   "/login",
+//   passport.authenticate("local-login", {
+//     successRedirect: "http://localhost:3001/profile",
+//     failureRedirect: "http://localhost:3000/login",
+//     failureFlash: true,
+//   })
+// );
+
+// router.post(
+//   "/signup",
+//   passport.authenticate("local-signup", {
+//     successRedirect: "http://localhost:3001/profile",
+//     failureRedirect: "http://localhost:3000/signup",
+//     failureFlash: true,
+//   })
+// );
+
+router.post("/signup", async function (req, res) {
+  var paramEmail = req.body.email;
+  var paramPassword = req.body.password;
+  var paramNicname = req.body.nicname;
+  try {
+    let checkDuplicated = await UserModel.find({ email: paramEmail });
+
+    if (checkDuplicated.length > 0) {
+      console.dir(checkDuplicated);
+      console.log("중복된 아이디입니다.");
+      res.redirect("http://localhost:3000/signup");
+    } else {
+      let added_user = new UserModel({
+        email: paramEmail,
+        password: paramPassword,
+        name: paramNicname,
+      });
+
+      added_user.save();
+      console.log("회원가입 완료!");
+      res.redirect("http://localhost:3000/login");
+    }
+  } catch (err) {
+    console.log("회원가입 중 에러발생!");
+    console.error(err);
+  }
 });
 
-router.post(
-  "/login",
-  passport.authenticate("local-login", {
-    successRedirect: "http://localhost:3001/profile",
-    failureRedirect: "http://localhost:3000/login",
-    failureFlash: true,
-  })
-);
-
-router.post(
-  "/signup",
-  passport.authenticate("local-signup", {
-    successRedirect: "http://localhost:3001/profile",
-    failureRedirect: "http://localhost:3000/signup",
-    failureFlash: true,
-  })
-);
-
-router.get("/profile", function (req, res) {
-  console.log("/profile 패스 요청됨.");
-  console.log(req.user);
-
-  if (!req.user) {
-    console.log("사용자 인증이 안 된 상태임.");
-    res.redirect("/");
-    return;
+router.post("/login", async function (req, res) {
+  var paramEmail = req.body.email;
+  var paramPassword = req.body.password;
+
+  if (req.session.user) {
+    console.log("이미 로그인되어 있습니다.");
+    res.redirect("/board");
+  } else {
+    req.session.user = {
+      id: paramEmail,
+      authorized: true,
+    };
+
+    let found_user = await UserModel.find({
+      email: paramEmail,
+      password: paramPassword,
+    });
+
+    if (found_user) {
+      console.log("이메일과 비번이 일치하는 사용자 찾음 ");
+      res.redirect("/board");
+    } else {
+      console.log("이메일과 비밀번호를 다시 확인해주세요.");
+      res.redirect("http://localhost:3000/login");
+    }
   }
+});
+
+router.get("/logout", function (req, res) {
+  console.log("/logout 호출됨.");
+
+  if (req.session.user) {
+    console.log("로그아웃합니다.");
+    req.session.destroy(function (err) {
+      if (err) {
+        throw err;
+      }
 
-  console.log("사용자 인증된 상태임");
-  if (Array.isArray(req.user)) {
-    res.send(req.user[0]._doc);
+      console.log("세션삭제&로그아웃");
+      res.redirect("https://localhost:3000/login");
+    });
   } else {
-    res.send(req.user);
+    console.log("아직 로그인되어있지않습니다.");
+    res.redirect("https://localhost:3000/login");
   }
 });
 
+router.get("/board", function (req, res) {
+  console.log("/board 패스 요청됨.");
+  // console.log("세션:" + req.session.user);
+  // console.dir(req.session);
+});
+
 module.exports = router;
diff --git a/frontend/.eslintcache b/frontend/.eslintcache
index 4209076eaa3ed685c873c2cf3727d825edbd0cb8..6b3aa95b801a0fe6d46a3b366d1d59d456ce8a7a 100644
--- a/frontend/.eslintcache
+++ b/frontend/.eslintcache
@@ -1 +1 @@
-[{"C:\\WYH\\frontend\\src\\reportWebVitals.js":"1","C:\\WYH\\frontend\\src\\App.js":"2","C:\\WYH\\frontend\\src\\index.js":"3","C:\\WYH\\frontend\\src\\Home.js":"4","C:\\WYH\\frontend\\src\\Signup.js":"5","C:\\WYH\\frontend\\src\\Login.js":"6","C:\\WYH\\frontend\\src\\Profile.js":"7"},{"size":362,"mtime":1606157613272,"results":"8","hashOfConfig":"9"},{"size":932,"mtime":1606312284464,"results":"10","hashOfConfig":"9"},{"size":544,"mtime":1606240034288,"results":"11","hashOfConfig":"9"},{"size":370,"mtime":1606296711314,"results":"12","hashOfConfig":"9"},{"size":1596,"mtime":1606325070152,"results":"13","hashOfConfig":"9"},{"size":1235,"mtime":1606326896774,"results":"14","hashOfConfig":"9"},{"size":1175,"mtime":1606383587065,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"10w9ldj",{"filePath":"18","messages":"19","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"22","messages":"23","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"24"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"27","messages":"28","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"29"},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\WYH\\frontend\\src\\reportWebVitals.js",[],"C:\\WYH\\frontend\\src\\App.js",["32"],"C:\\WYH\\frontend\\src\\index.js",[],"C:\\WYH\\frontend\\src\\Home.js",["33"],"import React from \"react\";\r\nimport { Route, Link } from \"react-router-dom\";\r\n\r\nconst Home = () => {\r\n  return (\r\n    <div>\r\n      <h1>WYB홈페이지입니다.</h1>\r\n      <button>\r\n        <Link to=\"/login\">로그인</Link>\r\n      </button>\r\n      <button>\r\n        <Link to=\"/signup\">회원가입</Link>\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Home;\r\n","C:\\WYH\\frontend\\src\\Signup.js",["34"],"C:\\WYH\\frontend\\src\\Login.js",["35"],"import React, { useState } from \"react\";\r\nimport { post } from \"axios\";\r\n\r\nconst Login = () => {\r\n  const [username, setUsername] = useState(\"\");\r\n  const [password, setPassword] = useState(\"\");\r\n\r\n  const onChangeUsername = (e) => setUsername(e.target.value);\r\n  const onChangePassword = (e) => setPassword(e.target.value);\r\n\r\n  // const handleFormSubmit = () => {\r\n  //   const url = \"/login\";\r\n  //   let formData = new FormData();\r\n  //   formData.append(\"username\", username);\r\n  //   formData.append(\"password\", password);\r\n\r\n  //   let config = {\r\n  //     headers: {\r\n  //       \"content-type\": \"multipart/form-data\",\r\n  //     },\r\n  //   };\r\n\r\n  //   return post(url, formData, config);\r\n  // };\r\n\r\n  return (\r\n    <form action=\"http://localhost:3001/login\" method=\"post\">\r\n      <h1>로그인 화면</h1>\r\n      이메일:\r\n      <input\r\n        type=\"text\"\r\n        name=\"username\"\r\n        value={username}\r\n        onChange={onChangeUsername}\r\n      ></input>\r\n      비밀번호:\r\n      <input\r\n        type=\"password\"\r\n        name=\"password\"\r\n        value={password}\r\n        onChange={onChangePassword}\r\n      ></input>\r\n      <button type=\"submit\">로그인</button>\r\n    </form>\r\n  );\r\n};\r\n\r\nexport default Login;\r\n","C:\\WYH\\frontend\\src\\Profile.js",[],{"ruleId":"36","severity":1,"message":"37","line":1,"column":17,"nodeType":"38","messageId":"39","endLine":1,"endColumn":26},{"ruleId":"36","severity":1,"message":"40","line":2,"column":10,"nodeType":"38","messageId":"39","endLine":2,"endColumn":15},{"ruleId":"36","severity":1,"message":"41","line":3,"column":10,"nodeType":"38","messageId":"39","endLine":3,"endColumn":14},{"ruleId":"36","severity":1,"message":"41","line":2,"column":10,"nodeType":"38","messageId":"39","endLine":2,"endColumn":14},"no-unused-vars","'Component' is defined but never used.","Identifier","unusedVar","'Route' is defined but never used.","'post' is defined but never used."]
\ No newline at end of file
+[{"C:\\WYH\\frontend\\src\\reportWebVitals.js":"1","C:\\WYH\\frontend\\src\\App.js":"2","C:\\WYH\\frontend\\src\\index.js":"3","C:\\WYH\\frontend\\src\\components\\Profile.js":"4","C:\\WYH\\frontend\\src\\components\\Board.js":"5"},{"size":362,"mtime":1606157613272,"results":"6","hashOfConfig":"7"},{"size":1067,"mtime":1606663325293,"results":"8","hashOfConfig":"7"},{"size":544,"mtime":1606240034288,"results":"9","hashOfConfig":"7"},{"size":1175,"mtime":1606662802658,"results":"10","hashOfConfig":"7"},{"size":478,"mtime":1606664090353,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"10w9ldj",{"filePath":"14","messages":"15","errorCount":1,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"20","messages":"21","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"C:\\WYH\\frontend\\src\\reportWebVitals.js",[],"C:\\WYH\\frontend\\src\\App.js",["22","23"],"C:\\WYH\\frontend\\src\\index.js",[],"C:\\WYH\\frontend\\src\\components\\Profile.js",[],"C:\\WYH\\frontend\\src\\components\\Board.js",["24"],{"ruleId":"25","severity":1,"message":"26","line":1,"column":17,"nodeType":"27","messageId":"28","endLine":1,"endColumn":26},{"ruleId":"29","severity":2,"message":"30","line":38,"column":39,"nodeType":"27","messageId":"31","endLine":38,"endColumn":44},{"ruleId":"25","severity":1,"message":"32","line":2,"column":10,"nodeType":"27","messageId":"28","endLine":2,"endColumn":15},"no-unused-vars","'Component' is defined but never used.","Identifier","unusedVar","no-undef","'Board' is not defined.","undef","'Route' is defined but never used."]
\ No newline at end of file
diff --git a/frontend/src/App.js b/frontend/src/App.js
index 6fb10911073a2ea80a0713de40a92d42b1959f01..c72e71efe79825d06ed409c0492d25e5753bdaaf 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -1,9 +1,10 @@
 import React, { Component } from "react";
 import { Route } from "react-router-dom";
-import Home from "./Home";
-import Login from "./Login";
-import Signup from "./Signup";
-import Profile from "./Profile";
+import Home from "./components/Home";
+import Login from "./components/Login";
+import Signup from "./components/Signup";
+import Profile from "./components/Profile";
+import Board from "./components/Board";
 
 //class App extends Component {
 // state = {
@@ -35,6 +36,7 @@ const App = () => {
       <Route path="/login" component={Login} />
       <Route path="/signup" component={Signup} />
       <Route path="/profile" component={Profile} />
+      <Route path="/Board" component={Board} />
     </div>
   );
 };
diff --git a/frontend/src/components/Board.js b/frontend/src/components/Board.js
new file mode 100644
index 0000000000000000000000000000000000000000..8033c38fd7a44e4c0542098f863d8e0f83d33a2f
--- /dev/null
+++ b/frontend/src/components/Board.js
@@ -0,0 +1,19 @@
+import React from "react";
+import { Route, Link } from "react-router-dom";
+
+const Board = () => {
+  return (
+    <div>
+      <button>
+        <Link to="/writeBoard">게시글 작성</Link>
+      </button>
+      <form action="http://localhost:3001/searchBoard" method="post">
+        <input type="text" name="searchKeyword"></input>
+        <button type="submit">게시글검색</button>
+      </form>
+      <ol></ol>
+    </div>
+  );
+};
+
+export default Board;
diff --git a/frontend/src/Home.js b/frontend/src/components/Home.js
similarity index 100%
rename from frontend/src/Home.js
rename to frontend/src/components/Home.js
diff --git a/frontend/src/Login.js b/frontend/src/components/Login.js
similarity index 97%
rename from frontend/src/Login.js
rename to frontend/src/components/Login.js
index 57074fb150d9fa680ccbb550eeae7a754e5a9632..842c4041749a38c406c670fc7e52da396ac2681e 100644
--- a/frontend/src/Login.js
+++ b/frontend/src/components/Login.js
@@ -29,7 +29,7 @@ const Login = () => {
       이메일:
       <input
         type="text"
-        name="username"
+        name="email"
         value={username}
         onChange={onChangeUsername}
       ></input>
diff --git a/frontend/src/Profile.js b/frontend/src/components/Profile.js
similarity index 100%
rename from frontend/src/Profile.js
rename to frontend/src/components/Profile.js
diff --git a/frontend/src/Signup.js b/frontend/src/components/Signup.js
similarity index 87%
rename from frontend/src/Signup.js
rename to frontend/src/components/Signup.js
index 5b65fe00f66fad06601db993b58d66461af31978..c962abd227762c3e3be39195f0ecce6e025c001a 100644
--- a/frontend/src/Signup.js
+++ b/frontend/src/components/Signup.js
@@ -3,11 +3,11 @@ import React, { useState } from "react";
 import { post } from "axios";
 
 const Signup = () => {
-  const [username, setUsername] = useState("");
+  const [email, setEmail] = useState("");
   const [nicname, setNicname] = useState("");
   const [password, setPassword] = useState("");
 
-  const onChangeUsername = (e) => setUsername(e.target.value);
+  const onChangeEmail = (e) => setEmail(e.target.value);
   const onChangeNicname = (e) => setNicname(e.target.value);
   const onChangePassword = (e) => setPassword(e.target.value);
 
@@ -33,9 +33,9 @@ const Signup = () => {
       이메일:
       <input
         type="text"
-        name="username"
-        value={username}
-        onChange={onChangeUsername}
+        name="email"
+        value={email}
+        onChange={onChangeEmail}
       ></input>
       비밀번호:
       <input
diff --git a/frontend/server/app.js b/frontend/test_server/app.js
similarity index 94%
rename from frontend/server/app.js
rename to frontend/test_server/app.js
index a640844314a386e0960477ba8d0778797bd83c09..589c0f3cb8c1ca063cbffd0bb2f4b25cc98b906b 100644
--- a/frontend/server/app.js
+++ b/frontend/test_server/app.js
@@ -114,10 +114,10 @@ app.set("view engine", "jade");
 app.use(cookieParser());
 app.use(
   expressSession({
-    secret: "me key",
+    //secret: "me key",
     resave: true,
     saveUninitialized: true,
-    cookie: { maxAge: 30000, secure: false, httpOnly: false },
+    //cookie: { maxAge: 30000, secure: false, httpOnly: false },
   })
 );
 //app.use(cors({ origin: "http://localhost:3000", credentials: true }));
@@ -186,7 +186,7 @@ passport.use(
         if (user) {
           console.log("기존에 계정이 있음.");
           return done(
-            ull,
+            null,
             false,
             req.flash("signupMessage", "계정이 이미 있습니다.")
           );
@@ -237,18 +237,18 @@ var router = express.Router();
 //   })
 // );
 
-// router.route("/signup").post(
-//   passport.authenticate("local-signup", {
-//     successRedirect: "/profile",
-//     failureRedirect: "http://localhost:3000/signup",
-//     failureFlash: true,
-//   })
-// );
+router.route("/signup").post(
+  passport.authenticate("local-signup", {
+    successRedirect: "/profile",
+    failureRedirect: "http://localhost:3000/signup",
+    failureFlash: true,
+  })
+);
 
-router.route("/signup").post(function (req, res, next) {
-  console.dir(req.body);
-  console.dir(req.user);
-});
+// router.route("/signup").post(function (req, res, next) {
+//   console.dir(req.body);
+//   console.dir(req.user);
+// });
 
 // router.route("/signup").post(function (req, res) {
 //   console.log(