이 기술 블로그를 만들기 위해 5년을 미뤘다.

Socket.io를 이용한 실시간 채팅 구현 - 1. 환경설정 회사 업무를 하면서 실시간 채팅 기능을 구현할 기회가 생겼다. 이사님이 솔루션 사서 개발하라고 하셨지만 예전부터 소켓 통신 관련하여 공부도 해보고 싶었던 참이고, 회삿돈이 아깝기도 해 guiyomi.tistory.com Socket.io를 이용한 실시간 채팅 구현 - 2. 기능 구현 2021.04.28 - [Project/실시간 채팅 서비스 개발] - Socket.io를 이용한 실시간 채팅 구현 - 1. 환경설정 Socket.io를 이용한 실시간 채팅 구현 - 1. 환경설정 회사 업무를 하면서 실시간 채팅 기능을 구현할 기 guiyomi.tistory.com 이제 대망의 마지막 단계이다. 순서 1. 서버 접속 후, 적당한 위치에 node.js..

Socket.io를 이용한 실시간 채팅 구현 - 1. 환경설정 회사 업무를 하면서 실시간 채팅 기능을 구현할 기회가 생겼다. 이사님이 솔루션 사서 개발하라고 하셨지만 예전부터 소켓 통신 관련하여 공부도 해보고 싶었던 참이고, 회삿돈이 아깝기도 해 guiyomi.tistory.com 앞 파트에서 환경 설정을 포함한 기본 셋팅을 마쳤다. 오늘은 채팅 기능을 구현하기 위한 과정을 적어보려고 한다. 실시간 메시지 기능 구현 가장 핵심적인 기능이자 가장 쉬운 기능이다. 이건 그냥 구글링해도 나온다! 채팅 리스트가 업데이트 될 때마다 리스트를 가져와서 유저가 접속한 채팅방의 메시지만 화면에 보여준다. 1. Web Js 코드(일부) socket.on('chatList', (data) => { chatList = da..

회사 업무를 하면서 실시간 채팅 기능을 구현할 기회가 생겼다. 이사님이 솔루션 사서 개발하라고 하셨지만 예전부터 소켓 통신 관련하여 공부도 해보고 싶었던 참이고, 회삿돈이 아깝기도 해서 구글링의 도움을 받아 기능을 만들고자 한다! 준비 node.js 설치 IDE 설치(VSCode) npm 설치 순서 1. 프로젝트 폴더 생성 후 npm init 명령어를 이용하여 초기 설정 2. npm install 명령어를 이용하여 express, socket.io 라이브러리 설치 npm install express --save npm install socket.io --save npm install cors --save 3. app.js 파일 생성 후 코드 작성 const express = require('express..