개인 페이지 ‐ 토코

웹 소켓

웹 소켓 MDN

관련 라이브러리

• socket.io
• sockjs
• Stomp-js

예제

• 라이브러리 없이 웹 소켓을 이용한 채팅 구현 (java+react) - 추천!!! 링크
• 웹 소켓 선언 방식 링크
• stomp, sockjs - 기초 예제 링크
• stomp, sockjs - 심화 예제 링크

고민

• 웹 소켓은 언제, 어떻게 열 것인가

연결을 맺는것은 비동기 작업이고 실패하기 쉬운 작업이기 때문에, WebSocket 오브젝트를 생성하자마자 send() 로 데이터 전송을 시도하는것은 성공하지 않을 가능성이 있습니다. 우리는 연결이 수립된 이후에만 데이터를 전송하도록 하기 위해 onopen 핸들러를 정의하고, 이 위에서 작업합니다.

• 웹 소켓은 어떻게 닫을 것인가

연결을 닫아버리기 전에 bufferedAmount 어트리뷰트를 조사하여 아직 네트워크에 전달되지 않은 데이터가 있는지 검사하는것도 좋은 방법입니다.

동네 검색 (디바운스)

lodash debounce 링크