고쳤는데 왜 내 폰만 그대로임? 캐시가 대체 뭐임

떡볶이집 홈페이지에 신메뉴를 올렸습니다.

사진도 바꾸고, 저장도 하고, 공개된 것도 확인했습니다.

친구한테 자랑했습니다.

같은 주소를 보고 있는데 서로 다른 시대에 살고 있습니다.

내 폰만 과거에 살고 있었음

물론 저장을 안 했거나, 다른 주소를 보고 있을 수도 있습니다.

그런데 제대로 공개했는데도 예전 사진이 남아 있다면 확인할 것 중 하나가 캐시입니다.

캐시는 전에 받아둔 데이터를 보관했다가 다시 쓰는 방식입니다. 브라우저는 이미지 같은 화면 재료를 이렇게 재사용할 수 있습니다.

쉽게 말해 브라우저가 이러는 겁니다.

“이 사진? 저번에 받아둔 거 있는데 그걸로 보여드릴게요.”

나름 빠르게 보여주려고 한 일입니다.

친절한데 눈치가 조금 부족할 수 있음.

메뉴판을 매번 새로 인쇄할 필요는 없잖아요

식당에서 손님이 메뉴를 볼 때마다 직원이 인쇄소에 다녀온다고 해봅시다.

정성은 알겠는데 배가 고픕니다.

그래서 쓸 수 있는 메뉴판을 가까이 두고 다시 건네주는 편이 빠르겠죠. 캐시도 이와 비슷한 이유로 씁니다. 같은 재료를 매번 새로 전송하지 않아도 되니까요.

문제는 메뉴가 바뀌었는데 옛 메뉴판을 계속 건네줄 때입니다.

손님: 치즈폭탄 나왔다면서요. 직원이 꺼낸 메뉴판: 그런 메뉴는 없습니다.

신메뉴가 없는 게 아니라, 손에 든 메뉴판이 옛날 것인 상황.

그럼 캐시는 나쁜 거임?

아닙니다. 없애야 할 쓰레기라기보다, 다시 쓸 수 있게 챙겨둔 재료에 가깝습니다.

캐시를 잘 쓰면 같은 파일을 받는 데 드는 시간과 전송량을 줄일 수 있습니다. 중요한 건 계속 쓸 것과 새로 확인할 것을 적절히 구분하는 겁니다.

메뉴판이 바뀌지도 않았는데 매번 새로 인쇄할 필요는 없습니다. 바뀌었는데 작년 것을 내밀어도 곤란하고요.

참고로 캐시는 내 브라우저에만 있는 건 아닙니다. 사이트가 내용을 전달하는 중간에도 있을 수 있습니다. 그래서 내 폰의 캐시를 지운다고 세상 모든 옛 파일이 사라지는 것은 아닙니다.

일단 새로고침 30번은 멈춥시다

먼저 친구와 정확히 같은 공개 주소를 보고 있는지 확인합니다. 편집기 미리보기와 공개 페이지를 비교하고 있지는 않은지도 보고요.

그다음 새로고침해봅니다. 그대로라면 해당 브라우저의 ‘캐시된 이미지 및 파일’을 지우고 다시 확인하는 방법이 있습니다.

이때 다른 항목까지 전부 체크할 필요는 없습니다. 쿠키와 사이트 데이터는 별도입니다. 함께 지우면 로그인 상태 같은 것에도 영향을 줄 수 있습니다.

나: 사진 하나 바꾸려다가 왜 로그아웃됨? 브라우저: 다 지우라고 하셔서요.

계속 옛 화면이 보인다면 공개 주소와 캡처를 제작 담당자에게 보내세요. “내 폰이 이상함”보다 “이 주소에서 이 옛 사진이 보임”이 확인하기 쉽습니다.

내 브라우저만의 문제인지, 사이트 쪽에서 예전 파일을 보내고 있는지 확인할 차례입니다. 화면만 보고 무조건 캐시 때문이라고 확정하지는 맙시다.

쿠키랑 이름이 비슷해서 또 헷갈림

쿠키는 맛집 대기표에 비유할 수 있습니다. 쿠키는 브라우저에 작은 데이터를 맡겨 이전 상태를 이어가는 데 쓸 수 있습니다.

이번 캐시는 받아둔 응답이나 파일을 다시 쓰는 것입니다.

입문 단계에서는 이렇게 구분해두면 됩니다.

쿠키의 번호표 예시: “아까 양말 담은 그 장바구니 맞죠?”

캐시의 재사용 예시: “이 사진은 받아둔 게 있으니 다시 쓸게요.”

둘 다 ‘저장’과 관련 있지만, 같은 기능은 아닙니다.

빨리 보여주려고 기억해둔 거였구나

캐시는 매번 같은 것을 새로 받아오는 수고를 줄이려고 쓰는 겁니다.

빠르게 보여주기 위해 보관한 재료. 다만 바뀐 것은 새것으로 확인해야 한다.

내 폰만 옛 메뉴판을 보고 있다면 저장 버튼을 혼내기 전에, 어디서 예전 재료를 꺼내 쓰고 있는지 확인해봅시다.

치즈폭탄은 나왔습니다. 내 화면에 아직 도착을 안 했을 뿐일 수도 있습니다.