TIL 91. 2024-05-10

Task TODOLIST

• socket IO custom hook 구현
• indicator 기능 추가

✨ 개발 내용

const useSocket = (sockets: any) => {
  useEffect(() => {
    sockets.forEach(({ eventName, handler }: any) => {
      console.log("eventName", eventName);
      console.log("handler", handler);
      socket.on(eventName, handler);
    });

    return () => {
      sockets.forEach(({ eventName, handler }: any) => {
        socket.off(eventName, handler);
        console.log("작동하니?");
      });
    };
  }, []);
};

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

https://velog.io/@leejungoo1396/%EC%BB%A4%EC%8A%A4%ED%85%80-%ED%9B%85%EA%B3%BC-%EC%9C%A0%ED%8B%B8%EB%A6%AC%ED%8B%B0-%ED%95%A8%EC%88%98%EC%9D%98-%EC%B0%A8%EC%9D%B4
https://docs.livekit.io/reference/components/react/hook/useparticipanttile/