불로

피카츄배구,어렸을때 한번쯤은 해본 게임이지만... 나이먹고 하면 더 재밌는 게임이다. (회사 점심시간만 되면 웃음소리의 원인)하는 나도 재밌있고, 뒤에서 보는 모든이도 재밌게 만드는 스릴 만점 게임 게임 방법 & 키 설명게임 방법뭐 없음 공넘기면서 1점씩 얻고, 15점(5,10점도 가능) 먼저내면 아이스크림 얻어먹을 수 있다.아래 전략을 작게 적어주겠다. 혼자만 쓰길키 설명1 Player방향키 : ←↑→↓스파이크 & 슬라이딩 토스(방향키와 함께) : Enter 2 Player방향키 : d, r, g, f스파이크 & 슬라이딩 토스(방향키와 함께) : z 혼자할래 둘이할래? 혼자할꺼면 하지말자. 플레이 화면, 물론 나는 둘이했다. 전략은 점프하고 방향키를 누르지 않고, enter 또는 z를 누르면 정말 톡 ..

고전게임 총알 피하기입니다. 곰플레이어에도 숨어있었던 고전게임! 친구와 내기 한판 하시죠인생은 내기지, 암 그렇고 말고 랭킹 사이트에 접속하면 자신의 랭킹을 볼 수 있습니다. 이게.. 영광인지? 모르겠군 영광이지 랭킹 확인하러 가기

Socket.io를 통해서 실시간으로 채팅하는 프로젝트를 만드는 방법에 대해서 소개를 하려고 합니다. 채팅 가장 중요한게 실시간입니다. Socket.IO는 웹기반 실시간 양방향 통신이기 때문에 실시간 채팅을 구현할 수 있습니다.연결, 연결해제, 메시지 등을 순차적으로 구현해볼께! 자 Todo를 채워 봅시다. 클라이언트 (Client)ID :connectCloseSend 1. 연결이름을 넣고 connect를 누르면 '바나나님이 입장 하셨습니다.'와 함께 연결하는 부분$('#btnConnect').click(function() {id = $('#id').val();//Todows = io.connect();ws.on('connect', function() {ws.emit('login', {id:id});})..

Overviewhttp://socket.io/웹기반 실시간 양방향 통신HTML5 API웹 브라우저에 Client API구형 브라우져도 Fall back 지원Flash socketNodeJ는 Server APIsocket.io 이벤트connection / disconnection : 연결 / 연결 해제Socket 객체on('event', function(data) {})emit('event', json)통신 방법Publicio.sockets.emit('eventname', data)io.emit('eventname', data)Broadcast socket.broadcast.emit('eventname', data)Privatesocket.emit('eventname', data)설치하기npm instal..

Socket.IO 무엇을 할 수 있을까?socket.io 사이트를 접속하면 Demos과 함께 git에 코드가 공유되어 있다. 현재 Demo는 3가지가 있다.ChatWePlayComputer Chat WePlay Remote control

Overviewhttp://www.websocket.org/순수 웹 환경에서의 실시간 양방향 통신유사 기술Hidden iFrameAjax PollingComet (long-polling)Plug-in 기술 의존 제거ActiveX, JavaFX, Flash, Silverlight 등 WebSocket Object생성new WebSocket (url, [protocol])AttributesreadyState (read only)0 : Not established1 : Connected, Communication possible2 : Closing3 : ClosedbufferedAmount (read only)Methodssend(data)close()Eventsonopen : 서버와 연결 되었을때onmess..

NodeJs에서 가장 큰 장점은 외부 모듈이 많다는 것이다. 이번에는 외부 모듈을 사용하는 방법에 대해서 설명한다. node.js에서의 모듈을 관리하는 사이트는 아래와 같다. https://www.npmjs.com/ 찾고자하는 module을 검색하고, 이때 별을 확인하면 이 모듈이 정상적으로 동작하는지 여부를 알 수 있다. (뭐... 대중적인지?) express를 들어가면 아래와 같이 간단한 사용 방법과 설치 방법이 있다. npm install express를 하면 설치가 가능해진다. npm install -g express를 하면 global로 설치가 된다. global로 설치한 뒤에는 global module path를 환경변수로 등록한뒤 어느 프로젝트에서도 사용이 가능하다. 하지만 프로젝트에는 de..

이클립스에서 html파일을 이클립스에 설정된 브라우저로 열면 시스템 기본 웹 브라우저로 선택이 되어있다. 하지만 기본 브라우저는 지원이 기능이 많기 때문에 기본 브라우저를 chrome으로 변경해보자. 일단 html파일을 브라우저로 열기 위해서는 파일 우클리 Open With > Web Browser를 선택하면 된다. 이클립스 메뉴에서 Window > Preferences를 들어가면 General에 Web Browser를 설정할 수 있는 화면을 볼 수 있다.찾기 어렵다면 type filter text에 web이라고 검색을 하면 된다. 기본 설정으로는 Use internal web browser로 되어 있을 것이다. 하지만 아래와 같이 변경하기 위해서 New..를 클릭해서 Chrome을 추가한다. Locat..

1. polling (1,2,3)으로 하면 방법이 없지. iFrame을 사용하는 방법, javascript로 polling을 하면 ajax polling이라는 방법으로는!!! comet polling, long polling (res.send()하는 부분을 sleep을 해놓고(위 내용은 single thread이기 때문에, multi thread로만 구현이 가능)thread의 수가 접속 사용자 수 + @만큼 존재해야 한다는게... 문제임 스레드의 개수가 늘어남에 따라 메모리의 사용량이 linear하지 않기 때문에 문제가 생길 수도... 그럼 서버를 늘려야겠지요. 그럼 cluster를 만들고 서버사이에 background에서 sync를 맞춰야 합니다... 문제가 있넵그래서 activeX를 설치.. 아니면 ..

Ajax란 무엇이도냐 (Asynchronous JavaScript and XML)브라우저가 -request->서버에 전송하는 방법은 1. Form2. Link ()3. 주소창에 입력Web이라는 환경 안에서는 browser가 서버에 request를 보내는 방법이 없었습니다. (url로 요청을 해야겠지요?)request를 보내면, response를 받아서 browser가 refresh를 합니다. (그러면 기존에 있는 화면을 전체 변경 하겠지요)4. XMLHttpRequest라는게 새롭게 추가되었지요. (programming으로 변경 javascript로) javascript로 request를 발생시킬 수 있는...왜 XML이 붙어있을까? request를 보낼때 url이라고 보내는데 (parameter가 포함..