Team Project 2 | Log Out | 로그아웃하면 토큰이 사라지고 로그인 화면으로 이 ! 동 ! | 인스타그램 클론코딩 |

토큰이 생기고 없어지는 것을 볼 수 있는 곳은?

드롭다운에서 로그아웃을 눌러보자 !

로그아웃 누르면
1. 저장된 토큰을 삭제 시키며 정상 로그아웃 처리
2. 로그인 화면으로 이동


console.log를 사용해서 로그아웃 버튼이 잘 작동되는지는 확인하고
로그아웃의 알람이나 로그인화면으로 이동하는 것 까진 잘 되었으나,
나는 저 !!! 토큰이 삭제가 됐는지 안됐는지 알 수가 없었다.
내 실력으로 한번에 될 것 같지 않았는데, 한번에 되니까 너무 의심스럽더라.
간단하게 토큰이 생성되었는지 삭제되었는지 알 수 있는 방법을 알 게 되어 공유해봄 !


우선, 로그인시 토큰이 발생되는지 안되는지를 확인하는 법부터 알아보자.
개발자 도구 > Application > Cookies > 로컬PC 누른 상태에서 로그인을 해보자.
그렇다면 아래의 영상처럼 없었다가 토큰이 생기는 걸 볼 수 있다.

(저 토큰은 JWT를 사용해서 만듬)

 

로그인 하면 쿠키에 토큰이 생겼습니다 !

그렇다면, 로그아웃을 해보자.
아래처럼 토큰이 사라지는걸 본다면 코드를 잘 짠것이다. 👍

로그아웃을 하니까 쿠키에 토큰이 사라졌습니다 !