일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- TypeScript
- 프로그래머스
- 자바 구구단 출력
- 자바 공배수
- 조코딩
- Til
- 변수
- 자바 삼항연산자
- 자바 스캐너
- 자바 향상된 for문
- 자바 while문
- java
- 자바 public
- 자바 강제 캐스팅
- 자바 자동캐스팅
- 타입스크립트
- 자바
- 정보처리기사실기
- 자바 switch문
- 자바 조건문
- 자바 if문
- 항해99 2기
- 자바 반복문
- 자바 for문
- 이클립스 DB연동
- react with typescript
- Vue3
- react ag grid
- 항해99
- MySQL
- Today
- Total
뇌 채우기 공간
[TIL] 0402 react refresh token/ date-fns / 시간 간의 차이 구하기 moment 본문
1. react refresh token
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기간이 넘어가면 일로 처리했다.
'TIL' 카테고리의 다른 글
[회고] 항해 99 실전 프로젝트 성공하는 법 (0) | 2022.04.07 |
---|---|
[TIL] 0403 새로운 계획 (0) | 2022.04.05 |
[TIL] 0401 역사적인 날 (0) | 2022.04.01 |
[TIL] 0330 div아래에서부터 쌓기/ 리액트 무한스크롤/ 날짜별로 메세지 묶기/ 스크롤 맨 밑으로 내리기 (0) | 2022.04.01 |
[TIL] 0329 소켓 연결이 계속 늘어나는 문제 (0) | 2022.04.01 |