웹 기술 기초

웹 서버가 응답을 gzip이나 Brotli로 압축하여 보낼 때, 압축에 의한 전송량 절감이 일반적으로 가장 작은 것은?

  1. AHTML 파일
  2. BJavaScript 파일
  3. CJPEG 사진
정답과 해설 보기

정답: C. JPEG 사진

브라우저는 Accept-Encoding 헤더로 지원하는 압축 방식을 알리고, 서버는 압축한 응답에 Content-Encoding 헤더로 사용한 방식을 나타냅니다. HTML, CSS, JavaScript, JSON 같은 텍스트는 같은 문자의 나열이 반복해서 나타나므로 압축으로 크게 작아집니다. JPEG나 PNG, WebP 이미지나 동영상은 그 자체가 이미 압축된 형식이므로, 더 압축해도 거의 작아지지 않고 압축 처리 시간만 낭비됩니다. 그래서 일반적으로 텍스트 응답만 압축하도록 설정합니다.

이 분야 연습하기 분야로 돌아가기

웹 기술 기초의 다른 문제

  1. 1.5 MB의 텍스트 데이터를 gzip으로 3분의 1 크기로 압축하여 보낸다. 대역폭이 10 Mbps, RTT가 100 ms이고, 데이터를 보내기 시작하기 전에 TCP 연결, TLS 핸드셰이크, HTTP 요청에 합쳐서 3왕복이 걸린다고 한다. 1 MB = 10^6바이트로 하고, 압축과 압축 해제 시간, 헤더, TCP의 혼잡 제어에 의한 대기는 무시한다. 데이터를 다 받을 때까지의 시간에 가장 가까운 것은?
  2. 초당 2,000건의 요청을 받는 CDN에서 캐시 히트율이 90%에서 98%로 올라갔다. 히트했을 때의 응답 시간은 20 ms, 히트하지 않았을 때는 오리진 서버에서 가져와 돌려주므로 200 ms가 걸리며, 히트하지 않은 요청만 오리진 서버에 도달한다고 한다. 98%가 된 후 오리진 서버에 도달하는 요청 수와 평균 응답 시간의 조합은?
  3. 웹 페이지의 사용 경험을 나타내는 지표인 Core Web Vitals 중 CLS(Cumulative Layout Shift)가 나타내는 것은?
  4. 웹 페이지에서 사용하는 이미지 형식과 그 일반적인 사용법의 조합으로 적절한 것은?
  5. 3,000바이트의 이미지 데이터를 Base64로 인코딩하여 HTML 안에 삽입한다. 줄 바꿈을 넣지 않을 때, 인코딩한 후의 문자 수는?