🌐 HTTP/1.1 → HTTP/2 전환기: Nginx 설정으로 해결한 실무 장애 경험

🚨 시작은 갑작스러운 응답 오류

어느 날, 배포 이후 웹 페이지에서 간헐적인 응답 지연과
504 Gateway Timeout 오류가 터지기 시작했습니다.

• 페이지는 로딩이 안 되고…
• 콘솔에는 특정 JS/CSS 요청이 계속 대기 상태…
• 서버 로그는 조용한데, 사용자는 계속 에러를 보고 있었습니다.

처음에는 네트워크 문제라고 생각했지만,
원인은 HTTP/1.1의 구조적 한계에 있었습니다.

🧩 원인 분석: HTTP/1.1의 파이프라이닝 문제

우리는 HTTP/1.1 환경에서 서비스를 운영하고 있었고,
클라이언트는 Nginx를 거쳐 서버에 요청을 보내고 있었습니다.

발견된 문제

• 하나의 커넥션에 여러 요청이 순차적으로 쌓이는 구조 (파이프라이닝)
• 첫 번째 JS 요청이 지연되자, 나머지 리소스 요청도 줄줄이 대기
• 결과적으로 모든 리소스 로딩이 멈추고 504 오류 발생

정리하면…

하나의 커넥션에서 요청은 순차적으로만 응답 가능 →
첫 요청이 느리면 나머지도 줄줄이 묶임 = HOL Blocking

🚀 해결: HTTP/2로 전환

✅ 해결 전략

1. 클라이언트 → Nginx → Spring 서버 구조 유지
2. Nginx에서 HTTP/2 활성화
3. 테스트 결과: 요청 병렬 처리로 응답 지연 완전 해결

🔧 Nginx에서 HTTP/2 활성화 방법

1️⃣ 기존 설정 (HTTP/1.1)

server {
    listen 443 ssl;
    server_name example.com;

    ssl_certificate /etc/nginx/certs/fullchain.pem;
    ssl_certificate_key /etc/nginx/certs/privkey.pem;

    location / {
        proxy_pass http://localhost:8080;
    }
}

2️⃣ 수정된 설정 (HTTP/2 적용)

server {
    listen 443 ssl http2;  # http2 명시
    server_name example.com;

    ssl_certificate /etc/nginx/certs/fullchain.pem;
    ssl_certificate_key /etc/nginx/certs/privkey.pem;

    location / {
        proxy_pass http://localhost:8080;
    }
}

📌 주의: HTTP/2는 TLS 기반(HTTPS)에서만 동작하므로 SSL 설정이 필수입니다.

📈 전환 후 변화

🔍 HTTP/2의 기술적 장점 요약

💡 정리하며

실제로 경험해 보니, 단순한 프로토콜 차이 하나가
서비스 응답성과 사용자 경험에 큰 영향을 미친다는 걸 체감했습니다.