HTTP의 진화, HTTP/2

2024. 12. 25. 21:03·IT/Web
728x90
반응형

HTTP의 진화, HTTP/2 

Stream, Stream Multiplexing (다중 요청 처리)

하나의 TCP 연결에서 여러 개의 요청과 응답을 동시에 처리할 수 있습니다. 이를 통해 지연 시간(latency)을 줄이고 더 빠른 웹 페이지 로딩을 가능하게 합니다.

HTTP/1.1 (왼쪽) / HTTP/2 (오른쪽)
HTTP/1.1 Header
HTTP/2 Header

HTTP/2는 하나의 TCP Connection에서 요청을 처리할 수 있는 반면 HTTP/1.1은 여러개 Connection을 가지는 것을 확인

HTTP/1.1 Network
HTTP/2 Networ

서버 푸시(Server Push)

HTTP/2는 서버 푸시(Server Push) 기능을 제공하여, 클라이언트가 요청하지 않은 리소스도 미리 보내는 방식으로 성능을 향상시킬 수 있습니다.

 

헤더 압축 (HPACK)

HTTP/2는 헤더 압축을 통해 요청과 응답의 크기를 줄이고, 네트워크 효율성을 높입니다. 이를 통해 HTTP 요청에서 발생하는 오버헤드를 줄일 수 있습니다.

 

 

HTTP 버전별 네트워크 캡쳐

 

구현 환경은 아래 레포에서 확인 가능하다.

https://github.com/sanggi-wjg/kotlin-spring-boot-demos/tree/main/about-nginx

 

HTTP/1.1 은 클라이언트에서 클라이언트에서 여러 요청을 보낼때 응답을 기다리지 않고 각 요청들을 먼저 전송하는 방식을 사용한다.
와이어 샤크를 통해 캡쳐 했을때 /page/welcome.html 접속 후 응답과 상관없이 요청을 보내는 것을 볼 수 있다.

33, 클라이언트 -> 서버, SYN, TCP 연결 요청
34, 클라이언트 -> 서버, SYN, TCP 연결 요청

35, 서버 -> 클라이언트, SYN+ACK, 연결 수락
36, 서버 -> 클라이언트, SYN+ACK, 연결 수락

37, 클라이언트 -> 서버, ACK, 연결 완료
38, 클라이언트 -> 서버, ACK, 연결 완료

41, /page/welcome.html 요청 후 응답과 상관없이 필요한 요청들을 요청하고 있음.

 

HTTP/2 는 TLS가 추가되어 TCP handshake 후 TLS handshake를 하고 요청에 대해 암호화된 Application Data 를 전달 하고 있음을 확인 가능하다.

 

 

 

728x90
반응형
저작자표시 비영리 (새창열림)
'IT/Web' 카테고리의 다른 글
  • HTTP의 진화, HTTP/3
  • HTTP의 진화
  • [Web Hacking] Challange 54 풀이
  • [Web Hacking] Challange 24 풀이
상쾌한기분
상쾌한기분
    반응형
    250x250
  • 상쾌한기분
    상쾌한기분
    상쾌한기분
  • 전체
    오늘
    어제
    • 분류 전체보기 (251)
      • Python (44)
        • Python (26)
        • Django (6)
        • Flask (4)
        • Open Source (6)
      • Kotlin & Java (5)
        • Spring (2)
        • 프로젝트 (1)
      • Go (11)
      • Database (24)
        • MySQL (21)
        • Redis (3)
      • Infrastructure (2)
        • CDC (4)
        • Kafka (5)
        • Prometheus (2)
        • Fluentd (11)
        • Docker (1)
        • Airflow (2)
        • VPN (2)
      • IT (26)
        • AI (9)
        • Langchain (8)
        • Web (18)
        • Git (8)
        • 리팩토링 (9)
        • Micro Service Architecture (8)
        • Clean Code (16)
        • Design Pattern (0)
        • 수학 (1)
        • 알고리즘 (14)
      • OS (14)
        • Centos (10)
        • Ubuntu (3)
        • Mac (1)
      • Search Engine (2)
        • ElasticSearch (1)
        • Lucene Solr (1)
      • PHP (2)
        • Laravel (1)
        • Codeigniter (1)
  • 블로그 메뉴

    • Github 방문
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    티스토리챌린지
    prompt
    fluentd
    http
    docker
    파이썬
    Langchain
    performance
    오블완
    백준
    ollama
    Kafka
    python
    LLM
    go
    MYSQL
    Redis
    Golang
    git
    CDC
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
상쾌한기분
HTTP의 진화, HTTP/2
상단으로

티스토리툴바