티스토리 뷰

Edu_hanghae99/TIL

[TIL] 230125

soobin Choi 2023. 1. 25. 21:59

아니 왜 벌써 새벽 2시지?!

오늘 한 일?

타이머 UI 적용다자이너님이랑 회의

- 1920 1080 크기로 이야기하고 있었는데 디자이너님은 이 크기로는 레이아웃이 끝나고 1280 720 크기로 레이아웃을 적용하고 있다고 생각하셨다고 한다. 정말 소통의 중요성을 계속 느끼게 된다.

운동

댓글 작성 post api 에러 같이 해결

게임시작 버튼 사라지고 타이머 생기는 로직 수정

카메라가 켜졌는데 하얀 화면으로 보이는 에러

-> 입장 시 방장에게 별 보이게 하는 로직 때문이었다

다같이 에러 해결하려고 테스트를 하니 시간이 훅 가버렸다.

refresh token 공부 중

url 들 env 처리도 해야하는데...

한 번에 하나씩 하자😭

 

https://5xjin.github.io/blog/react_jwt_router/

 

[React17]React에서 JWT 인증 구현하기

React에서 JWT를 이용하여 로그인, 로그아웃 기능 구현하기

5xJIN.github.io

https://velog.io/@___pepper/React-OAuth-2.0-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-refresh-token-grant

 

[React] OAuth 2.0 사용하기 - refresh token grant

refresh token을 이용하여 access token 재발급 받기 ->> 매번 귀찮으니깐 interceptor 사용해서 자동화 적용해보기

velog.io

https://velog.io/@y0ungg/React-JWT-refresh-token%EC%9C%BC%EB%A1%9C-access-token-%EC%9E%AC%EB%B0%9C%EA%B8%89-%EC%9A%94%EC%B2%AD%ED%95%98%EA%B8%B0-axios

 

[React / JWT] refresh token으로 access token 재발급 요청하기 (+ 9/15 추가)

JWT

velog.io

https://slog.website/post/10

https://hyemgu.tistory.com/387

 

[React/axios] 토큰 관리(refreshToken, accessToken) interceptors

프로젝트 도중에 refreshToken과 accessToken을 어떻게 관리하면 좋을지에 대해서 계속 생각을 해보았다. 다양한 방법을 찾았었는데 우선 내가 시간을 정해서 setTimeout으로 정해진 시간이 끝나면 다시

hyemgu.tistory.com

 

https://hong-jh.tistory.com/entry/%ED%86%A0%ED%81%B0-%EA%B8%B0%EB%B0%98-%EC%9D%B8%EC%A6%9D-%ED%9A%A8%EC%9C%A8%EC%A0%81%EC%9C%BC%EB%A1%9C-%EA%B4%80%EB%A6%AC%ED%95%98%EB%8A%94-%EB%B2%95

 

토큰 기반 인증, 효율적으로 관리하는 법

React에서 토큰 기반 인증을 어떤 식으로 하는 것이 가장 효율적일까요? 많은 방법이 있겠지만 이번 포스트에서는 제가 생각했을 때 가장 효율적이라고 생각하는 인증 방식을 기술하려고 합니다.

hong-jh.tistory.com

https://sso-feeling.tistory.com/809

 

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

1. react refresh token https://slog.website/post/10 React 토큰 자동 갱신 (refreshToken) 오늘은 React 에서 refreshToken으로 accessToken을 자동으로 갱신 해주는 방법에 대하여 알아보도록 하겠습니다. slog.website 이번

sso-feeling.tistory.com

https://jodev.kr/entry/React-axios%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-%ED%86%A0%ED%81%B0-%EA%B0%B1%EC%8B%A0-%ED%9B%84-%ED%97%A4%EB%8D%94%EB%A5%BC-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

 

React-axios를 사용하여 토큰 갱신 후 헤더를 변경하는 방법

https://jodev.kr/entry/React-axios-%ED%86%A0%ED%81%B0-%EC%9D%B8%EC%A6%9D%EA%B0%B1%EC%8B%A0-%EC%B2%98%EB%A6%AC-%EB%B0%A9%EB%B2%95 React-axios 토큰 인증/갱신 처리 방법 들어가며 오랜만에 블로그 통계를 확인해보니 아래의 계시

jodev.kr

 

'Edu_hanghae99 > TIL' 카테고리의 다른 글

[TIL] 230130  (0) 2023.01.31
[TIL] 230126  (3) 2023.01.27
[TIL] 230124  (0) 2023.01.24
[TIL] 230123  (0) 2023.01.24
[TIL] 230121  (0) 2023.01.21