SSAFY 스터디 HTTP 2에 대해서 발표하였습니다. - HTTP2는 어떠한 특징을 가지고 있을까? - Wireshark를 이용한 연습

1. HTTP / 2
HTTP 2는 어떻게 차이점을 두었을까?
By IMHOJEONG

2. 1편과 이어집니다!

3. 왜? 라는 질문에서 깊이를 얻을 수 있습니다!

4. HTTP 2 알아보기 전에...
TCP, HTTP와 같은 기술들에 대한 기본 지식 필요!

5. Browser Rendering 과정 중에...

6. HTTP 2

7. why HTTP 2 is appear?

8. why HTTP 2 is appear?

9. HTTP/2 is HTTP/1 expansion

10. Binary Framing
Binary Frame

11. Binary Framing layer

12. Binary Framing layer

13. Binary Framing layer

14. new Binary Framing Mechanism
Stream, Message, Frame

15. Stream, Message, Frame

16. Stream, Message, Frame
Single TCP Connection
(any number of Streams)
unique identifier,
Optional Priority Information
(any number of Streams)
logical HTTP message
(one or more frames)
Frames from
different streams
may be interleaved

17. Stream, Message, Frame
logical HTTP message
(one or more frames)
reassembled (the
embedded stream
identifier ( in the
header of each frame)

18. interleaving
Memory efficiency
Memory Interleaving
+ DMA

19. Request and response Multiplexing
By Binary Framing layer

20. request or response multiplexing
HTTP/1.1 => Head Of Line & TCP not efficient use

21. request or response multiplexing
! very
important

22. interleaving

23. Stream Priority
order of delivery ∝ Performance

24. Stream Priority
How implement?

25. One connection per origin
One Connection

26. one connection per origin

27. one connection per origin

28. Flow Control
mechanism to prevent the sender from
Overwhelming the receiver

29. why use Flow Control?

30. TCP vs HTTP/2 Stream

31. Flow Control

32. Server Push
the ability of the server to send multiple
responses for a single client request

33. Why Header Compression needs?
if Server already know?

34. Why Server Push needs?

35. Server Push 개요
How implement?
example

36. Push resources advantages
Cached by the client
Reused across different pages
Multiplexed alongside other
resources
Prioritized by the server
Declined by the client

37. Server Push - `PUSH_PROMISE`

38. Header Compression
HPACK compression format

39. Why Header Compression needs?
HTTP/1.x

40. HPACK compression

41. Let`s Play
Test HTTP2 with WireShark

42. Run!
1. Run Wireshark
2. curl --http2 -v nghttp2.org/robots.txt nghttp2.org/humans.txt

43. HTTP 1.1 101 Switching Protocols
Client Server

44. HTTP 1.1 101 Switching Protocols

45. HTTP 1.1 101 Switching Protocols

46. Connection Preface

47. Connection Preface

48. Connection Preface

49. Connection Preface

50. SETTINGS, HEADERS, DATA,
WINDOW_UPDATE

51. WINDOW_UPDATE

52. WINDOW_UPDATE
Individual Stream vs Entire Connection => Hop By Hop

53. HEADERS Frame

54. 참고
HTTP/2(https://developers.google.com/web/fundamentals/performance/http2)
Hello HTTP/2, Goodbye SPDY(https://blog.chromium.org/2015/02/hello-http2-goodbye-
spdy.html)
https://developer.mozilla.org/ko/docs/Web/HTTP/Status/101
https://datatracker.ietf.org/doc/html/rfc7540#section-3.5
https://httpwg.org/specs/rfc7540.html
https://ko.wikipedia.org/wiki/%EB%A9%94%EB%AA%A8%EB%A6%AC_%EC%9D%B8%ED%84
%B0%EB%A6%AC%EB%B9%99
https://hpbn.co/http2/#server-push

55. Thank You!
39ghwjd@naver.com
IMHOJEONG@github.com