meepin 페이지의 마지막 상태 복원에 대한 방법
이 문서는 SPA로 구현된 웹애플리케이션의 마지막 상태를 복원하는 방법에 대해 초점을 두고 작성한 글입니다.
기본적으로 상태를 유지하는 방법으로는 아래의 세가지 방법이 있습니다.
url
localstorage / sessionstorage
state management library
대부분 추천되는 사용법은 다음과 같습니다.
다른사람과 링크를 공유할 때 유지되어야 하는 항목은url에 저장하는것이 좋다.
내부적으로 저장되어야하는 정보는 2,3 번 중 하나로 선택하는것이 좋다.
로컬, 세션스토리지의 경우 5mb 제약이 있으므로,zustand로 상태를 관리하고 있습니다.
zustand의 사용법에 대해서는 따로 다루지 않으며, 해당 라이브러리의 링크를 첨부합니다.
개념
사용자가 마지막으로 보고있던 화면에서 유지해야되는 모든 데이터는 페이지를 벗어날 때 저장한다.
이후 다시 되돌아왔을 때 저장해놓은 데이터를 불러와서 전부 주입한다.
구현
대부분의 소스는 인터페이스로 간략하게 설명되어 있습니다. 자세한 소스는 아래 링크를 통해 참고해주세요.
아래 소스는 이후에 변경될 수 있으며, 수정사항이 반영되지 않을 수 있습니다.
캐시슬라이스 구성
캐시슬라이스의 사용
데이터 저장 및 불러오기
