node.js로 소켓서버 구축하기

Daylogs/Javascript

발생일: 2012.11.06

문제:
지난 주말엔 회사에서 주최하는 해커톤(hackathon) 행사에 참석했었다.

이번엔 모바일 브라우저에서 PC 브라우저의 마우스를 컨트롤 할 수 있는 리모트 컨트롤러를 만들었다.

컨트롤러는 트위터 부트스트랩과 Raphael.js로 꾸미고, require.js로 모듈화했고,

통신은 웹소켓으로 하고, 소켓 서버는 node.js를 사용했다.

작업한 코드는 github에 넣어뒀다.

https://github.com/ohgyun/remote-controller

여기까지 작업하는데 대략 10시간 정도 걸린 것 같다. 비몽사몽이라 기억이.. @_@

여튼, 작업 중간중간 메모해둔 게 있어 옮겨둔다.

해결책:

node.js 웹소켓 서버

https://npmjs.org/package/websocket

웹서버 프레임워크는 express를 쓴다.

https://npmjs.org/package/express

express 사용법

http://expressjs.com/api.html

WebSocket과 Socket.io의 차이점

http://helloworld.naver.com/helloworld/1336

통신 방법을 websocket으로만 제한하고 싶다면.

transports 옵션을 webscoket으로만 넣는다.

https://github.com/LearnBoost/socket.io/wiki/Configuring-Socket.IO

socket.io.js 파일 어디에 있나?

express 3.x 버전에서 socket.io를 사용했기 때문.

https://github.com/visionmedia/express/wiki/Migrating-from-2.x-to-3.x

3.x에 맞게 바꾸고,

express의 app.listen()이 아니라, http 서버의 server.listen() 이다.

socket.io로 방(채널) 만들기

https://github.com/LearnBoost/socket.io/wiki/Rooms

방 여러개 쓰기 튜토리얼

http://psitsmike.com/2011/10/node-js-and-socket-io-multiroom-chat-tutorial/

__dirname 과 상대경로 ./ 의 차이

http://stackoverflow.com/questions/8131344/what-is-the-difference-between-dirname-and-in-node-js

require.js로 부트스트랩이 로드되지 않을 때

http://stackoverflow.com/questions/11389715/requirejs-use-autoloading-deps-with-shim

require.js로 raphael이 로드되지 않을 때

https://github.com/DmitryBaranovskiy/raphael/issues/524

https://github.com/DmitryBaranovskiy/raphael/pull/540

저작자표시비영리변경금지

Daylogs/Javascript 카테고리 글 더보기

이전 1 ··· 152 153 154 155 156 157 158 159 160 ··· 235 다음

꿀벌개발일지 소식받기

꿀벌개발일지 페이스북 페이지를 좋아요해보세요!
새 개발일지를 올렸을 때 알림을 받으실 수 있어요.

꿀벌개발일지

카테고리

분류 전체보기 (707)

About me. (6)

Daylogs (672)

비공개 (0)

영어공부 (0)

My works - 추억 (29)

node.js로 소켓서버 구축하기

꿀벌개발일지 소식받기

카테고리

최근 글