Study/Dev

[IT기획자준비]HTTP에 대해 알아보자. 3/3 (헤더ㅣ쿠키ㅣ캐시)

oyei 2025. 1. 6. 18:24
강의 정리 전, 캐시와 쿠키에 대해 정리해보기📝
✔️쿠키란, 서버가 데이터를 사용자 브라우저에 저장한 후 다시 그 데이터를 받아오는 것
✔️HTTP는 stateless하기 때문에 서버와 클라이언트 상태가 항상 연결 되어있지 않고 요청마다 독립적임  때문에, 다시 접속했을 때 클라이언트를 구분하기 위해 쿠키를 주는 방식
✔️캐시란, 클라이언트가 이용하는 서비스 과정에서 재사용할 수 있는(또는 자주 사용되는) 데이터들을 더 빠르게 접근하기 위해 임시로 보관되는 저장 공간
✔️캐시를 활용하면 로딩 시간 개선 가능  (*캐싱 : 데이터를 캐시에 저장하는 행위)

 

HTTP 헤더

용도

HTTP 전송에 필요한 모든 부가정보

메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청 클라이언트 등

 

HTTP 바디

용도

메시지 본문을 통해 데이터 전달

메시지 본문 = 페이로드(payload)

표현은 요청이나 응답에서 전달할 실제 데이터

표현 헤더는 표현 데이터를 해석할 수 있는 정보 제공 

 

표현

  • Content-Type : 표현 데이터의 형식 (헤더에 작성)
    : 미디어 타입, 문자 인코딩 
    text/html: charset=utf 8 , application/json , image/png
  • Content-Encoding : 표현 데이터의 압축 방식 
    : 데이터 전달하는 곳에서 압축 후 인코딩 헤더 추가 / 데이터 읽는 쪽에서 인코딩 헤더의 정보로 압축 해제
    gzip , defllate 등
  • Content-Language : 표현 데이터의 자연 언어 (한국어인지, 영어인지 등)
    ko, en, en-US
  • Content-Length : 표현 데이터의 길이
    : 바이트 단위 

*표현 헤더는 전송, 응답 둘다 가능

 

 

협상 (content Negociation)

: 클라이언트가 선호하는 표현 요청 (협상 헤더는 요청 시에만 사용)

 

  • Accept : 클라이언트가 선호하는 미디어 타입 전달
  • Accept-Charset : 클라이언트가 선호하는 문자 인코딩
  • Accept-Encodhing : 클라이언트가 선호하는 압축 인코딩
  • Accept-Language : 클라이언트가 선호하는 자연 언어

일반 정보

Form 

: 유저 에이전트의 이메일 정보

  • 일반적으로 잘 사용되지 않음
  • 검색엔진 같은 곳에서 주로 사용하며, 요청에서 사용함

Referer

: 이전 웹페이지 주소 (구글에서 특정 사이트 클릭해서 접속한다면, 현 사이트에서 레퍼럴은 google.com)

  • A > B로 이동하는 경우 B를 요청할 때 Referer:A를 포함해서 요청
  • Referer를 사용해서 유입 경로 분석 가능 (데이터 분석때 많이 사용)
  • 요청에서 사용

User-Agent

: 유저 에이전트의 애플리케이션 정보

  • 클라이언트의 애플리케이션 정보 (웹 브라우저 정보 등등)
  • 통계 정보
  • 어떤 종류의 브라우저에서 장애가 발생하는지 파악 가능
  • 요청에서 사용

Server

: 요청을 처리하는 오리진(origin) 서버의 소프트웨어 정보

  • server : Apache/2.2.22(Debian)
  • server : nginx
  • 응답에서 사용

Date
: 메시지가 생성된 날짜

  • 응답에서 사용

특별한 정보

Host

: 요청한 호스트 정보(도메인)

  • 요청에서 사용하며, 필수 헤더
  • 하나의 서버가 여러 도메인을 처리해야 할 때 
  • 하나의 IP 주소에 여러 도메인이 적용되어 있을 때

Location

: 페이지 리다이렉션

  • 웹 브라우저는 3xx 응답 결과에 로케이션 레더가 있으면, Location 위치로 자동 이동 (리다이렉트)

Allow

: 허용 가능한 HTTP 메서드

  • 405 (Method Not Allowed)에서 응답에 포함
  • Allow : GET, HEAD, PUT

Retry-After

: 유저 에이전트가 다음 요청을 하기까지 기다려야 하는 시간

  • 503 ( Server unavailable) : 서비스가 언제까지 불능인지 안내 가능
  • Retry-After : Fri, 31 Dec 1999 23:59:59 GMT (날짜 표기)
  • Retry-After : 120 (초단위 표기)

인증

  • Authorization : 클라이언트 인증 정보를 서버에 전달
  • WWW-Tuthenticate : 리소스 접근 시 필요한 인증 방법 정의
    401 Unauthorized 응답과 함께 사용

쿠키

Set-Cookie : 서버에서 클라이언트로 쿠키 전달 (응답)

Cookie : 클라이어트가 서버에서 받은 쿠키를 저장하고, HTTP 요청 시 서버로 전달

 

*쿠키 사용처

  • 사용자 로그인 세션 관리
  • 광고 정보 트래킹

*쿠키 정보 항상 서버로 전송

  • 네트워크 트래픽 추가 유발
  • 최소한의 정보만 사용 (세션 id, 인증 토큰)
  • 서버에 전소하지 않고, 웹브라우저 내부에 저장하고 싶으면 웹 스토리지(LocalStorage , sessionStorage) 참고
  • 주의 - 보안에 민감한 데이터는 저장X (주민번호, 신용카드 번호 등등)

캐시

캐시가 없을 때,

  • 데이터 변경이 없어도 계속 네트워크를 통해서 데이터 다운로드
  • 인터넷 네트워크는 매우 느리고 비쌈
  • 브라우저 로딩 속도가 느림 (사용자 경험 저하)

캐시 적용

  • 캐시 가능 시간동안 네트워크 사용 안함
  • 비싼 네트워크 사용량 절감
  • 브라우저 로딩 속도가 매우 빠름 (사용자 경험 최적화)

캐시 시간 초과

  • 캐시 유효 기간 초과하면, 서버를 통해 데이터 다시 조회하고 캐시 갱신
  • 이때, 다시 네트워크 다운로드 발생

검증 헤더와 조건부 요청

캐시 유효 시간 초과로 서버에 다시 요청하면 다음 두가지 상황 발생!

1. 서버에서 기존 데이터 변경

2. 서버에서 기존 데이터 변경 X

: 데이터를 전송하는 대신에 전송해뒀던 캐시를 재사용 가능
: 단, 클라이언트의 데이터와 서버의 데이터가 같다는 사실 확인 필요  >>> 검증 헤더

 

프록시 캐시

:프록시 서버가 클라이언트가 요청하는 파일의 로컬 사본을 저장하는 기능

프록시 서버 자체에 콘텐츠를 저장하여 동일한 또는 다른 클라이언트로부터 파일 요청을 받을때 제공할 수 있도록 하는 기능

 

origin 서버란,
콘텐츠의 원본 버전이 저장되는 곳
요청을 받아서 웹사이트나 웹페이지의 콘텐츠를 제공