![]()
이번 포스팅에서는 Socket.IO를 이용해 익명 채팅을 만들어보겠다! 이전 포스팅에서 웹 소켓과 Socket.IO에 대한 기본적인 설명과 예제를 적어두었으니 보고 오면 좋다. 책 Node.js 교과서(개정 2판) 책의 12장의 내용을 참고했다. +모든 코드는 github주소에 있다. 개발 환경 백엔드: Node.js DB: MongoDB 프론트엔드: Nunjucks GIF 채팅방 만들기 주의: 소켓은 버전에 따라 에러를 많이 내므로, 본 포스팅에 있는 버전과 일치하지 않는 경우 에러가 발생할 수 있음! 1. 뼈대 구축하기(npm, DB, 추가html/css) 1. npm 설치 Git [package.json] { "name": "gif-chat", "version": "1.0.0", "main": "a..
![]()
이번 포스팅에서는 웹에서의 실시간 통신인 소켓을 이용해보자! 대부분의 설명은 주석으로, 추가적인 코멘트가 필요한 경우 블로그에 적었다. 책 Node.js 교과서(개정 2판) 책의 12장의 내용을 참고했다. +모든 코드는 github주소에 있다. 1. 웹 소켓(Web Socket)이란? 폴링(polling) 단방향 클라이언트 -> 서버 클라이언트에서 주기적으로 서버에 업데이트 있는지 확인하는 요청을 보냄 서버센트 이벤트(SSE; Sever Sent Event) 단방향 서버 -> 클라이언트 한 번 연결하면 서버가 클라이언트에 지속적으로 데이터를 보냄 클라이언트에서 서버로 데이터를 보낼 수 없음! 그렇다면, 웹 소켓은? 웹 소켓(Web Socket) 양방향 서버 클라이언트 한 번 웹 소켓이 연결하면 _계속 연..
