제가 socket.io에 대해 제대로 이해하고있는건지 알려주실수 있을까요?

Question

저는 nodejs로 socketio를 이용해 업비트라는 사이트로 부터 실시간 데이터를 받아 그것을 실시간으로 출력해주는 웹을 구현하는 공부를 하고있습니다. 지금 웹소켓을 공부중인데 제대로 이해한건지 제 설명이 틀린것이 있으면 알려주시면 감사하겠습니다. 한번의 요청이 들어오면 한번의 응답을 보낼 수 있는 일반적인 웹과는 달리 웹소켓을 이용하면 실시간으로 양방향 통신을 구현할 수 있다. express에서 socket io 구현 방법은 서버 쪽 코드와 클라이언트 코드로 나뉜다.서버쪽 코드는 nodejs파일에서 구현되며 const express = require('express');const app = express();const http = require('http');const server = http.createServer(app);const io = require('socket.io')(server);를 통해 서버를 열고 io.on('connection', (socket) => { console.log('a user connected'); socket.on('disconnect', () => { console.log('user disconnected'); });});같이 이벤트리스너를 등록해 클라이언트 쪽 소켓의 요청을 받을 수 있다 클라이언트 코드는 서버인 nodejs가 사용자의 화면에 출력될 html 파일에 삽입되어 보내어지고 html파일에는 모듈 require가 불가능하므로 를 통해 스크립트를 로딩하고로 소켓을 통해 서버와 연결한다. 위와 같이 io에 인자를 주지 않을 경우 로컬호스트로 연결되며const socket = io(url,option);url과 옵션을 인자로 주는 것을 통해 다른 사이트의 웹소켓에 연결할 수 있으며 이를 통해 타 사이트의 api사용을 가능하게 해준다. 로컬 호스트가 아닌 타 사이트 웹소켓에 연결할 경우 서버쪽 코드는 작성하지 않아도 된다.(여기서 궁금한 점이 url을 업비트api 주소로 해서 실시간 정보를 요청해봤는데 클라이언트 콘솔에 cors 에러가 뜨던데 해결을 못하겠습니다 ㅠㅠ 만약 요청에 성공하더라도 실시간정보에 어떻게 접근 할지도 모르겠습니다)클라이언트 코드도 서버쪽 코드와 마찬가지로 socket.on('event_name', () => { console.log('이벤트발생'); });같이 이벤트리스너를 등록할 수 있으며 콜백함수의 인자를 통해 데이터를 주고 받을 수 있다. 지금 독학 중이어서 많이 모자랍니다.. 어쩌면 그냥 개념자체를 잘못 이해하고 있을지도 모르겠네요제가 영어를 잘 못해서 socket io 홈페이지에 들어가서 짧은 영어실력으로 독해하다보니 잘못 이해한 부분이 많을지도 모르겠습니다.

호호하하하하 · Answer

화이팅

캐티 · Answer

소켓io 는 소켓같은 기능을 제공하는거지 깊게보면 소켓은 아니빈다.웹소켓, 아이프레임, 롱텀xhr 일케 3개 통신기반을 가지고 있쩌.글머 소켓io 를 쓰면 장점은 클라우드플레어에 웹소켓 연결을 많이 주지 않는 경우에 롱텀xhr 모드를 사용하여 제약을 깨고 소켓같은 통신을 하게 해주빈다. 당연히 웹소켓보다는 효율이 떨어지저.소켓io 에도 그렇게 기재되어있을꺼빈다. 하지만 문서가 글케 친절한 편은 아니었쩌여. 그렇다고 해서 섞 나쁜 편도 아니저.소켓io에 통신은 채널링 되어있어서 방을 생성한다음에 그 방에 io를 하게 되어있스빈다. 이점은 일반적인 웹소켓방식이랑 다르저. 편의를 위햇 이렇게 제공하는거빈다. 요즘 통신에는 채널이 기본적으로 제공되빈다. 채널의 장점은 짐 설명해도 혼란만 가증될 듯 하는쩌여.

revolve · Answer

Guillermo Rauch가 만든 Socket.io는 WebSocket, FlashSocket, AJAX Long Polling, AJAX Multi part Streaming, IFrame, JSONP Polling을 하나의 API로 추상화한 것이다. 즉 브라우저와 웹 서버의 종류와 버전을 파악하여 가장 적합한 기술을 선택하여 사용하는 방식이다. 가령 브라우저에 Flash Plugin v10.0.0 이상(FlashSocket 지원 버전)이 설치되어 있으면 FlashSocket을 사용하고, Flash Plugin이 없으면 AJAX Long Polling 방식을 사용한다.

제가 socket.io에 대해 제대로 이해하고있는건지 알려주실수 있을까요?

3개의 답변

Q&A 목록