본문 바로가기
Back-end/Spring

[HTML5] 웹소켓( WebSockat )

by JiGyeong 2016. 4. 22.

HTTP : 단발성 일방향 통신


웹소켓 : 반영구적 양방향 통신

연결이 끊어지지 않고 계속 연결되어 있다.

이를 통해 채팅, 캐치마인드, 온라인 게임 등을 만들 수 있다.

node.js : 웹 소켓을 사용하게 만든 자바 스크립트 프레임 워크

socket.js : 소켓을 쓸 수있게 만든 자바스크립트



< web Socket 이벤트 >

* open : 접속

* close : 퇴장

* send : 메시지 전송 ( client -> server )

* emit : 메시지 전송 ( server -> client )




Apache Commat : 통신

- Polling 기술

- Long Polling 기술


두 기술을 아우러서 Commat이라 칭한다.


* Polling : 계속 물어보는 것



요청 보내고 응답 받자마자 다시 요청하며 실시간 통신한다.

부하가 심해지는 것을 개선시키기 위해 Long Polling이 나타났다.


* Long Polling

 

응답 시간을 조금 지연시켜 대답한다.




http:// sockjs.org 에 들어가서 zip파일을 다운받는다.



압축을 푼뒤에 dist폴더에 들어가 파일을 복사한다.



WEB-INF에 resources/js 폴더를 만들고

그안에 기존의 jquery js파일과 방금 다운받은 파일을 붙여넣는다.





applicationContext.xml에 추가한 파일 경로를 잡아준다.