[REACT] redux-persist를 사용하여 새로고침 시에도 리덕스 상태 유지하기

소개

redux는  새로고침 시에 상태들이 모두 날라가는 반면

redux-persist를 이용하면 로컬 스토리지에 저장이 된다. 

그래서 원래 리덕스처럼 사용하는데 새로고침 시에 날라가지 않고 개발자도구에서 삭제 할 때 까지 유지된다. 

 

 

설치

yarn add redux-persist

 

 

코드

 

store/index.js

 

 

 

 

 

• localStorage에 저장하고 싶으면 import storage from 'redux-persist/lib/storage
• session Storage에 저장하고 싶으면 import storageSession from 'redux-persist/lib/storage/session

이렇게 설정해주고 원래 쓰던대로 쓰면 됨