const express = require('express');
const app = require('express')();
const server = require('http').createServer(app);
const io = require('socket.io')(server,{
cors: {
origin: '*',
methods: ['GET', 'POST']
}
})
io.on('connection', (socket) => {
console.log('연결!');
socket.on('rooms', function(data){
console.log('data:', data)
io.emit('data', data)
})
}
);
server.listen(8000)
import {io} from 'socket.io-client';
const socket = io('http://localhost:8000', {transports: ['websocket']})
export default function Home(){
const [name, setName] = useState('')
const [list, setList] = useState([]);
const handlePost = () => {
socket.emit('rooms', {post: name})
}
socket.on('data', (data) => {
console.log(data)
setList([...list, data])
});
return(
<input...생략/>
{list.map( (p, index) => {
return(
<div key={index}>
<li>
{p.post}
</li>
</div>
)
})}
)