봄디의 개발일지

캐시와 관련된 헤더는 크게 3가지가 있습니다. Cache-Control : 캐시 제어Pragma : 캐시 제어 (하위 호환) - 거의 사용하지 않는다. Expires : 캐시 유효 기간 (하위 호환)1️⃣ Cache-Control (⭐중요)Pragma, Expires 는 하위 호환으로 Cache-Control 로 다 할 수 있습니다. Cache-Control: max-ageCache-Control: no-cacheCache-Control: no-store✅ Cache-Control: max-agemax-age 는 앞 포스팅에서도 설명한 것처럼 캐시의 유효시간을 설정하며, 초 단위로 입력할 수 있습니다. Cache-Control: max-age=60 이라고 하면 캐시의 유효시간은 60초를 의미합니다.  ✅..

2024.10.20 - [HTTP] - [HTTP] HTTP 헤더 - 캐시의 기본 동작 (검증 헤더) [HTTP] HTTP 헤더 - 캐시의 기본 동작 (검증 헤더)1️⃣ 만약 캐시가 없다면 ?  웹 브라우저가 star.jpg 라는 이미지를 서버에 요청을 했을 때 서버는 star.jpg 파일을 내려주고, HTTP 헤더와 star.jpg 에 관련된 내용이 들어있는 HTTP 바디를 포함한 HTTPbomdy.tistory.com✅ 지난 포스팅 정리지난 시간에는 캐시를 사용해야 하는 이유와, 캐시의 유효시간이 지났을 때 처리하는 방법 등에 대해 알아보았습니다. 또한 검증 헤더는 크게 Last-Modified 와 ETag 가 있고, Last-Modified 는 if-modified-since 와 같이 사용하고 ET..

1️⃣ 만약 캐시가 없다면 ?  웹 브라우저가 star.jpg 라는 이미지를 서버에 요청을 했을 때 서버는 star.jpg 파일을 내려주고, HTTP 헤더와 star.jpg 에 관련된 내용이 들어있는 HTTP 바디를 포함한 HTTP 응답 메시지를 내려줄 것입니다.이 때, HTTP 헤더는 0.1M , HTTP 바디는 1.0M 라고 가정을 하겠습니다.  만약, GET /star.jpg 라고 다시 웹 브라우저가 서버에게 요청을 한다면 서버는 다시 동일한 HTTP 응답 메시지를 만들어서 웹 브라우저에게 내려줄 것입니다.  이 때도 마찬가지로 1.1 M 를 사용하게 될 것입니다. (HTTP 헤더 0.1M + HTTP 바디 1.0M) 이처럼 캐시가 없다면 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다..