인프런 커뮤니티 질문&답변

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

내부디비를 세부적으로 쓰고싶은데...

해결된 질문

작성

228

sleact 서비스에 내부스토리지 (web스토리지,indexedDB) 를 좀더 체계적으로 써야될것같은데

zustand 같은 상태관리 라이브러리에 내부스토리지를 연결하는게 좋을까요? 아니면 swr 같은데다 연결하는게 좋을까요? 아니면 내부스토리 접근하는 코드 따로 빼놓고 데이터 가져와서 state 에 관리하는게 나을까요?

답변 1

지식공유자

웹 스토리지들을 상태를 영구적으로 보관하기 위해 쓰시는 건가요? 새로고침이나 페이지 재접속 이후에도 이어지게끔?? zustand랑 swr이랑 둘 다 상태를 관리하고있어서 둘 다 연결하셔야할 것 같긴 합니다.

질문자

웹스토리지를 영구적으로 보관하여 새로고침이나 재접속이후에도 가져오게 만들려는건 맞는데

둘다 연결한다는게 정확히 무슨뜻인가요? 일단 웹스토리지 용량보다 커야될것같아서 indexedDB 쓸려고하는데 zustand 에서 indexedb 랑 연결해 데이터 가져오고 수정하고 그런작업들 상태로 담아놓고 useSWR 통해서 호출하면 되는건가요?

지식공유자

swr도 스토리지에 연결해서 데이터 복구하고 zustand에서도 스토리지 연결해서 데이터 복구해야한다는 뜻입니다. 둘 다 페이지 종료 이전 상태로 되돌려놔야 하니깐요

질문자

swr 에서 데이터 복구랑 zustand 에서 데이터 복구가 각각 별개로 일어나는거에요?

swr 과 zustand 가 어떤식으로 연결되서 복구되는지 흐름이 잘 이해가 안됩니다 ㅠㅠ

지식공유자

서로 연결되는 게 아니고 각각 필요한 데이터를 웹 스토리지로부터 복구해오시면 됩니다.

질문자

아 zustand와 swr 에 각각 웹스토리지 접근하는 코드 넣어서 각각 목적에 맞게 데이터를 가져오면 되는건가요?

지식공유자

네네 종료할 당시의 상태를 그대로 가져오면 됩니다.

작성한 질문수