디자인을 수정하거나 이미지를 교체했는데 화면에는 여전히 이전 내용이 그대로 남아 있는 경우, 대부분 캐시(Cache)가 원인입니다. 이 글에서는 캐시가 무엇인지, 왜 생기는지, 그리고 카페24 환경에서 실무적으로 해결하는 방법을 담당자 눈높이에서 풀어드립니다.
캐시(Cache)란 무엇인가
캐시는 한 번 불러온 데이터를 잠시 저장해 두었다가, 같은 요청이 들어오면 서버에 다시 요청하지 않고 저장된 것을 그대로 보여주는 기술입니다. 페이지 로딩 속도를 높이고 서버 부하를 줄이기 위해 사용하는 것으로, 사이트 운영에 이점이 많습니다.
문제는 수정이 발생했을 때입니다. 캐시가 남아 있는 동안에는 새 파일이 서버에 올라가 있어도 브라우저나 서버가 "이건 이미 가지고 있는 거야"라고 판단하고 예전 것을 계속 보여줍니다. 담당자 입장에서는 분명히 수정했는데 바뀌지 않는 것처럼 보이는 것입니다.
- 브라우저 캐시
- 방문자의 PC나 스마트폰에 저장되는 캐시입니다. 같은 사이트를 다시 방문할 때 빠르게 불러오기 위해 이미지, CSS, JS 파일 등을 로컬에 저장해 둡니다.
- 서버 캐시(CDN 포함)
- 카페24 서버 또는 CDN(콘텐츠 전송 네트워크) 단에서 생기는 캐시입니다. 담당자의 브라우저 캐시를 아무리 지워도 서버 캐시가 남아 있으면 바뀐 내용이 노출되지 않습니다.
실무에서 자주 착각하는 부분 "내가 Ctrl+F5를 눌렀는데도 그대로야"라는 상황은, 서버 캐시가 원인인 경우가 많습니다. 브라우저 강제 새로고침은 내 PC의 캐시만 무시합니다. 서버에 쌓인 캐시는 별도로 처리해야 합니다.
카페24에서 캐시 문제가 자주 생기는 상황
| 작업 유형 | 캐시 체감 강도 | 설명 |
|---|---|---|
| HTML, CSS, JS 스킨 수정 | 높음 | 디자인 스킨 캐시가 별도로 관리되며, 수정 후 바로 반영되지 않을 수 있습니다. |
| 이미지 교체(같은 파일명) | 매우 높음 | 파일명이 같으면 브라우저와 CDN 모두 기존 이미지를 계속 사용합니다. |
| 상품명, 가격, 진열 순서 변경 | 중간 | 수 분에서 수십 분까지 지연될 수 있으며, 메인 진열일수록 체감이 강합니다. |
| 팝업, 배너 교체 | 높음 | 이미지 기반 배너는 파일명이 같으면 이미지 캐시 문제가 그대로 발생합니다. |
카페24 캐시 문제, 이렇게 해결합니다
1. 카페24 관리자에서 디자인 캐시 직접 삭제
HTML, CSS, JS 파일을 수정한 뒤 반영이 안 된다면 가장 먼저 확인할 곳입니다. 카페24 관리자에 로그인한 후 상단 헤더 부분에 사이트 캐시 삭제 를 클릭 하시면 스킨에 적용된 서버 캐시를 직접 비울 수 있습니다. 스킨을 수정했는데도 화면이 그대로라면, 이 메뉴를 먼저 사용해 보시기 바랍니다.
2. 스킨 전용 URL로 변경 여부 확인
카페24는 일반 쇼핑몰 서버와 디자인 스킨 서버가 분리되어 있습니다. 아래와 같이 스킨 전용 주소로 접속하면 캐시를 거의 거치지 않고 변경 내용을 먼저 확인할 수 있습니다.
https://대표도메인.com
# 스킨 전용 확인 주소 (캐시 영향 적음)
https://skin_no.몰아이디.cafe24.com
스킨 URL에서는 변경이 확인되는데 일반 도메인에서는 반영이 안 된다면, 서버 캐시가 아직 남아 있는 것입니다. 이 경우 위에서 안내한 관리자 캐시 삭제 메뉴를 활용하거나, 시간이 지나면 자동으로 반영됩니다.
3. 브라우저 캐시 강제 무시 새로고침
내 PC에 쌓인 브라우저 캐시만 무시하고 싶다면 아래 방법으로 강제 새로고침합니다.
- Windows: Ctrl + F5
- Mac: Cmd + Shift + R
- 크롬 개발자 도구(F12) > Network 탭 > "Disable cache" 체크 후 새로고침
주의할 점 이 방법은 내 브라우저 캐시만 지우는 것입니다. 실제 방문자에게 노출되는 내용은 서버 캐시 삭제 또는 시간 경과를 통해서만 바뀝니다.
4. 이미지 파일명 반드시 새 이름으로 올리기
캐시 문제 중 가장 빈번하고 해결하기 까다로운 것이 이미지 교체입니다. 같은 파일명으로 덮어쓰기 하면 브라우저, CDN, 서버 캐시 모두에서 기존 이미지를 계속 사용합니다. 아무리 캐시를 삭제해도 확실하지 않은 경우가 생깁니다.
가장 확실한 해결책은 파일명 자체를 바꾸는 것입니다.
✔ banner_v2.jpg
✔ banner_202506.jpg
✔ banner_summer01.jpg
파일명이 달라지면 브라우저는 완전히 새로운 파일로 인식하여 캐시 없이 새 이미지를 가져옵니다. 카페24에서도 공식적으로 권장하는 방식이며, 이 습관 하나만으로 이미지 캐시 문제의 대부분을 예방할 수 있습니다.
FTP 작업 시 반드시 알아야 할 변경 사항
카페24에서 FTP를 사용할 때도 주의해야 할 부분이 있습니다. FTP 접속 주소가 변경되었으며, 변경된 주소로 접속하지 않으면 FTP 연결 자체가 되지 않습니다.
| 구분 | 주소 | 비고 |
|---|---|---|
| 기존 접속 주소 (사용 불가) | 몰아이디.cafe24.com | 현재 FTP 연결 불가 |
| 현재 접속 주소 (사용) | 몰아이디.ftp.cafe24.com | FTP 전용 접속 주소 |
아이디와 비밀번호는 그대로 사용하면 됩니다. 파일링크, 이미지호스팅플러스와 같은 부가서비스의 접속 주소는 변경 사항이 없습니다.
FTP에서 이미지 URL 복사할 때 주의할 점
FTP로 이미지를 올린 뒤 프로그램에서 URL을 복사하면, 아래처럼 FTP 전용 도메인이 포함된 주소가 복사되는 경우가 있습니다.
https://몰아이디.ftp.cafe24.com/web/upload/banner.jpg
# 올바른 URL - 대표 도메인으로 변경
https://대표도메인.com/web/upload/banner.jpg
# 또는 상대 경로로 입력 (더 권장)
/web/upload/banner.jpg
몰아이디.ftp.cafe24.com은 FTP 접속 전용 도메인입니다. 이 주소를 이미지 URL로 사용하면 실제 사이트에서 이미지가 표시되지 않으며, SEO에도 영향을 줍니다. HTML이나 CSS에 이미지 주소를 직접 삽입할 때는 반드시 대표 도메인이나 상대경로로 바꾸어 사용하시기 바랍니다.
캐시 문제를 미리 줄이는 운영 습관
캐시는 사이트 성능을 위해 반드시 필요한 기술입니다. 없애는 것이 목적이 아니라, 작업 방식을 조금 바꾸는 것으로 문제 발생을 대부분 막을 수 있습니다.
- 이미지를 교체할 때는 항상 새로운 파일명으로 업로드한다.
- 스킨 수정 후에는 카페24 관리자에서 디자인 캐시를 바로 삭제한다.
- 변경 결과를 확인할 때는 스킨 전용 URL로 먼저 확인한 뒤, 일반 도메인으로 재확인한다.
- FTP에서 복사한 이미지 URL에 FTP 전용 도메인이 포함되어 있는지 항상 확인한다.
- 상품 정보나 진열 변경 후 즉시 반영이 안 된다면, 수 분 후에 다시 확인한다. 자동으로 반영됩니다.
위 방법을 모두 시도했는데도 안 바뀐다면
드문 경우지만, 아래 상황에서는 추가 확인이 필요합니다.
- Cloudflare 등 외부 CDN을 별도로 연결해 사용하고 있는 경우, CDN 쪽 캐시도 따로 비워야 합니다.
- iframe으로 불러오는 외부 페이지가 있는 경우, 해당 페이지의 캐시가 별도로 작동합니다.
- 모바일용 스킨과 PC용 스킨이 분리되어 있는 경우, 각각 수정 및 캐시 삭제가 필요합니다.
- 카페24 앱이나 스마트폰 앱에서 확인하는 경우, 앱 자체의 캐시가 별도로 유지됩니다. 앱 삭제 후 재설치하거나 앱 캐시를 직접 삭제해야 합니다.
- 구 디자인과 스마트디자인을 혼용하고 있는 경우, 각각의 캐시 관리 경로가 다를 수 있습니다.
정리하면 이렇습니다
- 디자인, CSS, JS 수정 후 반영이 안 된다면 카페24 관리자 > 디자인 캐시 삭제
- 이미지 교체 시 파일명을 반드시 새 이름으로 올린다
- 변경 확인은 스킨 전용 URL(skin_no.몰아이디.cafe24.com)로 먼저 한다
- FTP 접속 주소는 몰아이디.ftp.cafe24.com으로 변경해서 사용한다
- FTP에서 복사한 이미지 URL의 도메인 부분은 대표 도메인 또는 상대경로로 수정한다
- 상품 정보 변경은 수 분 후 자동 반영되니 조금 기다렸다가 다시 확인한다
