[HTTP] HTTP 헤더 ( 캐시, 조건부 요청 )

[HTTP] HTTP 헤더 ( 캐시, 조건부 요청 )

---

캐시가 없다면?

 

• 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드 받아야한다.
• 인터넷 네트워크는 느리고 비싸다.
• 브라우저 로딩 속도가 느리다. ( 느린 사용자 경험 )

 

캐시 적용

 

• 캐시 덕분에 캐시 가능시간동안 네트워크를 사용하지 않아도 된다.
• 비싼 네트워크 사용량을 줄일 수 있다.
• 브라우저 로딩 속도가 매우 빠르다. ( 빠른 사용자 경험 )
• cache-control: max-age=60 - ( 60초 동안 캐시 유효 ) - 유효 시간 초과 시, 서버를 통해 다시 데이터를 조회하고 갱신한다.

 

캐시 시간 초과

 

• 캐시 유효시간이 초과해서 서버에 다시 요청하면 두 가지 상황이 발생한다.
  • 1) 서버에서 기존 데이터를 변경
  • 2) 서버에서 기존 데이터를 변경하지 않음
• 변경되었는지 데이터를 확인하는 방법
  • Last-Modified: 2020/11/10 10:00:00 - 데이터 최종 수정일을 기록하여 다시 요청을 보낼 때 수정일로 데이터 변경 여부 파악
  • 변경여부가 없으면 304 Not Modified로 응답한다. ( HTTP Body가 없음 )
    

---

검증 헤더와 조건부 요청

 

• 캐시 유효 시간이 초과해도, 서버의 데이터가 갱신되지 않으면 304 Not Modified + 헤더 메타 정보만 응답 ( Body X )
• 클라이언트는 서버가 보낸 응답 헤더 정보로 캐시의 메타 정보 갱신
• 클라이언트는 캐시에 저장되어 있는 데이터 재활용
• 결과적으로 네트워크 다운로드가 발생하지만 용량이 적은 헤더 정보만 다운로드

 

검증 헤더: 캐시 데이터와 서버 데이터가 같은지 검증하는 데이터 ( Last-Modified, ETag )

 

조건부 요청 헤더

 

• 검증 헤더로 조건에 따른 분기
• If-Modified-Since: Last-Modified 사용 -> 미변경 ( 304, 헤더 데이터 만 변경 ), 변경 ( 200, 모든 데이터 전송 )
  • 단점: 1초 미만의 단위로 캐시 조정이 불가능, 날짜 기반의 로직 사용
  • 단점: 데이터를 수정해서 날짜가 다르지만, 같은 데이터를 수정해서 데이터 결과가 똑같은 경우
  • 단점: 서버에서 별도의 캐시 로직을 관리하고 싶은 경우
• If-None-Match: ETag 사용 -> 미변경 304, 변경 200
  • 캐시용 데이터에 임의의 고유한 버전 이름을 부여
  • 데이터가 변경되면 이름을 변경 ( Hash를 다시 생성 )
  • 단순하게 ETag만 보내서 같으면 유지, 다르면 다시 다운로드!
  • 캐시 제어 로직을 서버에서 완전히 관리
• 조건이 만족하면 200 OK
• 조건이 만족하지 않으면 304 Not Modified

 

캐시 제어 헤더

 

• Cache-Control: 캐시 제어
  • Cache-Control: max-age - 캐시 유효 시간, 초 단위
  • Cache-Control: no-cashe - 데이터는 캐시해도 되지만, 항상 원 서버에 검증하고 사용
  • Cache-Control: no-store - 데이터에 민감한 정보가 있으므로 저장하면 안됨 ( 메모리에서 사용 )
  • Cache-Control: must-revalidate - 캐시 만료 후 최초 조회시 원 서버에 검증해야함

 

no-cache와 must-revalidate 차이

-> no-cache: 원 서버에 접근할 수 없는 경우 캐시 서버 설정에 따라서 캐시 데이터를 반환할 수 있음 ( Error or 200(예전 데이터) ) 

-> must-revalidate: 원 서버에 접근할 수 없는 경우, 항상 오류가 발생해야함 ( 504 Gateway Timeout )

---

프록시 캐시

 

 

• Cache-Control: public - 응답이 pulbic 캐시에 저장되어도 됨
• Cache-Control: private - 응답이 해당 사용자만을 위한 것, default