Socket.io

923 views

Published on

okjsp 5/14 소모임 발표자료 ( socket.io )

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
923
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
18
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Socket.io

  1. 1. SOCKET.IOReal-­‐Time  Applica-on
  2. 2. 소  개Smart Innovation 기술팀최  민  우60%25%15%Javascript Objective-CEtc...Mobile & WebJavascript- Sencha Touch- NodeJS- jQuery
  3. 3. Guillermo Rauch
  4. 4. expressasyncunderscoreconnectjadesocket.ioredisrequestgruntNodeJS...
  5. 5. Socket.ioWebSocket,  FlashSocket,  AJAX  Long  PollingAJAX  Mul:  part  Streaming,  IFrame,  JSONP  Polling
  6. 6. 실시간  양방향  통신
  7. 7. PollingLong-pollingiframeStreamingWebSocketFlash
  8. 8. PollingLong-pollingiframeStreamingWebSocketFlash✦ 장점✦ 단점빠르고 안정적모바일 지원 안함Flash.net.Socket을 이용한 소켓통신
  9. 9. PollingLong-pollingiframeStreamingWebSocketFlash✦ 장점✦ 단점폭넓은 브라우저 호환성모바일 지원 안함메모리 릭 발생iframe을 숨겨놓고 메시지를 계속보냄
  10. 10. PollingLong-pollingiframeStreamingWebSocketFlash✦ 장점✦ 단점호환성이 좋음불필요한 트래픽 발생주기적으로 요청하여 결과확인
  11. 11. PollingLong-pollingiframeStreamingWebSocketFlash✦ 장점✦ 단점호환성이 좋음이벤트마다 연결 시도요청응답을 서버 이벤트 발생시 받음
  12. 12. PollingLong-pollingiframeStreamingWebSocketFlash✦ 장점✦ 단점매번 연결을 안해도 통신이 가능지원 브라우저가 적음오작동 하는 브라우저도 있음요청응답을 완료하지않고 데이터를 받음
  13. 13. PollingLong-pollingiframeStreamingWebSocketFlash✦ 장점다른방식에 비해 빠름HTML5 Spec✦ 단점???
  14. 14. Web Socket!
  15. 15. npm  install  socket.io-­‐clientServer Client시작npm  install  socket.io
  16. 16. BroadcastPublicPrivate
  17. 17. ServerClient Client ClientPublic socket.sockets.emit()
  18. 18. ServerClient Client ClientBroadcast socket.broadcast.emit()
  19. 19. ServerClient Client ClientPrivate socket.sockets[id].emit()
  20. 20. 설정Server Client
  21. 21. 불안요소 존재통신단절 구간 ( 이동시, 엘레베이터 등 )잦은 데이터 교환 시 부적합함모바일에서... 느리다?But.. 가능성이 있다
  22. 22. Socket.io한번 시작해보세요
  23. 23. https://github.com/learnboost/socket.io/https://github.com/LearnBoost/socket.io-clienthttps://github.com/guillehttp://helloworld.naver.com/helloworldhttp://socket.iohttp://caniuse.com/#search=websocketReferencehttps://github.com/LearnBoost/socket.io-spec
  24. 24. Q & A

×