# socket.io
.gif?w=768)
[Final Project] Into the Forest 회고
1.+ Intro 코드스테이츠 4주 프로젝트를 마치며 프로젝트에 대한 회고를 적으려 합니다. 팀원들 모두 이런 저런 아이디어를 내는 와중에 일반적인 웹페이지가 아닌 웹 게임을 만들어보기로 했는데 아무래도 조금은 색다른 프로젝트를 하고 싶었을 지도? 팀장이자 프론트
[에러핸들링]NestJS gateway와 Socket IO Client 통신
nestJS의 gateway 데코레이터를 사용해 서버를 구축하고 socket.io client와 소통을 시도했다.

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에 접속한 클라이언
Socket서버 만들어 보기
pusher 모듈을 대신하기 위한 웹 소켓 서버pusher에 메세지 전송 기능만을 사용하고 있어서 Socket.io를 사용하여 직접 구현해 보기로 하였다.클라이언트와 웹소켓 연결을 위한 라이브러리Socket.IO서버구동을 위하여 node의 프레임워크인 express를

[project] socket.io 사용기
실시간 채팅 시스템이 설계되어 클라이언트와 서버 사이의 양방향 통신 채널을 제공하는 솔루션이었다. 서버가 클라이언트에 메시지를 푸시할 수 있다는 것을 의미한다.일반 클라이언트와 서버의 요청 처럼 단방향이 아닌.서버가 클라이언트에도 요청을 보내고 받고하는 양방향 통신!s
아파치 2, SSL, Socket.io 설정하기
아파치2에서 ssl 적용상태에서 socket.io를 적용하는 방법이다."nodeJS가 동작하는 내부포트 3000으로 프록시를 해준다.URL에 socket.io, 쿼리 스트링에 transport=websocket을 달고 오는 요청을 3000번으로 연결해준다. 1\. so

Express - 서버를 구성하는 2가지 방법
Express를 이용한 서버 구성 예제 코드를 보다 보면 크게 2가지 방법으로 생성하는 것을 볼 수 있습니다. 이 두 가지 방법의 차이점을 설명합니다.
socket.io 맛보기
socket.io 란? socket.io는 서버와 클라이언트 간에 양방향 통신을 가능하게 해주는 모듈이다. 통신을 할때, 각 브라우저에 대해서 websocket, pooling, streaming, flash socket 등에서 가장 적절한 방법을 찾아 통신을 가능케

어제 일상 이야기... (Socket.io 문제해결)
리액트 훅 연습 겸 기존에 코드 작성했던것을 리액트 훅으로 변경해보았다.. 결과는 망함.... 훅 자체는 어렵지않았다. useState, useEffect, useContext(mobx-react-lite 조합 굿굿굿)!! 하지만 socket.io로 실시간 통신을 끼얹으니... 내 생각 범위를 벗어나는 일이 벌어져버렸다.. 솔직히... 거의 이것에 시간을...

Vuejs 간단 채팅앱 만들기
최근 Vuejs에 관심이 생겨서 공부것을 바탕으로 간단한 채팅앱을 만들어 보았습니다. 이렇게 개발글 남기는건 처음이라... 어떻게 써야 잘쓰는건지 잘 모르겠지만... 좋게봐주셨으면합니다~^^ Vue Component Framework - Vuetify를 설치하겠습니다. 1. 로그인 페이지 ./src/views/Login.vue ./src/App.vu...