TIL

[TIL] 0402 react refresh token/ date-fns / 시간 간의 차이 구하기 moment

자바칩 프라푸치노 2022. 4. 5. 10:16

1. react refresh token

https://slog.website/post/10

 

React 토큰 자동 갱신 (refreshToken)

오늘은 React 에서 refreshToken으로 accessToken을 자동으로 갱신 해주는 방법에 대하여 알아보도록 하겠습니다.

slog.website

 

이번 코드에서는 아래와 같이 처리했다. 

 

 

에러가 났을 때 그 에러가 access token인지 refresh token에러인지에 따라서 

access token에러이면 새로운 url에 post를 보내서 내려온 response 로 localstorage에 있는 값을 변경 해주었고,

refresh token에러이면 아예 삭제하고 로그인 페이지로 리다이렉트 시켰는데 

이렇게 하는 게 맞는 것인지 모르겠음!

회사에서는 어떻게 하는 지 찾아봐야겠다. 

 

 

 

2. date-fns사용법

https://jsikim1.tistory.com/197

 

date-fns 사용 방법 - JavaScript 날짜 라이브러리

date-fns 사용 방법 - JavaScript 날짜 라이브러리 date-fns 는 많은 JavaScript 날짜 관련 라이브러리 중 Tree shaking을 지원하고 Functional Pattern 으로 동작하는 라이브러리입니다. date-fns 또한 굉..

jsikim1.tistory.com

 

3. 시간 차이 구하는 법 moment

date-fns로는 자꾸 에러가 나는데 parseISO 에러가 나고 시간 차이 구하는 함수가 안먹어서 moment로 처리했다. 

 

(변수명은 이상하지만 이렇게 처리했다는 것을 보여주기 위함)

now(현재 시간)에서 modifiedAt(서버에서 받아온 시간) 의 차이를 구하고

60분이 넘어가면 시간으로 24기간이 넘어가면 일로 처리했다.

728x90