새로고침 후에도 값 유지하기 Redux persist

Jean Young Park·2023년 11월 1일
0

react

목록 보기
30/32

리덕스를 사용하면서 그냥 당연하게 사용했던 redux persist 왜 처음에 정리하지 않았을까?
아마 만들기 급급해서 정리를 안했지싶다. 그래서 여유가 난 김에 정리를 좀 해보려한다!

Redux persist

redux persist는 Redux 상태를 지속적으로 유지하고, 브라우저의 로컬 스토리지 또는 비동기적인 저장소에 저장하여 상태가 새로 고침되거나 페이지를 이동해도 상태를 보존하는 데 사용되는 라이브러리이다.

일반적으로 Redux로 상태를 관리하면, 페이지 새로 고침이나 브로우저를 닫거나 새로 열었을 때 Redux 상태는 초기화된다. redux-persist는 이러한 문제를 해결하기 위해 Redux 상태를 지속적으로 유지하는 데 도움을 준다.

주요 기능과 이점

  • 지속성
    Redux 스토어의 상태를 로컬 스토리지에 저장한여 지속성을 제공한다.

  • 자동 복원
    브라우저가 새로 고쳐지거나 다시 열릴 때, 자동으로 복원하여 초기화되지 않도록 한다.

  • 구성 가능
    저장소(로컬 스토리지, 비동기 저장소 등)와 저장 방법을 구성할 수 있다.

여기서 나는 궁금한점이 생겼다. 그럼 언제 데이터가 삭제되는거지?

값을 삭제하는 방법

redux-persist를 사용하여 저장한 값은 주로 로컬 스토리지에 저장된다. 이 값들은 수동으로 지우지 않는 한 로컬 스토리지에 계속 유지된다. 물론 값을 삭제하는 방법은 여러가지가 있다.

  • 수동으로 로컬 스토리지에서 삭제
    로컬 스토리지에서 저장된 값을 직접 지울 수 있다.

  • redux-persist 설정 견경
    redux-persist 설정을 변경하여 저장된 값이 만료되도록 설정할 수 있다. 예를 들어, 만료 시간을 설정하거나 특정 조건에 따라 값이 지워지도록 프로그래밍할 수 있다.

  • 로그아웃 또는 세션 종료
    로그아웃 또는 사용자 세션이 종료될 때 관련된 값들을 삭제할 수 있다.

  • 자동 만료 설정
    redux-persist를 사용할 때 자동 만료 설정을 활용하여 특정 시간이 지난 후에 저장된 값이 삭제되도록 할 수 있다.

0개의 댓글