[React] 서버와 통신 중 jwt 토큰을 응답 받았을 때 사용하는 법, 만료 하는 법

웹에서 JWT 토큰을 관리하는 방법으로는 localStorage 또는 sessionStorage에 저장하는 것이다.

 

localStorage를 이용)

// jwt 토큰을 받아온다.
const jwtToken = res.data.access_token; 

// localStorage에 저장한다.
localStorage.setItem("jwtToken", jwtToken);
localStorage.setItem("nickname", res.data.nickname);

// 필요 시에 토큰을 꺼내온다.
localStorage.getItem("jwtToken")

위는 로그인에 성공 시 실행 코드들이다.

---

로그아웃 시 클라이언트에서도 제거, 서버에서도 제거한다.

.then((res) => {
localStorage.clear();
alert("로그아웃 되셨습니다.");
nav("/");
})

 localStorage에 저장해놨던 모든 것들을 제거한다.