Web Socket : 웹서버와 웹 브라우저가 실시간으로 데이터를 주고 받는 기능

1. ㈜유미테크
Web Socket
(웹서버와 웹 브라우저가 실시간으로
데이터를 주고 받는 기능)

2. 목차
• WebSocket 소개
• 개발 환경
• WebSocket 예제
• 개발 시 유의사항
WebSocket2

3. WebSocket 소개
• 웹서버와 웹 브라우저가 실시간으로 데이터를 주고 받을 수 있음.
WebSocket3

4. 개발 환경
• Eclipse Kepler
• JDK Version 1.8.0_05
• Spring Framework 4.0.4
• Tomcat 7.0.54
WebSocket4

5. WebSocket 예제
WebSocket5
• 프로젝트 구조

6. WebSocket 예제
WebSocket6
• pom.xml에 WebSocket dependency 추가

7. WebSocket 예제
WebSocket7
• WebSocketHandler 생성 및 설정(1)
– Client에서 보낸 message를 출력 후 현재 시간을 response 해주는 Handler 생성

8. WebSocket 예제
• WebSocketHandler 생성 및 설정(2)
WebSocket8

9. WebSocket 예제
• WebSocketConfig 파일 생성
– 이전 화면에서 등록한 Handler를 add 한다.
WebSocket9

10. WebSocket 예제
• servlet-context.xml 설정
WebSocket10

11. WebSocket 예제
• JSP 파일 생성
WebSocket11

12. WebSocket 예제
WebSocket12

13. 유의사항
• Tomcat Version은 7.0.52 이상을 사용한다.
– 7.0.52 Version 미만은 tomcat7-websocket-api.jar, websocket-api.jar 파일이 없음
WebSocket13
<Tomcat 7.0.34의 경우>

14. 유의사항
• JDK Version은 1.8 이상을 사용한다.
WebSocket14

15. 유의사항
• 테스트 가능 브라우저
– Internet Explorer 10 이상
– Chrome, Firefox 테스트 가능
– Internet Explorer에서 테스트 시 개발자 도구(F12)를 눌러 브라우저 모드와 문서모드를
확인한다.
• 브라우저 모드 : IE10 이상 버전으로 선택되어 있는지 확인
• 문서 모드 : 표준으로 선택
WebSocket15

16. 참고 자료
• WebSocket Support
– http://docs.spring.io/spring/docs/current/spring-framework-
reference/html/websocket.html
• WebSocket 공식 사이트
– http://www.websocket.org/echo.html
• 추천 책
– 모던 웹을 위한 HTML5 웹소켓 프로그래밍
• http://www.hanbit.co.kr/book/look.html?isbn=978-89-6848-031-7
WebSocket16