인프런 커뮤니티 질문&답변

안녕하세요 현재 진행하고 있는 프로젝트에서 로그인, 로그아웃, 회원가입, 인증 기능을 추가하기 위해 선생님의 강의를 들으며 구현을 완료했습니다.

그리고 카카오 로그인 기능을 추가했는데 문제는 카카오 로그인시 로그인 인증이 되지 않아 로그인했을 경우에만 들어갈 수 있는 페이지에 들어갈 수 없다는 것입니다.

밑에는 카카오 로그인 구현 코드이고 제 생각에는 /hoc/auth.js 파일에 무언가 추가해 줘야겠다 싶은데 어떻게 하면 좋을까요?

const [isLogin, setIsLogin] = useState(false);
  const loginWithKakao = () => {
    try {
      return new Promise((resolve, reject) => {
        if (!Kakao) {
          reject("Kakao 인스턴스가 존재하지 않습니다.");
        }
        Kakao.Auth.login({
          success: (res) => {
            localStorage.setItem("token", res.token);
            setIsLogin(true);
            props.history.push("/");
          },
          fail: (err) => {
            console.error(err);
          },
        });
      });
    } catch (err) {
      console.error(err);
    }
  };
  const logoutWithKakao = () => {
    if (Kakao.Auth.getAccessToken()) {
      console.log(
        "카카오 인증 액세스 토큰이 존재합니다.",
        Kakao.Auth.getAccessToken()
      );
      Kakao.Auth.logout(() => {
        console.log("로그아웃되었습니다.", Kakao.Auth.getAccessToken());
        setIsLogin(false);
        localStorage.clear();
        props.history.push("/login");
      });
    }
  };