REACT14 [React] FrontEnd JWT 토큰 관리 프로세스 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 프로젝트를 진행하면서 Frontend에서 로그인의 상태 유지를 어떻게 하고 (리액트 기준), JMT 토큰을 어떻게 다루어야 하는지 정리해보았다. 1. 로그인 / 로그인 유지 로그인 api에 id와 password를 가지고 post 요청을 보낸다. 응답으로 받은 데이터를 처리해준다. accessToken을 localstorage에 저장한다. ( 자동 로그인이 싫다면 sessionstorage에 저장한다. refreshToken은 Cookie에 저장한다. 액세스 토큰 만료 사전 확인을 위한 expiresAt을 만들어 localstroage에 저장함(현재 시간 + 1시간 -.. 2022. 8. 22. [React 기본] 9. Delete (CRUD) 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 포스팅과 이어집니다. 2022.07.08 - [Develop/react] - [React 기본] 8. Update (CRUD) [React 기본] 8. Update (CRUD) 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 포스팅과 이어집니다. 2022.07.08 - [De tarra.tistory.com + 생활코딩의 react 강의를 기본 베이스로 이것저것 추가 작성 필기입니다. 영상을 보고싶다면 다음의 링크를 접속해 보시는 것을 추천합.. 2022. 7. 8. [React 기본] 8. Update (CRUD) 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 포스팅과 이어집니다. 2022.07.08 - [Develop/react] - [React 기본] 7. Create (CRUD) [React 기본] 7. Create (CRUD) 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 포스팅과 이어집니다. 2022.07.07 - [De tarra.tistory.com + 생활코딩의 react 강의를 기본 베이스로 이것저것 추가 작성 필기입니다. 영상을 보고싶다면 다음의 링크를 접속해 보시는 것을 추천합.. 2022. 7. 8. [React 기본] 7. Create (CRUD) 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 포스팅과 이어집니다. 2022.07.07 - [Develop/react] - [React 기본] 6. state [React 기본] 6. state 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 포스팅과 이어집니다. 2022.07.07 - [De tarra.tistory.com + 생활코딩의 react 강의를 기본 베이스로 이것저것 추가 작성 필기입니다. 영상을 보고싶다면 다음의 링크를 접속해 보시는 것을 추천합니다.! https://ope.. 2022. 7. 8. 이전 1 2 3 4 다음
