[HTTP 웹 기본 지식] 06. 캐시와 조건부 요청

1. 캐시와 쿠키

쿠키와 캐시는 둘 다 데이터를 임시로 저장해두어 필요할 때 사용하는 개념이지만,

그 동작 방식과 사용 용도에서 차이가 있음

	캐시(Cache)	쿠키(Cookie)
동작 방식	브라우저나 네트워크 장치에 저장되는 복사본	클라이언트에 저장되는 작은 텍스트 파일
저장 내용	웹 페이지의 리소스를 저장	웹페이지의 사용자 상태나 동작에 대한 정보
목적	매번 서버에서 다운로드하지 않고 웹 페이지가 빠르게 렌더링 할 수 있도록 도와준다.	사용자를 식별하고 서버에서 필요한 정보를 제공한다.
예	오디오, 비디오 파일	유저의 선호도 (로그인 정보, 방문기록, 방문횟수)

 

2. 캐시 적용

- 캐시 덕분에 캐시 가능 시간동안 네트워크를 사용하지 않아도 된다.

- 비싼 네트워크 사용량을 줄일 수 있다.

- 브라우저 로딩 속도가 매우 빠르다.

- 캐시 유효 시간이 초과하면, 서버를 통해 데이터를 다시 조회하고, 캐시를 갱신한다.

 

3. 검증 헤더와 조건부 요청

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

- 서버에서 기존 데이터를 변경함 > 저장해 두었던 캐시를 재사용

- 서버에서 기존 데이터를 변경하지 않음 > 데이터 재전송

 

캐시 유효 시간이 초과해도, 서버의 데이터가 갱신되지 않으면 304 Not Modified + 헤더 메타 정보만 응답(바디X)

클라이언트는 서버가 보낸 응답 헤더 정보로 캐시의 메타 정보를 갱신

클라이언트는 캐시에 저장되어 있는 데이터 재활용

결과적으로 네트워크 다운로드가 발생하지만 용량이 적은 헤더 정보만 다운로드

> 클라이언트의 데이터와 서버의 데이터가 같다는 사실을 확인할 수 있는 방법 필요

 

검증 헤더

- 캐시 데이터와 서버 데이터가 같은지 검증하는 데이터

- Last-Modified , ETag

 

조건부 요청 헤더

- 검증 헤더로 조건에 따른 분기

- If-Modified-Since: Last-Modified 사용

- If-None-Match: ETag 사용

- 조건이 만족하면 200 OK

- 조건이 만족하지 않으면 304 Not Modified

 

Last-Modified, If-Modified-Since

- 1초 미만(0.x초) 단위로 캐시 조정이 불가능

- 날짜 기반의 로직 사용

- 단점: 데이터를 수정해서 날짜가 다르지만, 같은 데이터를 수정해서 데이터 결과가 똑같은 경우

 

ETag, If-None-Match

- 캐시용 데이터에 임의의 고유한 버전 이름을 달아둠 ex) ETag: "v1.0", ETag: "a2jiodwjekjl3"

- 데이터가 변경되면 이 이름을 바꾸어서 변경함(Hash를 다시 생성)

- ETag만 보내서 같으면 유지, 다르면 다시 받기

- 캐시 제어 로직을 서버에서 완전히 관리

- ex) 애플리케이션 배포 주기에 맞추어 ETag 모두 갱신

 

4. 캐시와 조건부 요청 헤더

Cache-Control - 캐시 제어

Cache-Control: max-age - 캐시 유효 시간, 초 단위

Cache-Control: no-cache - 데이터는 캐시해도 되지만, 항상 원(origin) 서버에 검증하고 사용

Cache-Control: no-store - 데이터에 민감한 정보가 있으므로 저장하면 안됨

 

Pragma - 캐시 제어(하위 호환)

Pragma: no-cache (HTTP 1.0 하위 호환)

 

Expires - 캐시 유효 기간(하위 호환)

expires: Mon, 01 Jan 1990 00:00:00 GMT - 캐시 만료일을 정확한 날짜로 지정

(지금은 더 유연한 Cache-Control: max-age 권장)

 

5. 프록시 캐시

 

6. 캐시 무효화

Cache-Control: no-cache

- 데이터는 캐시해도 되지만, 항상 원 서버에 검증하고 사용

Cache-Control: no-store

- 데이터에 민감한 정보가 있으므로 저장하면 안됨

Cache-Control: must-revalidate

- 캐시 만료후 최초 조회시 원 서버에 검증해야함

- 원 서버 접근 실패시 반드시 오류가 발생해야함 - 504(Gateway Timeout)

- must-revalidate는 캐시 유효 시간이라면 캐시를 사용함

Pragma: no-cache

- HTTP 1.0 하위 호환