SOCKET
-
Social Media 만들기 - 22) Call 기능 만들기 ( Web RTC사용하기 (peer))NODE.JS 2021. 8. 8. 23:00
이번에는 web rtc를 사용해서 사용자간의 통화를 실시간으로 주고받을 수 있도록 설정할 것이다. 먼저 서버는 npm i peer, 클라이언트는 npm i peerjs 해서 peer 사용을 가능하도록 해준다. 이제 peer 정보를 서버에서 설정해주고, 클라이언트에서는 실행후, socket 처럼 정보를 state에 저장해준다. server.js const {PeerServer} = require('peer') //Create peer server PeerServer({port:3001, path:'/'}) peer와 함께 call의 정보도 저장할 것이다. call constant export const CALL = 'CALL' export const PEER = 'PEER' callReducer impor..
-
Social Media 만들기 - 20) socket io 사용(notify 생성하고 전달하기)NODE.JS 2021. 8. 4. 00:08
이제 알람모델을 생성해보자. 우선, notify를 보여주는 모달을 만들것이다. 다음과 같이 header에서 원래 페이지로 존재하던것을, navbar페이지가 아닌, dropdown모델로 바꿔주자. 우선 드롭다운 모델로 만들어주고, modal을 나열하는 형식으로 만든다. function Haader() { const navLinks = [ { label: 'Home', icon: 'home', path: '/'}, { label: 'Message', icon: 'near_me', path: '/message'}, { label: 'Discover', icon: 'explore', path: '/discover'}, // {label:'Notify', icon:'favorite', path:'/notify'}..
-
Social Media 만들기 - 19) socket io 사용하기 ( App.js 문제 해결!)Spring 2021. 8. 2. 22:48
이번엔 socket io를 사용해서 알림을 가도록 설정해보자. 먼저 server에 socket 사용을 위한 세팅을한다. 서버쪽에 npm i socket.io, 클라이언트 쪽에 npm i socket.io-client해준다. const SocketServer = require('./SocketServer') //Socket const http = require('http').createServer(app) const io = require('socket.io')(http) io.on('connection', socket=>{ console.log(socket.id + ' Connected') SocketServer(socket) }) const port = process.env.port || 5000 ht..