로그인유지1 [React] FrontEnd JWT 토큰 관리 프로세스 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 프로젝트를 진행하면서 Frontend에서 로그인의 상태 유지를 어떻게 하고 (리액트 기준), JMT 토큰을 어떻게 다루어야 하는지 정리해보았다. 1. 로그인 / 로그인 유지 로그인 api에 id와 password를 가지고 post 요청을 보낸다. 응답으로 받은 데이터를 처리해준다. accessToken을 localstorage에 저장한다. ( 자동 로그인이 싫다면 sessionstorage에 저장한다. refreshToken은 Cookie에 저장한다. 액세스 토큰 만료 사전 확인을 위한 expiresAt을 만들어 localstroage에 저장함(현재 시간 + 1시간 -.. 2022. 8. 22. 이전 1 다음