const WebSocket = require('ws');
// WebSocket 서버 생성
const wss = new WebSocket.Server({ port: 8080 });
// 연결된 클라이언트들을 저장할 배열
let clients = [];
// 클라이언트 연결 이벤트 처리
wss.on('connection', function (ws) {
// 클라이언트를 배열에 추가
clients.push(ws);
// 클라이언트로부터 메시지를 받을 때 발생하는 이벤트 처리
ws.on('message', function (message) {
// 받은 이미지 파일을 처리하는 로직 작성
// 처리된 이미지를 클라이언트들에게 브로드캐스팅
clients.forEach(function (client) {
client.send(processedImage);
});
});
// 클라이언트 연결 종료 이벤트 처리
ws.on('close', function () {
// 연결이 종료된 클라이언트를 배열에서 제거
clients = clients.filter(function (client) {
return client !== ws;
});
});
});

// WebSocket 연결
const socket = new WebSocket('ws://localhost:8080');
// 서버에서 이미지를 받을 때 발생하는 이벤트 처리
socket.onmessage = function (event) {
const image = event.data;
// 이미지를 웹브라우저에 표시하는 로직 작성
};
// 이미지 파일 선택 및 서버로 전송
function sendImage(file) {
if (file.type.match('image.*')) {
const reader = new FileReader();
reader.onload = function () {
const imageData = reader.result;
// 이미지 데이터를 서버로 전송
socket.send(imageData);
};
reader.readAsDataURL(file);
}
}
// 이미지 파일 선택 시 이벤트 처리
const fileInput = document.getElementById('image-input');
fileInput.addEventListener('change', function(e) {
const file = e.target.files[0];
sendImage(file);
});