fix(cafe24): 카페24에서 바뀐 소스가 화면에 반영되지 않던 문제 — 캐시 금지 + 다시 읽기

카페24 관리자에서 소스를 고쳤는데 우리 화면은 예전 것을 보여주는 문제.

편집기 조각(GET /products/{no}/pane)과 목록 화면 응답에 캐시 헤더가 없었다.
브라우저가 이전 응답을 재사용하면 카페24의 현재값이 아닌 예전 소스가 그려진다.
그 상태에서 편집·적용하면 카페24 관리자에서 한 수정을 덮어쓰게 되므로, 단순한
표시 문제가 아니라 데이터 손실로 이어질 수 있다.

응답에 Cache-Control: no-store 를 붙이고 조각을 가져가는 fetch 에도
cache: "no-store" 를 걸었다. 일괄수정 검사 조회도 같다.

편집기에 [다시 읽기] 버튼을 추가했다. 카페24 관리자에서 방금 고친 경우 목록을
다시 그리지 않고 그 상품의 현재 소스만 강제로 받아온다. 편집 중이면 저장 안 됨
경고를 먼저 띄운다.

카페24 API 가 쓰기 직후 잠시 예전 값을 돌려줄 가능성도 있다(읽기 지연). 그 경우도
[다시 읽기] 로 확인할 수 있게 했다.

검증: 유닛테스트 51개 통과. 렌더된 편집기 JS 를 브라우저에서 구문 검사(new Function)
통과, no-store·다시 읽기 반영 확인. 라우트 13개.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

app/modules/cafe24/templates/cafe24/_editor.html

@@ -60,6 +60,9 @@
       <input class="cf24-memo" type="text" name="memo" maxlength="200"
              placeholder="변경 메모 (버전 이력에 남습니다)" />
       <button class="erp-btn erp-btn-outline" type="button" data-copy="cf24-html-pc">복사</button>
+      <button class="erp-btn erp-btn-outline" type="button"
+              data-reload="{{ product_no }}"
+              title="카페24에서 현재 소스를 다시 읽어옵니다. 카페24 관리자에서 방금 고쳤다면 이걸 누르세요.">다시 읽기</button>
       <button class="erp-btn erp-btn-primary" type="submit">카페24에 적용</button>
     </span>
   </div>

app/modules/cafe24/templates/cafe24/bulk.html

@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/cafe24.css?v=20260814i" />
+<link rel="stylesheet" href="/static/cafe24.css?v=20260814j" />
 {% endblock %}
 
 {% block content %}
@@ -107,7 +107,7 @@
     progress.textContent = "검사 중… 0 / " + rows.length;
     walk(rows, function (tr, next) {
       setState(tr, "검사 중…");
-      fetch("/cafe24/bulk/scan/" + tr.dataset.no, { credentials: "same-origin" })
+      fetch("/cafe24/bulk/scan/" + tr.dataset.no, { credentials: "same-origin", cache: "no-store" })
         .then(function (res) { return res.ok ? res.json() : Promise.reject(res); })
         .then(function (data) {
           var pick = tr.querySelector(".cf24-pick");

app/modules/cafe24/templates/cafe24/products.html

@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/cafe24.css?v=20260814i" />
+<link rel="stylesheet" href="/static/cafe24.css?v=20260814j" />
 {% endblock %}
 
 {% block content %}
@@ -223,6 +223,15 @@
       });
     });
 
+    // 「다시 읽기」 — 카페24 관리자에서 방금 고친 경우 현재 소스를 강제로 다시 받는다.
+    var reloadBtn = pane.querySelector("[data-reload]");
+    if (reloadBtn) {
+      reloadBtn.addEventListener("click", function () {
+        if (!confirmLeave()) return;
+        select(reloadBtn.dataset.reload, false);
+      });
+    }
+
     var form = pane.querySelector(".cf24-editor-form");
     if (form) {
       form.addEventListener("submit", function (e) {
@@ -240,7 +249,8 @@
   function select(no, push) {
     pane.innerHTML = '<p class="cf24-muted" style="padding:16px;">불러오는 중…</p>';
     var url = "/cafe24/products/" + no + "/pane" + (listQuery ? "?" + listQuery : "");
-    fetch(url, { credentials: "same-origin" })
+    // no-store: 캐시된 조각이 뜨면 카페24의 현재 소스가 아닌 예전 것을 편집하게 된다.
+    fetch(url, { credentials: "same-origin", cache: "no-store" })
       .then(function (res) {
         if (res.redirected) { window.location.href = res.url; return null; }
         if (!res.ok) throw new Error("HTTP " + res.status);

app/modules/cafe24/templates/cafe24/schedules.html

@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/cafe24.css?v=20260814i" />
+<link rel="stylesheet" href="/static/cafe24.css?v=20260814j" />
 {% endblock %}
 
 {% block content %}

app/modules/cafe24/templates/cafe24/system.html

@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/cafe24.css?v=20260814i" />
+<link rel="stylesheet" href="/static/cafe24.css?v=20260814j" />
 {% endblock %}
 
 {% block content %}