카테고리 없음

wepSocket(미완성)

stella0905 2023. 5. 17. 17:24

모듈설치 

npm install --save express

npm install --save http

npm install --save socket.io //backend

npm install --save socket.io-client //frontend

 

onMessage

웹 소켓(WebSocket)은 클라이언트와 서버 간에 양방향 통신을 가능하게 해주는 기술이다. 이를 이용하면 서버에서 클라이언트로 데이터를 보내거나, 클라이언트에서 서버로 데이터를 보낼 수 있다.

onmessage 메서드는 웹 소켓에서 데이터를 수신할 때 자동으로 호출되는 콜백 함수있다. 예를 들어, 서버에서 클라이언트로 데이터를 보낼 때, 클라이언트 측의 웹 소켓에서 onmessage 메서드가 자동으로 호출된다.

onmessage 메서드는 event 매개변수를 통해 수신된 데이터에 접근할 수 있다. 이 event 객체는 data 프로퍼티를 가지며, 이를 통해 수신된 데이터에 접근할 수 있다. 따라서 onmessage 메서드는 수신된 데이터를 처리하는 로직을 작성하는 데에 매우 유용하다.

아래는 onmessage 메서드를 사용한 예시 코드이다

 

const socket = new WebSocket('wss://example.com');

socket.onmessage = function(event) {
  const receivedData = event.data;
  // 수신된 데이터 처리 로직 작성
};

위 코드에서는 socket 변수를 통해 새로운 웹 소켓 객체를 생성하고, socket.onmessage프로퍼티에 함수를 할당하여 데이터를 수신할 때마다 자동으로 호출되는 콜백 함수를 작성하고 있다. 이 콜백 함수에서는 event.data 프로퍼티를 통해 수신된 데이터를 처리하는 로직을 작성할 수 있다.