이번엔 모바일 브라우저에서 PC 브라우저의 마우스를 컨트롤 할 수 있는 리모트 컨트롤러를 만들었다.
컨트롤러는 트위터 부트스트랩과 Raphael.js로 꾸미고, require.js로 모듈화했고,
통신은 웹소켓으로 하고, 소켓 서버는 node.js를 사용했다.
작업한 코드는 github에 넣어뒀다.
여기까지 작업하는데 대략 10시간 정도 걸린 것 같다. 비몽사몽이라 기억이.. @_@
여튼, 작업 중간중간 메모해둔 게 있어 옮겨둔다.
해결책:
node.js 웹소켓 서버
웹서버 프레임워크는 express를 쓴다.
express 사용법
WebSocket과 Socket.io의 차이점
통신 방법을 websocket으로만 제한하고 싶다면.
transports 옵션을 webscoket으로만 넣는다.
socket.io.js 파일 어디에 있나?
express 3.x 버전에서 socket.io를 사용했기 때문.
3.x에 맞게 바꾸고,
express의 app.listen()이 아니라, http 서버의 server.listen() 이다.
socket.io로 방(채널) 만들기
방 여러개 쓰기 튜토리얼
__dirname 과 상대경로 ./ 의 차이
require.js로 부트스트랩이 로드되지 않을 때
require.js로 raphael이 로드되지 않을 때