Merge pull request #34 from Soongsil-CoffeeChat/feat/#27

[Feat] 상태 관리 기능 추가(로그인 모달/ 유저 토큰 값 변경)

src/pages/login/LoginCallback.tsx

@@ -24,7 +24,7 @@ function LoginCallback() {
           }
         );
 
-        console.log("응답 데이터:", response);
+        // console.log("응답 헤더:", response.headers);
 
         if (response.status === 200) {
           const accessToken = response.headers["access"];
@@ -37,6 +37,8 @@ function LoginCallback() {
               token: accessToken,
             });
 
+            localStorage.setItem("isLoggedIn", "true");
+
             switch (loginStatus) {
               case "signup":
                 navigate("/signup");
@@ -62,11 +64,6 @@ function LoginCallback() {
         } else {
           console.error("알 수 없는 오류 발생:", error);
         }
-        setAuth({
-          isLoggedIn: false,
-          username: null,
-          token: null,
-        });
       }
     };
 

src/pages/main/main.tsx

@@ -1,6 +1,8 @@
 import React, { useEffect, useState } from "react";
 import * as styles from "./main.styles";
 import { useNavigate } from "react-router-dom";
+import { authState } from "../../atoms/authState";
+import { useRecoilValue } from "recoil";
 import LeftButton from "../../assets/LeftButton.svg";
 import RightButton from "../../assets/RightButton.svg";
 
@@ -17,13 +19,17 @@ function Main() {
   const [mentorData, setMentorData] = useState<MentorData[] | null>(null);
   const navigate = useNavigate();
   const [currentIndex, setCurrentIndex] = useState(0);
+  const { token } = useRecoilValue(authState);
 
-  useEffect(() => {}, [activeButtons]);
+  useEffect(() => {
+    const isLoggedIn = localStorage.getItem("isLoggedIn") === "true";
+    if (!isLoggedIn) {
+      navigate("/login");
+    }
+  }, [navigate]);
 
   useEffect(() => {
-    const token = process.env.REACT_APP_TOKEN;
-    // process.env.REACT_APP_TOKEN;
-    const url = `https://cogo.run/api/v1/mentor/BE`;
+    const url = `https://cogo.life/api/v1/mentor/BE`;
 
     fetch(url, {
       method: "GET",

src/pages/signup/signup.tsx

@@ -1,6 +1,8 @@
 import axios from "axios";
 import { useNavigate } from "react-router-dom";
 import { useState, ChangeEvent, useEffect } from "react";
+import { authState } from "../../atoms/authState";
+import { useRecoilValue } from "recoil";
 import LeftArrow from "../../assets/ArrowLeft.svg";
 import BlackLine from "../../assets/BlackLine.svg";
 import * as styles from "./signup.styles";
@@ -9,6 +11,7 @@ import * as styles from "./signup.styles";
 
 function SignUp() {
   const navigate = useNavigate();
+  const { token } = useRecoilValue(authState);
   const [email, setEmail] = useState<string>("");
   const [domain, setDomain] = useState<string>("@self");
   const [code, setCode] = useState<string>("");
@@ -35,9 +38,7 @@ function SignUp() {
     navigate("/");
   };
 
-  useEffect(() => {
-    // 클릭한 분야 변경 시 데이터 가져오기
-  }, [activeButton]);
+  useEffect(() => {}, [activeButton]);
 
   const handleButtonClick = (buttonName: string) => {
     setActiveButton((prev) => (prev === buttonName ? "" : buttonName));
@@ -52,7 +53,6 @@ function SignUp() {
   };
 
   const sendEmail = () => {
-    const token = process.env.REACT_APP_TOKEN;
     const link = getEmailLink();
 
     axios
@@ -83,7 +83,6 @@ function SignUp() {
   };
 
   const submitSignUp = () => {
-    const token = process.env.REACT_APP_TOKEN;
     const url = "https://cogo.life/api/v1/user/join/mentee";
     const userData = {
       email: `${email}${domain}`,