TIL 75. 2024-04-17

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