인프런 커뮤니티 질문&답변

abcdeee님의 프로필 이미지

작성한 질문수

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

3-7) 캐시 최적화

프론트엔드 쪽 cache-control

해결된 질문

21.10.05 23:43 작성

·

302

1

안녕하세요.
 
fetch나 axios 에서 요청을 보낼 때, cache-control 설정해서 요청하는거랑
 
서버에서 설정해서 보내주는거랑 무슨 차이인가요?

답변 1

1

유동균님의 프로필 이미지
유동균
지식공유자

2021. 10. 06. 00:28

안녕하세요, khj님.

request header에 붙는 cache-control 지시문에 대해서 질문을 주셨는데요,

일반적으로 cache-control은 response header에 붙는 것이 맞습니다.
다만, 특정 캐시 동작(ex: 서버 및 중간 프록시 서버에서 유효성 재확인 등)을 지정하기 위해 클라이언트에서도 request header에 cache-control 지시문을 붙여서 전송할 수 있습니다.

이 때, request header에 들어가는 cache-control의 값은 response header와는 조금 다른데,
다음 문서에서 그 내용을 확인하실 수 있습니다.
(https://developer.mozilla.org/ko/docs/Web/HTTP/Headers/Cache-Control#%EC%BA%90%EC%8B%9C_%EC%9A%94%EC%B2%AD_%EB%94%94%EB%A0%89%ED%8B%B0%EB%B8%8C)

답변이 도움되었기를 바라며, 강의에 관심을 가져주셔서 감사합니다. 

abcdeee님의 프로필 이미지

작성한 질문수

질문하기