New 병아리 개발자

# 모든 개발자를 위한 HTTP 웹 기본 지식 학습

# 검증 헤더와 조건부 요청 1

## 캐시 시간 초과

• 캐시 유효 시간이 초과해서 서버에 다시 요청하면 다음 두 가지 상황이 나타난다.

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

2. 서버에서 기존 데이터를 변경하지 않음

## 캐시 시간 초과

• 캐시 만료후에도 서버에서 데이터를 변경하지 않음
• 생각해보면 데이터를 전송하는 대신 저장해 두었던 캐시를 재사용 할 수 있다.
• 단 클라이언트의 데이터와 서버의 데이터가 같다는 사실을 확인할 수 있는 방법 필요.

## 검증 헤더 추가

• 첫 번째 요청

웹 브라우저
GET /start.jpg	(요청1)


서버
HTTP/1.1 200 OK
Content-Type: image/jpeg
cache-control: max-age=60
Last-Modified: 2020년 11월 10일 10:00:00	// 데이터가 마지막에 수정된 시간
Content-Length: 34012

asdsadsa234asdasdasd


브라우저 캐시
응답 결과를 캐시에 저장,
60초 유효,
데이터 최종 수정일 2020년 11월 10일 10:00:00

• 두 번째 요청 - 캐시 시간 초과

웹 브라우저
GET /star.jpg
if-modified-since: 2020년 11월 10일 10:00:00	// 데이터 최종 수정일 값


서버
데이터 최종 수정일과 브라우저 캐시를 서버에서 검증
HTTP/1.1 304 Not Modified
Content-Type: image/jpeg
cache-control: max-age=60
Last-Modified: 2020년 11월 10일 10:00:00
Content-Length: 34012
-> HTTP Body가 없음. ( 기존 1.1M 전송에서 0.1M 전송으로 부하가 확 줄어든다. )

## 검증 헤더와 조건부 요청_정리

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

출처 : 인프런 모든 개발자를 위한 HTTP 웹 기본 지식