HTTP 웹 기본 지식_캐시와 조건부 요청

캐시 기본 동작

캐시가 없을 때에는,
데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운받아야 한다.
이렇게 되면 인터넷 네트워크는 매우 느려지고 로딩 속도도 느려지고 하는 문제가 발생한다.
캐시를 적용하게 된다면 첫 번째 요청이 올 시,

위와 같이 요청받아서 웹브라우저에 별을 띄워 주고 응답 결과를 캐시에 저장한다.
여기서 두 번째 요청이 온다면?????

캐시에서 조회해서 브라우저에 별을 띄워줄 수 있다.
즉 캐시 기능 시간 동안 네트워크를 사용하지 않아도 되고 빠른 로딩 속도, 빠른 사용자 경험을 할 수 있다.
그럼 여기서 만약 캐시 유효 시간이 초과한다면???

위와 같이 서버를 통해 데이터를 다시 조회하고 캐시를 갱신하게 된다. 이때 다시 네트워크 다운로드도 발생한다.

 

검증 헤더와 조건부 요청

캐시 유효시간이 초과해서 서버에 다시 요청하면,
서버에서 기존 데이터를 변경하거나 / 서버에서 기존 데이터를 변경하지 않는 두 가지 상황이 나타난다.
캐시 만료 후에도 서버에서 데이터를 변경하지 않는다면 데이터를 전송하는 대신 저장해 두었던 캐시 재사용 가능.
단 클라이언트의 데이터와 서버의 데이터가 같다는 사실을 확인할 수 있는 방법이 필요하다.
그 방법이 검증 헤더와 조건부 요청.

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

위와 같은 방식의 단점으로는 1초 미만 단위로 캐시 조정이 불가능하다는 점이다.
또한 날짜 기반의 로직을 사용한다. 
그래서 또 다른 방법의 하나로 ETag, If-None-Match 방법이 존재한다.
ETag란 캐시용 데이터에 임의의 고유한 버전 이름을 달아둔 것으로 데이터가 변경되면 이름을 바꾸어서 변경한다.
즉 해시를 다시 생성한다고 생각하면 될 것 같다.

이 방식을 단순하게 ETage만 서버에 보내서 같으면 유지, 다르면 다시 받는 거라 생각하면 된다.
캐시 제어 로직을 서버에서 완전히 관리하고,
클라이언트는 단순히 값을 서버에 제공한다(클라이언트는 캐시 메커니즘을 모름)

 

캐시와 조건부 요청 헤더

Cache-Control : 캐시 제어. max-age는 초 단위 캐시 유효시간이고,
no-cache는 데이터는 캐시해도 되지만 항상 원 서버에 검증하고 사용해야 한다는 것이고,
no-store는 데이터에 민감한 정보가 있으므로 저장하면 안된다고 한다.

Pragma: no-cache는 HTTP 1.0 하위 호환을 위해 캐시 제어를 하는 것이다.
Expires : 캐시 만료일을 정확한 날짜로 지정하는 것으로 HTTP 1.0 부터 사용한다.

검증 헤더는 앞에서 설명한 ETag, Last-Modified와 같은 것들이고,
조건부 요청 헤더는 If-Match, If-None-Match, If-Modified-Since, If-Unmodified-Since와 같은 것들이다.

 

프록시 캐시

미국에 있는 원 서버에 직접 접근하려면 속도가 매우매우 느릴 것이다...
이럴 때 사용하는것 한국 어딘가에 프록시 서버를 두어서 이리로 접근하게 하면 더 빠르게 뭔가를 할 수 있게 된다.
유튜브로 사람들이 많이 보는 동영상을 보면 로딩 속도가 빠른데,
이미 한국 프록시 서버에 다운받아져 있기 때문이라고 한다.

 

캐시 무효화

확실한 캐시 무효화 응답으로는 아래와 같이 작성해주면 된다고 한다.

Cache-Control: no-cache, no-store, must-revalidate 
Pragma: no-cache

이에 대한 자세한 설명으로는 아래 이미지를 참고해서 보자.

마지막으로  no-cache vs must-revalidate.

https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC

모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의

이렇게 HTTP 웹 기본 지식 끝 강의 들으면서 정리하기 끝!!!!