React프로젝트 브라우저 캐시문제
이번 포스팅에선 프론트엔드 개발자로 실무를 경험하면서 만났던 브라우저 캐시문제에 대해 이야기 해보려 한다. 현재 회사에서 교육플랫폼을 서비스하고있는데 중간에 교육생들의 출석을 관리할수 있는 기능이 필요하여 급하게 기능을 추가하였는데 반영이 안되는 문제가 발생하였다. 브라우저에서 코드가 바뀐것을 감지하지 못하고 캐싱된 파일을 불러와서 적용이 안되는 문제였다. 개발자 도구에서 강력한 새로고침을 하면 해당 문제는 해결이 되지만 모든 교육생에게 “강력한 새로고침 부탁드립니다.” 라고 할수도 없지않은가.. 그래서 근본적인 해결방법을 찾기로 했다. 코드로 해결할 수 있는 방법들 Html 에 아래와 같은 캐시컨트롤을 넣어준다. Cache-Control: no-cache, no-store, must-revalidate..
Front-end/React.js
2022. 6. 24. 17:17
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday