SOCKET (2) 썸네일형 리스트형 [Node.js] socket.io로 실시간 채팅 구현하기(2) + 실시간 이미지 전송 socket.io 아래 코드에서 사용될 메소드와 이벤트 등에 대한 설명은 이전 포스팅_"[Node.js] socket.io로 실시간 채팅 구현하기(1)" 을 참고하면 된다. 🧁 프로젝트 목표 채팅방을 생성할 수 있고, 해당 채팅방에 들어온 클라이언트 끼리 메세지 전송이 가능하다. (다른 채팅방의 메세지는 볼 수 없다.) 실시간으로 메세지를 주고 받을 수 있다. 실시간으로 이미지를 주고 받을 수 있다. 🍹 프로젝트 결과 🍰 프로젝트 경로 구성 HTMPpage.html은 프론트를 위한 파일이다. express를 따로 파지 않고 app.js내에서 웹서버를 직접 생성했다. config폴더는 s3와 multer사용을 위한 폴더이다. 실행은 node app.js명령어를 통해서 했다. 🍩 SERVER(node.js).. [Node.js] socket.io로 실시간 채팅 구현하기 (1) 🔨 socket.io Install socket.io를 사용하면 실시간으로 클라이언트와 클라이언트 사이에서 반응을 전달할 수 있다. 즉, 실시간 상호작용을 가능하게 하는 웹소켓을 위한 모듈이다. npm install --save socket.io ✨ 이벤트의 의미 이벤트는 웹소켓을 사용하는 '단위'라고 생각하면 되는데, 클라이언트와 서버에서 이벤트 단위로 각 작업을 매칭하게 된다. connection : 클라이언트가 연결할때 발생하며, socket객체를 생성한다. disconnect : 클라이언트가 연결을 해제할 때 발생 이외의 이벤트는 변수 선언을 하듯이 필요에 따라 직접 생성하여 사용한다. 이벤트에 대한 선언을 서버와 클라이언트의 코드를 비교했을때, // 서버 socket.on('이벤트1', (dat.. 이전 1 다음
