TIL 75. 2024-04-17

이준구·2024년 4월 17일
1

TIL 순서

목록 보기
75/119
post-thumbnail

Task TODOLIST

  • 유저 정보 및 방의 고유 id값을 session storage에 저장하여 전역으로 사용
  • 파일 구조 변경
  • 방나가기 기능 구현

✨ 개발 내용

  • 기존) 전역으로 관리하던 부분을 sessionStorage를 저장
  • 이유) 새로고침 시 전역으로 관리하던 정보가 휘발성으로 살아지므로 데이터를 유지하기 위해 Storage에 저장하였고 Local이 아닌 session storage를 선택한 이유는 유저의 민감한 정보를 영구적으로 Local에 저장하기에는 보완성이 떨어졌으며, room_Id의 값을 영구적으로 보관할 이유가 없기때문이다.
const useConnectStore = create(
  persist<ConnectState>(
    (set) => ({
      join: false,
      nickname: "",
      userId: "",
      roomId: "",
      setJoinStatus: (status) => set({ join: status }),
      setRoomId: (id) => set({ roomId: id }),
      setUserId: (id) => set({ userId: id }),
      setUserNickname: (id) => set({ nickname: id })
    }),
    { name: "CreateRoomInfo", storage: createJSONStorage(() => sessionStorage) }
  )
);

📚 레퍼런스 (또는 새로 알게 된 내용) 혹은 궁금한 사항들

velog.io/@leejungoo1396

profile
개발 중~~~ 내 자신도 발전 중😂🤣

0개의 댓글

관련 채용 정보