정적 파일의 캐쉬는 브라우저가 알아서 해주는건가요? 개발자는 따로 해줄것이 없는건가요?
465
작성한 질문수 31
안녕하세요, 강의 유익하게 보고있는 수강생입니다.
이미지 파일명이 해시값으로 변경되는 부분에서 브라우저에서 정적파일 CSS, JS, Font, Image파일들은 성능을 위해서 캐시해준다고 하였는데 그 캐시?라는것은 브라우저가 알아서 하는건지 아니면 개발자가 캐시라는것을 해줘야하는건지 궁금합니다.
저는 프론트엔드 주니어라,, 캐시가 정확히 어떤것인지 잘 모르는것 같아요...
예전에 성능 최적화에 관해 공부했던 내용중에 캐시전략을 잘 짜는것이 성능을 향상시키는데 도움이 된다고 했는데 잘 이애하지 못하고 있다가 이번 웹팩 개발환경셋팅을 공부하면서 다시한번 캐시에 대해 나와 궁금해서 여쭤봅니다.
답변 1
0
브라우져의 캐시 동작도 있고 웹 개발자가 설정할수 있는 캐시 동작도 있습니다. 캐시가 성능 최적화 방법 중의 하나인데요. 브라우져에서는 모든 리소스(이미지, 폰트, 자바스크립트, 스타일시트)를 서버에서 가져오는데, 캐쉬해서 브라우저에 저장해 놓으면 매번 다운로드 하지 않아도 되기 때문에 어플리케이션 성능을 올리수 있습니다.
강의에서 다루는 주제가 아니라서 이정도만 소개 드릴게요.
지금 시점에서 해당 강의를 듣는 것에 대하여
1
114
3
2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)
1
232
1
에러 해결 공유드립니다
1
225
2
webpack 4 버전과 호환되는 플러그인 버전 공유드립니다
1
236
2
eslint
0
384
3
도와주세요!
0
167
2
[수강 중 트러블슈팅 공유] webpack, webpack-cli 버전
1
149
1
질문 an error occurred while loading the image
1
475
1
webpack에서 babel-loader 사용할때 질문
1
153
1
자주 사용하는 플러그인 에서 질문이 있습니다.
1
169
1
eslint no-extra-semi 관련 질문
1
145
1
webpack5 에서 open index.html하는법 + 질문
1
170
1
TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable
2
306
1
혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?
1
373
1
에러없이 png안뜨시는 분들
1
278
1
Error: Cannot find module 'node:crypto'
1
466
1
DefinePlugin 관련; env와 관련하여, (21.06.22 16:15, aloha_jh) 답변포함
1
413
1
깃허브 확인 문의
0
577
1
폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문
0
408
1
해쉬값과 캐쉬 갱신
1
462
1
Hash 에러 발생
1
2670
2
webpack.config.js에서의 CommonJS방식에 대한 질문
0
834
3
웹팩 버전
0
526
1
웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?
0
487
1