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

작성한 질문수

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

socket.io 전용 훅스 만들기

socket hooks 관련 질문드립니다.

작성

226

소켓훅스함수 내부에 disconnect 함수를 상단에 정의 하셨는데 이때 useCallback으로 감싸주지 않으면 DMList에서 서버에서 socket.on으로 온라인 사용자 데이터를 못받아오더라구요 소켓 사용시 이게 어떤 차이가 있는건지 궁금합니다.

퀴즈

63%나 틀려요. 한번 도전해보세요!

실시간 데이터 통신에 폴링 방식 대신 웹소켓(Socket.IO 포함)을 사용하는 주된 이점은 무엇일까요?

HTTP 요청보다 항상 응답 속도가 빠릅니다.

서버에서 클라이언트로 데이터 푸시가 가능합니다.

네트워크 대역폭을 훨씬 적게 사용합니다.

방화벽 설정이 더 간단합니다.

답변 1

지식공유자

useCallback으로 안 감싸도 되야 하는게 정상이라고 판단됩니다. 리렌더링은 더 많이 일어나겠지만요.

아, 보니까 disconnect가 캐슁되어있지 않으면 disconnect가 리렌더링때마다 바뀌어서 Workspace/index.tsx에서 disconnect() 부분이 자꾸 호출되겠네요

질문자

아... 그러네요 ㅠㅠ 의존성에 disconnect없애니까 잘작동하네요... 몇시간 삽질했지만 결과는 역시 별거 아닌걸로... 감사합니다!

작성한 질문수