front

[socket.io 사용법](https://www.notion.so/socket-io-eebf6841e14141aaa0f4d327c947c6ff)

{
  123 -> a -> a나감 0
  124 -> b -> b나감 1
  125 -> c -> c나감 2
  126 -> d -> d나감 3
}
{
  0: 123
  1: 124
  2: 125
  3: 126
}

Mon Nov 27 2023 00:10:31 GMT+0900 (GMT+09:00)/1/1

const [chats, setChats] = useRecoilState<Record<string, Map<string, ChatLog>>>(chatStore);

a ~~~~~~~~ b ~~~~~~~~ c ~~~~~~~ d

0 1 2 3

{

“12345aaaa” : {

“2023 00:10:31 GMT+0900 (GMT+09:00)/1/1” : {

message: string;
type: 'chat' | 'kick' | 'in-out' | "room-setting";
memberId: string;

}

“2023 00:10:31 GMT+0900 (GMT+09:00)/1/1” : {

message: string;
type: 'chat' | 'kick' | 'in-out';
memberId: string;

}

“2023 00:10:31 GMT+0900 (GMT+09:00)/1/1” : {

message: string;
type: 'chat' | 'kick' | 'in-out';
memberId: string;

}

“2023 00:10:31 GMT+0900 (GMT+09:00)/1/1” : {

message: string;
type: 'chat' | 'kick' | 'in-out';
memberId: string;

}

“2023 00:10:31 GMT+0900 (GMT+09:00)/1/1” : {

message: string;
type: 'chat' | 'kick' | 'in-out';
memberId: string;

}

}