Merge pull request #68 from codeit9-temporary/feature/AuthStore

Fix:AuthStore checkLogin 액션 추가

Author: venise5224

components/HeaderMenu.tsx

@@ -5,11 +5,16 @@ import Link from "next/link";
 import SubmitButton from "./SubMitButton";
 import { useRouter } from "next/router";
 import useAuthStore from "@/store/useAuthStore";
+import { useEffect } from "react";
 
 const HeaderMenu = () => {
-  const { user, isLoggedIn } = useAuthStore();
+  const { user, isLoggedIn, checkLogin } = useAuthStore();
   const router = useRouter();
 
+  useEffect(() => {
+    checkLogin();
+  }, [checkLogin]);
+
   return (
     <>
       {!isLoggedIn ? (

pages/api/auth/check.ts

@@ -0,0 +1,15 @@
+import { NextApiRequest, NextApiResponse } from "next";
+import { parse } from "cookie";
+
+const handler = async (req: NextApiRequest, res: NextApiResponse) => {
+  const cookies = req.headers.cookie ? parse(req.headers.cookie) : {};
+  const token = cookies.accessToken;
+
+  if (token) {
+    return res.status(200).json({ isLoggedIn: true });
+  }
+
+  return res.status(200).json({ isLoggedIn: false });
+};
+
+export default handler;

store/useAuthStore.tsx

@@ -8,10 +8,12 @@ import {
   postEasySignIn,
 } from "@/lib/api/auth";
 import { getUserInfo } from "@/lib/api/user";
+import { proxy } from "@/lib/api/axiosInstanceApi";
 
 interface AuthStore {
   user: User | null;
   isLoggedIn: boolean;
+  checkLogin: () => Promise<void>;
   login: (body: signInProps) => Promise<boolean>;
   SNSLogin: (
     provider: "google" | "kakao",
@@ -26,6 +28,23 @@ const useAuthStore = create<AuthStore>()(
       user: null,
       isLoggedIn: false,
 
+      checkLogin: async () => {
+        try {
+          const response = await proxy.get("/api/auth/check");
+          if (response.data.isLoggedIn) {
+            const userInfo = await getUserInfo(); // 로그인 되어 있으면 사용자 정보 가져오기
+            if (userInfo) {
+              set({ isLoggedIn: true, user: userInfo });
+            }
+          } else {
+            set({ isLoggedIn: false, user: null });
+          }
+        } catch (error) {
+          console.error("로그인 상태 확인 중 오류 발생", error);
+          set({ isLoggedIn: false, user: null });
+        }
+      },
+
       login: async (body) => {
         try {
           const { email, password } = body;