inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

3-7) 캐시 최적화

프론트엔드 쪽 cache-control

해결된 질문

388

abcdeee

작성한 질문수 2

1

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

react devtools

답변 1

1

유동균

안녕하세요, 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)

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

예제 프로젝트 관련 질문입니다.

0

75

1

개발환경에 대한 안내

1

163

2

layout shift가 아주 약간 일어나는 부분에 대해

0

313

2

3-4) 이미지 사이즈 최적화 과정에서 img 태그 작동 안되는 문제

0

299

2

Material--icons_4.0.0.woff2

0

211

1

코드 실행 시 에러 관련 질문드립니다!!

1

581

1

npm run serve가 동작하지 않아요

0

705

1

lighthouse 측정에 관해 질문드려요

2

1008

1

webp 확장자질문

1

424

1

이미지 지연 로딩 질문 있습니다!

2

448

1

폰트 포멧에 대한 질문입니다.

1

390

2

궁금한 점이 있어요

1

350

1

css font-face unicode-range

1

362

1

woff2 포멧 IE에서 사용가능 여부

1

422

2

3-3 이미지 지연 로딩 코드 어디서 보나요?

1

328

1

img 태그가 작동이 되지 않습니다.

1

407

1

질문있습니다~

2

224

1

이미지 오류 요청 오류

1

399

1

안녕하세요~ 질문드립니다

1

305

1

궁금한점이 있습니다.

1

229

1

강의자료

1

208

2

안녕하세요 리액트 최적화 관련하여 질문드립니다.

2

1463

1

선생님 질문이 하나 있는데요~~

1

379

2

정말유익해요

2

219

1