diff --git a/backend/routes/users.js b/backend/routes/users.js
index bd5bf26ffb735627a13a280a1fd39f9b4d9c7da4..6e6abdd7d0939d780969775e1c4a7332a74d3549 100644
--- a/backend/routes/users.js
+++ b/backend/routes/users.js
@@ -97,14 +97,28 @@ passport.deserializeUser(function (user, done) {
   done(null, user);
 });
 
-router.post(
-  "/login",
-  passport.authenticate("local-login", {
-    successRedirect: "/profile",
-    failureRedirect: "/login",
-    failureFlash: true,
-  })
-);
+router.post("/login", function (req, res, next) {
+  passport.authenticate("local-login", function (err, user, info) {
+    if (err) {
+      console.log(err);
+      return next(err);
+    }
+
+    if (user) {
+      console.log("req.user : " + JSON.stringify(user));
+      let json = JSON.parse(JSON.stringify(user));
+
+      req.logIn(user, function (err) {
+        if (err) {
+          return next(err);
+        }
+      });
+    } else {
+      console.log("login fail!!!!!!!!!!!!!!!");
+      res.send([]);
+    }
+  })(req, res, next);
+});
 
 router.post(
   "/signup",
diff --git a/frontend/src/Profile.js b/frontend/src/Profile.js
index ce4a1fdd96478041cdcb47a5abe670805d788e41..998113d381a30c611d6e39a985b4094ad1e364e0 100644
--- a/frontend/src/Profile.js
+++ b/frontend/src/Profile.js
@@ -1,3 +1,26 @@
-import React from "react";
+import React, { useState } from "react";
 
-const Profile = () => {};
+const Profile = (login_info) => {
+  const [user, setUser] = useState("");
+
+  fetch("/login", {
+    method: "post",
+    headers: {
+      "Content-Type": "application/json; charset=utf-8",
+    },
+    credentials: "same-origin",
+    body: JSON.stringify(login_info),
+  })
+    .then((res) => res.json())
+    .then((data) => {
+      console.dir(data);
+      setUser(data);
+    });
+
+  return (
+    <div>
+      <h1>{user.username}</h1>
+      <h1>{user.nicname}</h1>
+    </div>
+  );
+};