목록socket (3)

초보 개발자

[ Node.js Vue.js Sockect.io ] 카톡 채팅 만들기 완성

taehyeki/chatting: 카톡같은 채팅만들기 ! (github.com) GitHub - taehyeki/chatting: 카톡같은 채팅만들기 ! 카톡같은 채팅만들기 ! . Contribute to taehyeki/chatting development by creating an account on GitHub. github.com 상대방이 로그인 한 경우 알림 표시 🟢 상대방이 채팅을 쳤을 때 실시간 업데이트 채팅방에 들어갔을 때 상대방에게 안읽음 표시 사라지게 하기 실시간 채팅하기 채팅 삭제하기 ( 채팅방 ) 채팅 삭제하기 ( 채팅방 목록 ) 사진 올리기
[ Node.js Vue.js Socket.io ] 채팅 2022. 6. 6. 15:43
vue socket cors에러 및 여러번 연결 되는 현상

client side // "vue-socket.io": "^3.0.10", import io from 'socket.io-client'; created () { this.addTodo('gogo') this.socket = io('http://localhost:3001',{ transports: ["websocket"], withCredentials: true, }); }, sever side // "socket.io": "^3.1.2" var app = require("express")(); var server = require("http").createServer(app); var io = require("socket.io")(server, { cors: { credentials: true, }, ..
카테고리 없음 2022. 5. 18. 20:41
socket의 기본 chat원리

먼저 home.pug에 채팅창 비슷하게 form을 만들어준다. app.js에서 폼에서 전송하면 서버에 메시지를 보내고 입력창을 비워주는 작업을 해주었다. 그리고 서버에서는 받은 메시지를 다시 브라우저에게 보내주었다. 브라우저에서 채팅을 입력하면 콘솔창에 바로 되돌아 온다. Chrome Edge둘다 된다. 여기서 중요한 점이 있다. Edge와 서버사이에 websocket이 있고, Chrome과 서버사이에 websocket이 있다. 이 두개는 아직 연결되어있지 않다. 우리가 각 브라우저에서 메시지를 보냈을 때 다른 브라우저로 넘어가는 것이 아니라 메아리 처럼 각 서버와 브라우저 둘이서만 주고 받고있다. 난 다른 사람과 이야기를 하고 싶다!! 그러므로 이 문제를 해결해야 한다. 서버에 fake database..
Zoom 클론 2021. 10. 6. 20:32
이전 Prev 1 Next 다음