💡관리자 전용 페이지

1. 데이터 구조

프론트에서 더미 데이터 배열을 만들어서 관리

const issues = [
  {
    id: 1,
    title: "모란역 3번 출구 쓰레기",
    status: "미해결",
    memo: "",
    image: "...",
    likes: 20
  },
  {
    id: 2,
    title: "가로등 고장",
    status: "해결중",
    memo: "공사 일정 확인 중",
    image: "...",
    likes: 5
  }
]

2. 상태 변경 로직

• 드롭다운에서 미해결 → 해결중 → 해결완료 선택 시 해당 issue.status 값만 변경
• 변경 즉시 화면에서 해당 상태에 맞는 탭으로 이동 or 필터링

function updateStatus(issueId, newStatus) {
  const issue = issues.find(i => i.id === issueId);
  if (issue) {
    issue.status = newStatus;
  }
}

3. 메모 저장 로직

• 메모 입력 후 "저장하기" 클릭 시 해당 issue.memo 값 업데이트

function updateMemo(issueId, memo) {
  const issue = issues.find(i => i.id === issueId);
  if (issue) {
    issue.memo = memo;
  }

4. 탭별 조회

• 상태값 기준으로 필터링

function getIssuesByStatus(status) {
  if (status === "전체") return issues;
  return issues.filter(i => i.status === status);
}