(react) soket.io를 이용한 메시지 기능 구현 (mysql을 이용한 기록남기기)
저번에 socket.io를 구현한 메시지 기능을 구현했습니다. 하지만 데이터베이스 없이 기능 구현을 한다면 이때까지의 메시지의 기록이 다 사라지게 됩니다 ㅎㅎ 그래서 이번에는 mysql을 이용한 메시지 기록남기기를 해보겠습니다. 먼저 프런트는 이렇게 나오게됩니다. (주의 휴대폰 전용 프런트입니다! 지금 랜덤채팅 웹을 만들고 있어서요 ㅎㅎ) 그리고 2개의 클래스 컴포넌트가 있습니다. 제가 메시지를 보낸 컴포넌트 제가 받은 메시지 컴포넌트 먼저 코드를 봅시다. Message.js import React, { Component } from "react"; import ScrollToBottom from 'react-scroll-to-bottom'; import './message.css'; import Mes..
react.js+express socket.io 를 이용한 room채팅
server.js message.js 예제를 사용합니다. 이번에 두 개의 프로젝트를 만들게 되었는데 이 두 프로젝트 두 개다 실시간 채팅 기능이 필요합니다. ㅠㅠ 그래서 socket.io 를 이용한 실시간 채팅 기능을 만들어보려고 노력해 보았습니다. express설치와 기본설정 react의 설치와 기본 설정은 건너뛰겠습니다. 설명에 앞서 app.js에서 뿌려지는 message.js와 express서버를 만드는 server.js의 예로 설명을 해보겠습니다. 일단 socket.io는 중요한 3가지를 기억을 해야 됩니다. emit join on 첫 번째로 emit입니다. emit은 단어 그대로 이벤트를 발생시키는 것입니다. 예를 들어 server.js에서 socket.emit('your id',socket.i..