웹 개발을 하다 보면, 분명 코드를 수정했는데도 브라우저에선 여전히 예전 버전이 보이는 경우가 있습니다. 특히 호스팅어(Hostinger) 사용 시 캐시가 여러 단계에서 걸려 있기 때문에, 한 번에 해결하려면 순서를 잘 지키는 게 중요합니다.

브라우저 캐시 비활성화

단기 테스트용: 개발자 도구(DevTools) → Network 탭 → Disable cache 체크 → 새로고침(F5).

• 강력 새로고침
  • Windows: Ctrl + F5
  • Mac: Cmd + Shift + R

호스팅어 hPanel 캐시 비우기

호스팅어의 성능 → 캐시 매니저 메뉴에서 캐시 비우기를 클릭하세요.

이 단계는 서버 측 캐시를 초기화하므로, 파일 변경이 반영되지 않는 문제를 해결할 수 있습니다.

CSS·JS 캐시 무력화 (쿼리 스트링)

브라우저는 파일 이름이 같으면 기존 캐시를 그대로 사용합니다.

CSS가 잘 안 바뀐다면, 파일명 뒤에 버전 파라미터를 붙여 강제로 새 파일로 인식하게 만들 수 있습니다.

<link rel="stylesheet" href="/css/style.css?v=20250811">

• 날짜나 버전 번호를 바꿔서 새로고침하면 즉시 반영됩니다.

저의 경우에는 이 방식이 가장 효율적이었습니다.