본문 바로가기

clone toy projects/node_expresss_chat

ws 모듈로 웹소켓 사용하기 git-chat라는 폴더 생성 후 기본 패키지 구성 app.js routes/index.js npm install ws 웹 소켓을 익스트프레스 서버와 연결. 웹 소켓 로직이 들어있는 socket.js 파일 작성 ws 모듈을 불러온 후 익스프레스 서버를 웹소켓 서버와 연결했습니다. 익스프레스(HTTP)와 웹소켓(WS)은 같은 포트를 공유할 수 있어 별도의 작업이 필요하지 않습니다. 연결 후에는 웹소켓 서버(wss)에 이벤트 리스너를 붙입니다. 웹소켓은 이벤트 기반으로 작동한다고 생각하면 됩니다. 실시간으로 데이터를 전달받으므로 항상 대기하고 있어야 합니다. "connection" 이벤트는 클라이언트가 서버와 웹소켓 연결을 맺을 때 발생합니다. req.headers['x-forwarded-for']와 req.. 더보기
웹소켓 이해하기 '노드의 교과서'를 토대로 진행 노드 생태계에서는 "웹소켓"이라는 말을 들으면 보통 먼저 "Socket.IO"를 떠올리는 경우가 많습니다. 하지만 Socket.IO는 웹소켓을 활용한 라이브러리일 뿐이며, 웹소켓 그 자체는 아닙니다. 나중에 Socket.IO를 사용하기 위해서는 기반 기술인 웹소켓에 대해 먼저 알아야 합니다. 웹소켓은 HTML5에 새로 추가된 스펙으로, 실시간 양방향 데이터 전송을 위한 기술입니다. 이 기술은 HTTP와 다르게 WS라는 프로토콜을 사용합니다. 따라서 브라우저와 서버가 WS 프로토콜을 지원하면 사용할 수 있습니다. 노드(Node.js) 환경에서는 ws나 Socket.IO 같은 패키지를 통해 웹소켓을 사용할 수 있습니다. 웹소켓이 나오기 이전에는 HTTP 기술을 사용하여 실시간.. 더보기