카테고리

질문 & 답변
세부 분야

풀스택
해결 여부

미해결

web socket 프론트엔드 코드 질문

22.05.02 11:41 작성 조회수 245

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

<!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>