Download - Web socket
![Page 1: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/1.jpg)
㈜유미테크
Web Socket
![Page 2: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/2.jpg)
2
목차
• WebSocket 소개
• 개발 환경
• WebSocket 예제
• 개발 시 유의사항
WebSocket
![Page 3: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/3.jpg)
WebSocket3
WebSocket 소개
• 웹서버와 웹 브라우저가 실시간으로 데이터를 주고 받을 수 있음 .
![Page 4: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/4.jpg)
4
개발 환경
• Eclipse Kepler• JDK Version 1.8.0_05• Spring Framework 4.0.4 • Tomcat 7.0.54
WebSocket
![Page 5: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/5.jpg)
5
WebSocket 예제
WebSocket
• 프로젝트 구조
![Page 6: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/6.jpg)
6
WebSocket 예제
WebSocket
• pom.xml 에 WebSocket dependency 추가
![Page 7: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/7.jpg)
7
WebSocket 예제
WebSocket
• WebSocketHandler 생성 및 설정 (1)– Client 에서 보낸 message 를 출력 후 현재 시간을 response 해주는 Handler 생성
![Page 8: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/8.jpg)
WebSocket8
WebSocket 예제
• WebSocketHandler 생성 및 설정 (2)
![Page 9: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/9.jpg)
9
WebSocket 예제
• WebSocketConfig 파일 생성– 이전 화면에서 등록한 Handler 를 add 한다 .
WebSocket
![Page 10: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/10.jpg)
10
WebSocket 예제
• servlet-context.xml 설정
WebSocket
![Page 11: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/11.jpg)
11
WebSocket 예제
• JSP 파일 생성
WebSocket
![Page 12: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/12.jpg)
WebSocket12
WebSocket 예제
![Page 13: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/13.jpg)
WebSocket13
유의사항
• Tomcat Version 은 7.0.52 이상을 사용한다 .– 7.0.52 Version 미만은 tomcat7-websocket-api.jar, websocket-api.jar 파일이
없음
<Tomcat 7.0.34 의 경우 >
![Page 14: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/14.jpg)
WebSocket14
유의사항
• JDK Version 은 1.8 이상을 사용한다 .
![Page 15: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/15.jpg)
WebSocket15
유의사항
• 테스트 가능 브라우저– Internet Explorer 10 이상– Chrome, Firefox 테스트 가능– Internet Explorer 에서 테스트 시 개발자 도구 (F12) 를 눌러 브라우저 모드와
문서모드를 확인한다 .• 브라우저 모드 : IE10 이상 버전으로 선택되어 있는지 확인• 문서 모드 : 표준으로 선택
![Page 16: Web socket](https://reader035.vdocuments.site/reader035/viewer/2022062418/554f4bcbb4c905524c8b49f0/html5/thumbnails/16.jpg)
WebSocket16
참고 자료
• WebSocket Support – http://docs.spring.io/spring/docs/current/spring-framework-reference/html/web
socket.html
• WebSocket 공식 사이트– http://www.websocket.org/echo.html
• 추천 책– 모던 웹을 위한 HTML5 웹소켓 프로그래밍
• http://www.hanbit.co.kr/book/look.html?isbn=978-89-6848-031-7