NextJs - 로그인 / 로그아웃

1. handleLogin
• login 요청 보낸 후 access_token과 username을 localStorage에 저장
• 이후 요청마다 해당 토큰 사용하여 request
• 로그인 상태 → isLoggedIn, setIsLoggedIn

  const [isLoggedIn, setIsLoggedIn] = useState(false);
  
  const handleLogin = async (e) => {
    e.preventDefault();
    // Here you would replace with your own signIn logic
    const response = await axios.post('http://localhost:8080/api/user/login', {
        username,
        password
      });
      const { data } = response.data;
      const { access_token } = data;
      localStorage.setItem('accessToken', access_token);
      localStorage.setItem('username', username);
      console.log("access: ", localStorage.getItem('accessToken'));
      setIsLoggedIn(true);
  };

1. handleLogout
• localStorage의 username, access_token 삭제
• setIsLoggedIn(False)

  const handleLogout = async () => {
    localStorage.removeItem('accessToken');
    localStorage.removeItem('username');
    setIsLoggedIn(false);
  };