[인스타그램 클론코딩] 웹 로그아웃 구현

로그아웃은 정말 간단합니다.

로그아웃 버튼을 클릭했을 때 아래 코드만 실행시키면 됩니다.

Auth.signOut();

[인스타그램 클론코딩] 웹 로그인 구현 포스트에서 Auth.signIn 메소드가 실행되면 Cognito에서 토큰을 받아와서 Local Storage에 저장한다고 했었는데요.

위 코드가 실행되면 토큰을 포함한 Local Storage에 저장된 모든 로그인 정보까지 함께 삭제됩니다.

[인스타그램 클론코딩] 웹 로그인 구조 포스트에서 설명한 isLoggedIn Context를 false로 변경해 주면 됩니다.

로그아웃 버튼 이벤트 핸들러

import { Auth } from "aws-amplify";
import { useSetIsLoggedIn } from "../../Contexts/AuthContext";

const logOut = async () => {
    await Auth.signOut();
    setIsLoggedIn(false);
}