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

bemodesty306님의 프로필 이미지
bemodesty306

작성한 질문수

[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지

웹소켓 사용해보기

web socket 프론트엔드 코드 질문

작성

·

303

0

views/index.html 코드에서, WebSocket 인스턴스를 만들어 서버와 통신하는 코드에서, WebScoket을 따로 require나 import를 안했는데 new WebSocket코드를 사용할 수 있는데, 어떻게 가능한것일까요?

<views/index.html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>GIF 채팅방</title>
  </head>
  <body>
    <div>F12를 눌러 console 탭과 network 탭을 확인하세요.</div>
    <script>
      const webSocket = new WebSocket("ws://localhost:8005");
      webSocket.onopen = function () {
        console.log("서버와 웹소켓 연결 성공!");
      };
      webSocket.onmessage = function (event) {
        console.log(event.data);
        webSocket.send("클라이언트에서 서버로 답장을 보냅니다");
      };
    </script>
  </body>
</html>

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

WebSocket은 console처럼 window에 등록되어있는 객체입니다.

bemodesty306님의 프로필 이미지
bemodesty306

작성한 질문수

질문하기