# socket.io
[socket.io] React, redux-saga eventChannel에 socket.io 사용하기 - (redux-saga에 socket.io 연결)
socketIO를 이용해 양방향 통신을 구현하는 것은 꽤 간단하다. (물론, 인증이나 채팅룸 등 다양한 기능을 추가하면 복잡해진다.) 하지만, 리액트를 이용해 개발을 하다보면 redux-saga를 자연스럽게 자주 쓰게되는데, 생각보다 까다로웠다. 리덕스 사가의 채널을
NestJS, Socket.io, RN, Mysql로 채팅 구현하기 - 1
진행중인 리액트 네이티브 프로젝트에서 채팅 구현이 필요했다. 차근차근 구현해나가는 과정을 정리해보고자 한다.Socket.IO enables real-time, bidirectional and event-based communication.It works on every
SOCKET - Tutorial
socket.io 공식 홈페이지 튜토리얼을 보며 정리하는 글파일명은 index.js로여기는 생략.파일명은 index.html로app.get("/", (req, res) => { res.sendFile(\_\_dirname + "/index.html");});io.on
웹소켓 Socket.io와 WS의 차이
두 모듈을 사용하다보니 세세하게 차이가 나는 것을 알 수 있었습니다. ws는 조금 불친절하지만 원하는대로 코드 작성하기가 쉬웠고, socket.io는 기능이 많고 쉽게 사용하기 쉬우며 직관적입니다. 처음 배우기에 확실히 좋은건 socket.io, 원하는대로 커스텀하여
210312 개발일지(95일차) - Web Socket과 Socket.io란?
웹소켓은 HTML5 표준 기술로, 사용자의 브라우저와 서버 사이의 동적인 양방향 연결 채널을 구성한다. Websocket API를 통해 서버로 메세지를 보내고, 요청 없이 응답을 받아오는 것이 가능하다. 현재 API는 W3C에서 관장하고 있으며 프로토콜은 IETF에서
.gif?w=768)
[Final Project] Into the Forest 회고
1.+ Intro 코드스테이츠 4주 프로젝트를 마치며 프로젝트에 대한 회고를 적으려 합니다. 팀원들 모두 이런 저런 아이디어를 내는 와중에 일반적인 웹페이지가 아닌 웹 게임을 만들어보기로 했는데 아무래도 조금은 색다른 프로젝트를 하고 싶었을 지도? 팀장이자 프론트
NodeJS로 Chat-app 만들기
udemy 에서 수강하던 nodeJS 강의의 마지막 부분인 Socket.io를 사용하여 chat-app 만들기 section을 수강하면서 배운 내용을 정리한 포스트입니다.
EZSET-AWS EC2로 배포하기
EZSET 프로젝트의 기록BackEnd : Node.jsFrontEnd : Vue.jsDatabase : MongoDBServer : AWS EC2AWS Management Console 에 로그인하고 EC2 서비스를 클릭해준다.image인스턴스 시작을 눌러준다.ima
EZSET-전자출결-02-1-출석기능 개선하기(Socket.io)
EZSET 프로젝트를 진행하면서 small-j와 함께 출석 파트를 담당했다. 출석 파트를 개발하는 과정을 기록해보려한다.Socket 서버는 출석이 상태변경을 계속 기다리며 클라이언트가 출결 페이지 접속 시 attendance room에 넣는다.관리자가 출석을 시작한 경
EZSET-전자출결-02-출석기능구현하기
EZSET 프로젝트를 진행하면서 small-j와 함께 출석 파트를 담당했다. 출석 파트를 개발하는 과정을 기록해보려한다.전자출결 기능을 구현하기 앞서 필요한 사항은출결페이지에 있다가 출석이 시작되면 실시간으로 출석창으로 바뀜종료시에도 실시간으로 종료상태로 바뀜출석 시작
react로 socket.io써보기 intro
이전까지 socket.io 튜토리얼을 해봤다면 이번엔 실전이다. 나의 계획은 socket.io를 이용하여 discode비슷하게 만드는 것이다. 맨 왼쪽의 방 목록은 socket.io의 rooms를 보여주고 친구 기능 없이 메인 페이지에서는 socket에 접속한 클라이언