-
wepSocket(미완성)카테고리 없음 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 프로퍼티를 통해 수신된 데이터를 처리하는 로직을 작성할 수 있다.