[React + Nginx] Nginx에서 React(Vite) 배포 시 캐싱 문제 해결 및 최신 화면 자동 반영 적용
·
DevOps
1. 시작하며회사에서 프로젝트를 진행하면서 프론트엔드 팀원분들이 패치 후에도 브라우저가 이전 버전을 유지하는 문제로 어려움을 겪고 있었습니다.운영 서버에 배포할 때마다 강력 새로고침(Ctrl + Shift + R)을 해야만 최신 화면이 반영되는 상황이었습니다.이는 사용자 경험(UX)에도 영향을 미치고, 운영 과정에서도 번거로움을 유발했습니다.1.1 문제 상황패치 후에도 브라우저가 이전 버전의 화면을 유지함Nginx를 재시작하지 않으면 새로운 화면이 반영되지 않음사용자가 강제 새로고침을 하지 않으면 변경 사항이 보이지 않음배포 후 매번 "새로고침 해주세요!"라고 안내하는 번거로움이 존재운영 서버에 배포할 때마다 개발자나 운영팀이 직접 강력 새로고침을 해줘야 하는 상황이 반복되었고, 이는 근본적으로 Ngin..