Front-end/React.js(Next.js)

Vue, React 자동로그인

prden 2022. 12. 4. 12:58

1. 자동로그인

1) localStorage에 로그인 유저 정보 담고 (localStorage vs. sessionStorage)
2) 새로고침, 새로운 페이지 접근 시 계속 store에 담아준다.
https://velog.io/@devyouth94/%EC%9E%90%EB%8F%99-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%97%B0%EC%9E%A5-%EC%9E%90%EB%8F%99-%EB%A1%9C%EA%B7%B8%EC%95%84%EC%9B%83-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0

 

[react] 자동 로그인 연장 / 자동 로그아웃 구현하기

⚠️ token의 보안은 아직 고려하지 못했습니다. 단순히 리프레시 토큰과 액세스 토큰을 핸들링하는 방법에 치중된 내용입니다.⚠️ axios, instance, interceptors 에 대한 설명은 나와있지 않습니다.Axio

velog.io

- localStorage, sessionStorage 어디에 담느냐 - shuttlebus project

 

2. vue localStorage로 입력정보 유지하기.

https://be-a-weapon.tistory.com/151

 

[Vue.js] Local Storage로 입력정보 유지

다른 페이지를 가거나 뒤로 가기를 했을 때도 입력 정보를 유지하기위해 Local Storage를 사용했다. 항상 쿠키를 사용해서 구현했다가 이번엔 다르게.... ◽ 로컬스토리지와 쿠키의 차이는 뭘까? Cook

be-a-weapon.tistory.com

 

'Front-end > React.js(Next.js)' 카테고리의 다른 글

Material-UI Components - React  (0) 2023.02.19
Redux middleware(리덕스 미들웨어)  (0) 2022.12.04
useRef, forwardRef  (0) 2022.11.10
React- router  (0) 2022.11.09
React 기본 (초기 세팅)  (0) 2022.11.07