JWT : Result

DATE : 2023/11/15

사용자가 최초 접속을 시도하는 경우,

index.php가 불려 오지만 현재 사용자는 jwt가 없기 때문에 바로 login.html로 이동하게 된다.

따라서 login.html에서 cookie를 확인해보면 텅텅 비어있는 걸 확인할 수 있다.

쿠키가 하나도 없는 게 속상했던 나머지, 로그인을 하기로 했다.

열심히 username & password를 입력해준다.

로그인을 완료한 뒤 cookie를 다시 확인해보면! 짜잔 😄

JWT라는 이름의 cookie가 생겼다.

JWT cookie가 있다는 건 jwt가 발행되었다는 의미이다.

그렇다면 이제는 index.php의 페이지를 확인할 수 있을 것이다.

확인해보면 아직 메인 콘텐츠는 없지만!

현재 로그인한 사용자가 누구인지 확인할 수 있는 문구와 MyPage 버튼은 볼 수 있다.

버튼은 누르고 싶은 게 본.능

MyPage로 넘어가 보면 현재 로그인한 사용자의 정보를 확인할 수 있다.

여기서 하단에 보이는 back 버튼을 누르면 다시 index.php page로 이동하고

Logout 버튼을 누르면 말 그대로 로그아웃 된다.

다만 cookie의 유효 기간이 아직 남아있음에도 그 전에 로그아웃을 한다면

cookie는 지워주어야 한다!

따라서 Logout 버튼에 이벤트를 추가해 cookie를 삭제하도록 코드를 작성해주면

사용자가 로그아웃을 완료했을 때

다시 아무것도 들어있지 않은 상태로.. 되돌아가게 되는 걸 볼 수 있다 👏👏👏

이렇게 해서 jwt를 이용한 login 기능을 구현해보았다.

아직 JWT와 관련해 궁금한 게 많아 추가적인 공부는 계속할 생각이지만

이번 주 과제와 관련된 정리는 일단 여기서 마무리! 🎉