# socket.io

112개의 포스트
post-thumbnail

Til. 소켓!

4/42

2022년 6월 28일
·
0개의 댓글
post-thumbnail

Socket.io 채팅방

작은 채팅 서버는 하나의 서버에서 돌아간다. 하지만 사이즈가 커지게되면 하나의 서버로 돌릴 수 없는 경우가 생긴다.이런 경우 특정 소켓은 A서버에 다른 소켓은 B서버에서 돌리는 경우가 생기고 이런 경우 server A에 연결된 클라이언트는 server B에 연결된 클라

2022년 6월 25일
·
0개의 댓글
post-thumbnail

⌨️ 1:1 채팅 기능 구현 ( with socket.io )

Next.js, prisma, socket.io를 이용해서 1:1 채팅 기능을 구현한 방식에 대한 포스트

2022년 6월 25일
·
0개의 댓글
post-thumbnail

⌨️ Socket.io

Socket.io 사용법 간단 정리

2022년 6월 23일
·
0개의 댓글
post-thumbnail

NodeJs(express) + Socket.io 이용한 채팅웹앱

설치 배포[ ngrok ]

2022년 6월 19일
·
0개의 댓글
post-thumbnail

[6.16 TIL]Node.js-Socket.IO 채팅방 구현

클라이언트가 평범한 http request를 서버로 계속 날려서 이벤트 내용을 전달받는 방식가장 쉬운방법이지만 클라이언트가 계속적으로 request를 날리기때문에 클라이언가 많아지면 서버의 부담이 급증하게 된다. http request connection을 맺고 끊는것

2022년 6월 16일
·
0개의 댓글
post-thumbnail

[chat] 채팅 입/퇴장 문구

채팅방에 유저가 들어오면 ㅇㅇ님이 들어오셨습니다. & 나갔습니다. 표시본인이 들어오고 나갈때는 표시하지 않음user.nick이 제대로 표시되다가도 나갔다 들어오면 undefinde가 표시됨위의 내용 + 한 유저에서 두번씩 표시됨 \-> render가 두번씩 발생한다고

2022년 6월 4일
·
0개의 댓글
post-thumbnail

Socket.io 를 통한 웹 실시간 통신

http를 이용해서 서버와 통신을 하게 된다면 요청과 응답의 사이에서 그 사이에 정보의 업데이트를 받지 못하게 된다.예를 들면, 영화 좌석 예매를 하는 경우에 내가 원하는 자리를 선택하고 결제를 하려는 사이에 다른 사람이 내 자리를 먼저 선택하고 먼저 결제를 해버리는

2022년 6월 3일
·
0개의 댓글

[NestJS: Socket Chat] 1장 설치 및 소개

사이드 프로젝트로 평소에 관심있었던 NestJS + Flutter 로 소켓채팅 앱 구현을 해보려고 합니다우선 첫번째로 NestJS 초기 패키지 설치 및 작업 셋팅을 해보겠습니다.NestJS 공식 사이트위 사이트 공식 사이트의 안내에 따라 NestJS 설치를 해보겠습니다

2022년 6월 2일
·
0개의 댓글
post-thumbnail

[리액트] 리액트와 Nodejs를 사용하여 실시간 채팅 구현 #1

프론트엔드가 백엔드와 실시간으로 통신할 때 소켓 통신을 사용한다. > 백엔드 : Node.js -> 주로 socket.io를 사용 백엔드 프레임워크 : 스프링 -> 주로 sockjs + stomp 사용 이번 포스팅에서 프론트엔드는 리액트, 백엔드는 node를 사용

2022년 5월 30일
·
0개의 댓글

socket.io 정리

음...클라이언트가 새로고침을 하면 소켓이 끊겼다가 다시 붙는거네??connection event handler를 정의해 놓으면 클라이언트가 socket.io 서버에 접속했을 때 connection 이벤트가 발생이 때 파라미터로 socket 객체가 전달되고 이 sock

2022년 5월 29일
·
0개의 댓글

Socket.io Part 2

Socket.io - Joining Room

2022년 5월 24일
·
0개의 댓글

Socket.io Part 1

socket.io - Global Chat

2022년 5월 23일
·
0개의 댓글
post-thumbnail

Socket.io 연습하기1

간단한 실시간 채팅을 만들기 위해 Socket.io를 공부해보기로 했다.검색을 해보니 예시가 꽤 많았다. 하지만 나의 얕은 지식으로 놀랄만한 일이 발생했다.최근에 계속 공부하던 Next.js로는 어려워 보였기 때문이다.서버가 필요하다는 내용을 보고 위기를 느꼈지만 다행

2022년 4월 30일
·
0개의 댓글
post-thumbnail

암호화폐 자동매매 프로젝트(4)

기본적인 기능을 우선 구현하고 릴리즈를 하고 사용해본 나는 앞으로 갈 길이 멀었다는 것을 느꼈다.사실 첫번째 릴리즈만으로 완벽할 순 없다는것은 알고 있었다. 많이 늦어졌는데 과정을 한번 남기고자 한다.업비트, models 패키지 분리프로그램 구동 방식 변경UI 변경우선

2022년 4월 24일
·
0개의 댓글
post-thumbnail

[Node JS] socket.io / jwt authentication / 채팅 회원정보 가져오기

기존에 MongoDB를 이용해 회원가입후 로그인을 하면 회원정보를 바탕으로한 채팅 구현.user의 메시지 라고 상단에 나타남유저 아이디가 다른 클라이언트에게 나타남▼전체 코드▼▼server.js▼▼chat.ejs▼▼chat.html▼미완성 작성중...

2022년 4월 19일
·
0개의 댓글

Socket.io

backendsocket.on(방이름: string , function)frontend에서 emit의 세번째 인자로 넘겨준 콜백을 backend에서 호출 할 수 있고, 이는 frontend에서 실행 된다.frontendsocket.emit(방이름: string , ob

2022년 4월 19일
·
0개의 댓글
post-thumbnail

[Node JS] 웹 채팅 / socket.io 구현

Node JS와 socket.io를 이용해 웹 채팅을 구현했다.기본 작동 방식클라이언트1이 채팅 내용을 서버로 보낸다.서버에서 나머지 클라이언트1을 제외한 나머지 클라이언트에 채팅 내용을 보내준다.반복▼server.js▼▼chat.html▼http://loca

2022년 4월 15일
·
0개의 댓글
post-thumbnail

Websocket과 socket.io

websocket은 HTML5 표준 기술로, 서버와 클라이언트 간 connection을 유지하며 "패킷" 형태로 양방향 통신, 데이터 전송이 가능하도록 하는 기술입니다.웹 소켓은 다음과 같은 특징을 갖고 있습니다.통산적인 HTTP 통신이 요청에 대한 응답의 단방향 통신

2022년 4월 14일
·
0개의 댓글

Web Socket(HttpSocket)

앞에서는 TCP/IP Socket이었다. 그렇다면 WebSocket은 무엇일까?

2022년 4월 13일
·
0개의 댓글