HTTP AJAX Web Socket

1. 장소희
HTTP 부터 웹소켓 까지 🚀
CSW W4

2. 끔찍한 터미널 통신
😬

3. 1989년, HTTP의 등장

4. Hyper Text Transfer Protocol
터미널
텍스트 → 엄청 멋진 문서
😲
시각적, 정보량 증가

5. Hyper Text Transfer Protocol
“URL을 통해 사용자가 원하는 페이지 요청”
URL 이동 → 브라우저가 페이지 요청 → 서버 HTML 응답

6. Hyper Text Transfer Protocol
“URL을 통해 사용자가 원하는 페이지 요청”
URL 이동 → 브라우저가 페이지 요청 → 서버 HTML 응답

7. 굳이 새 팝업을 띄운다 🧐
URL 이동
(중복확인 요청)
↓
결과 HTML 응답

8. 꼼수 등장 🎮
Flash, ActiveX, 실버라이트 등등
런타임 환경 플러그인 형태 제공

9. AJAX의 등장
HTTP 효과적 사용
프로토콜 X

12. AJAX
HTTP를 효과적으로 사용하는 기술
XMLHttpRequest 객체 사용
서버는 XML/JSON 응답
HTTP는 브라우저가 요청
새로운 HTML 생성 X, DOM 수정
자원, 시간 절약 & URL 이동 X

13. XMLHttpRequest

14. 한계
Client 요청 시에만 Server 응답 😢

15. Web Socket 등장

16. Request
Response
Client Server
HTTP

17. Request
Response
Client Server
Web Socket

18. Web Socket
지속적 연결 유지, 연결 지향형
클라이언트 요청 없이도 서버 응답
양방향 통신 프로토콜
접속 확립에는 HTTP 사용, 이후 Web Socket 독자적
송수신 커넥션 따로 X, 단일 커넥션

19. Web Socket 사용 경우
1. 실시간 양방향 데이터 통신 필요
2. 많은 수의 동시 접속자 수용