v2.40 변경 기록의 이어지는 부분이다. 같은 검증 ID 

c3a51f342b932f6033a2f876d70594c82f94587d563436d56b44a73677604c10

커밋 3ebd224 — feat(security): v2.40 보안 하드닝 — 엔티티 노출·IDOR·결제 무결성·토큰 폐기 + 신뢰성·CI

사용자가 보는 화면과 화면 동작을 만드는 코드이다.

@@ -471 +334,252 @@ export default function AdminPage() {

const toggleCommentSelect = (id: number) => {

: 사용자가 보는 화면과 화면 동작을 만드는 코드이다. 변경 전 코드는 

 같은 값과 기능을 사용해 처리했다. 변경 후 코드는 

 같은 값과 기능을 사용해 처리한다.

    if (res.ok) setVisitors(await res.json());
  } catch {
    /* 백엔드 미배포 시 빈 목록 유지 */
  } finally {
    setIsLoading(false);
  }
};

// 탭 변경 시 데이터 로딩
useEffect(() => {
  if (!authorized) return;
  if (activeTab === 'DASHBOARD') {
    loadDashboardData();
    loadVisitStats();
  } else if (activeTab === 'PENDING') loadDashboardData();
  else if (activeTab === 'POPUPS') loadAllPopups();
  else if (activeTab === 'MATES') loadMatePosts();
  else if (activeTab === 'COMMENTS') loadComments();
  else if (activeTab === 'MEMBERS') loadUsers();
  else if (activeTab === 'VISITS') loadVisitStats();
  else if (activeTab === 'VISITORS') loadVisitors();
  else setIsLoading(false); // SYSTEM / REWARDS / FEEDBACK 은 별도 fetch 없음
}, [activeTab, authorized]);

// ================= [API 기능 핸들러] =================
const handleApprove = async (id: number) => {
  if (!(await confirmAction({ text: '승인하시겠습니까?' }))) return;
  try {
    const res = await apiFetch(`/api/admin/popups/${id}/approve`, { method: 'POST' });
    if (res.ok) {
      notifySuccess('승인 완료!');
      loadDashboardData();
    }
  } catch (e) {
    notifyError('승인 처리 중 오류가 발생했습니다.');
  }
};

const handleReject = async (id: number) => {
  if (!(await confirmAction({ text: '거절하시겠습니까?', destructive: true }))) return;
  try {
    const res = await apiFetch(`/api/admin/popups/${id}/reject`, { method: 'DELETE' });
    if (res.ok) {
      notifySuccess('삭제 완료');
      loadDashboardData();
    }
  } catch (e) {
    notifyError('거절 처리 중 오류가 발생했습니다.');

: 사용자가 보는 화면과 화면 동작을 만드는 코드이다. 변경 전에는 이 구간에 대응하는 코드가 없었다. 변경 후 코드는 

  }
};

/*
 * 상태 변경은 select 입력이 필요해 sweetalert2 의 `input: 'select'` 를 그대로 사용한다.
 */
const handleChangeStatus = async (id: number, currentStatus: string) => {
  const { value: newStatus } = await Swal.fire({
    title: '상태 변경',
    input: 'select',
    inputOptions: { 영업중: '영업중', 혼잡: '혼잡', 종료: '종료' },
    showCancelButton: true,
    inputValue: currentStatus,
  });
  if (!newStatus) return;
  try {
    const res = await apiFetch(`/api/admin/popups/${id}/status?status=${newStatus}`, {
      method: 'PATCH',
    });
    if (res.ok) {
      notifySuccess('변경 완료!');
      loadAllPopups();
    }
  } catch (e) {
    notifyError('상태 변경 중 오류가 발생했습니다.');
  }
};

// 이미지 없는 공개 팝업에 Pexels 커버를 배정(수동 백필). 백엔드 pexels.api-key 설정 필요.
const [isBackfilling, setIsBackfilling] = useState(false);
const [isDeduping, setIsDeduping] = useState(false);
const [comments, setComments] = useState<
  { id: number; sender: string; message: string; sendTime?: string; popupName?: string }[]
>([]);
const [selectedComments, setSelectedComments] = useState<Set<number>>(new Set());
const handleBackfillPhotos = async () => {
  if (!(await confirmAction({ text: '이미지 없는 팝업에 Pexels 커버 사진을 배정할까요?' })))
    return;
  setIsBackfilling(true);
  try {
    const res = await apiFetch('/api/admin/popups/backfill-photos?limit=150', { method: 'POST' });
    if (res.ok) {
      const data = await res.json();
      notifySuccess(`커버 ${data.assigned ?? 0}개 배정 완료`);
      loadAllPopups();
    } else {

      notifyError('커버 배정 실패 (Pexels 키 설정 여부 확인)');
    }
  } catch (e) {
    notifyError('커버 배정 중 오류가 발생했습니다.');
  } finally {
    setIsBackfilling(false);
  }
};

// 이름이 완전히 같은 중복 팝업 정리 — 먼저 미리보기로 몇 건인지 보여주고 확인받은 뒤 적용.
const handleDedupe = async () => {
  try {
    const res = await apiFetch('/api/admin/popups/duplicates');
    if (!res.ok) {
      notifyError('중복 조회 실패');
      return;
    }
    const groups = await res.json();
    if (!Array.isArray(groups) || groups.length === 0) {
      notifySuccess('이름이 완전히 같은 중복이 없습니다.');
      return;
    }
    const total = groups.reduce(
      (a: number, g: { count?: number }) => a + Math.max(0, (g.count ?? 1) - 1),
      0,
    );
    const sample = groups
      .slice(0, 6)
      .map((g: { name?: string; count?: number }) => `· ${g.name} (${g.count}건)`)
      .join('\n');
    const ok = await confirmAction({
      text: `이름이 완전히 같은 중복 ${groups.length}그룹 · 총 ${total}건을 숨길까요? (그룹마다 대표 1건만 남깁니다)\n\n${sample}${groups.length > 6 ? '\n…' : ''}`,
      destructive: true,
    });
    if (!ok) return;
    setIsDeduping(true);
    const applyRes = await apiFetch('/api/admin/popups/dedupe', { method: 'POST' });
    if (applyRes.ok) {
      const data = await applyRes.json();
      notifySuccess(`중복 ${data.hidden ?? 0}건 정리 완료`);
      loadAllPopups();
    } else {
      notifyError('중복 정리 실패');
    }
  } catch (e) {
    notifyError('중복 정리 중 오류가 발생했습니다.');
  } finally {
    setIsDeduping(false);
  }
};

@@ -473,4 +587,3 @@ export default function AdminPage() {

const next = new Set(prev);
if (next.has(id)) next.delete(id);
else next.add(id);
return next;

const next = new Set(prev);
next.delete(id);
return next;

@@ -478,92 +591,7 @@ export default function AdminPage() {

};

const toggleSelectAllComments = () => {
    setSelectedComments((prev) =>
        prev.size === comments.length ? new Set() : new Set(comments.map((c) => c.id)),
    );
};

const handleDeleteComment = async (id: number) => {
    if (!(await confirmAction({ text: "이 댓글을 삭제할까요?", destructive: true }))) return;
    try {
        const res = await apiFetch(`/api/admin/chat/${id}`, { method: "DELETE" });
        if (res.ok) {
            notifySuccess("삭제 완료");
            setComments((prev) => prev.filter((c) => c.id !== id));
            setSelectedComments((prev) => {
                const next = new Set(prev);
                next.delete(id);
                return next;
            });
        } else {
            // 서버가 담아준 원인(message)을 그대로 노출 — 원인 없는 "삭제 실패"로 디버깅이 막히지 않게.
            const data = await res.json().catch(() => null);
            notifyError(data?.message ? `삭제 실패: ${data.message}` : `삭제 실패 (${res.status})`);
        }
    } catch (e) {
        notifyError("삭제 중 오류가 발생했습니다.");
    }
};

const handleBulkDeleteComments = async () => {
    const ids = Array.from(selectedComments);
    if (ids.length === 0) return;
    if (!(await confirmAction({ text: `선택한 댓글 ${ids.length}개를 삭제할까요?`, destructive: true }))) return;
    try {
        // 개별 삭제 엔드포인트를 병렬 호출(각각 독립 — 일부 실패해도 나머지는 삭제).
        const results = await Promise.all(
            ids.map(async (id) => {
                try {

  } else {
    // 서버가 담아준 원인(message)을 그대로 노출 — 원인 없는 "삭제 실패"로 디버깅이 막히지 않게.
    const data = await res.json().catch(() => null);
    notifyError(data?.message ? `삭제 실패: ${data.message}` : `삭제 실패 (${res.status})`);
  }
} catch (e) {
  notifyError('삭제 중 오류가 발생했습니다.');

 같은 값과 기능을 사용해 처리했다. 변경 후에는 이 구간의 코드를 제거했다.

            notifySuccess('지급 완료!');
            setRewardForm({ nickname: "", itemType: "MEGAPHONE", amount: 1 });
        } else {
            notifyError({ title: '실패', text: await res.text() });
        }
    } catch (e) {
        notifyError('보상 지급 중 오류가 발생했습니다.');
    }
};

if (!authorized) {
    return (
        <div className="min-h-screen flex items-center justify-center bg-cream-100 dark:bg-ink-900 text-muted-foreground">
            <span className="text-sm">권한 확인 중...</span>
        </div>
    );

POP-SPOT v2.40 (6/16) — v2.40 보안 하드닝 — 엔티티 노출·IDOR·결제 무결성·토큰 폐기 + 신뢰성·CI

Public

v2.40에 묶인 2개 커밋과 216개 파일 변경을 Git에서 전수 대조했다. 모든 변경 줄을 Before→After와 쉬운 해석으로 기록했다.

POP-SPOT v2.40 (5/16) — v2.40 보안 하드닝 — 엔티티 노출·IDOR·결제 무결성·토큰 폐기 + 신뢰성·CI

이어 읽을 기록

댓글