maplestory/backend/routes/menus.js
caadiq a0fd5a2dbb 메뉴 CRUD 백엔드 + 폼 개선
백엔드:
- Menu 모델 + admin/menus CRUD API + 공개 /api/menus 엔드포인트
- 정렬 변경(reorder) API 추가 (드래그앤드롭 대비)

프론트엔드:
- 메뉴 삭제 기능 (편집 모드 폼 좌측 빨간 버튼)
- ConfirmDialog를 공용 컴포넌트로 추출
- URL 입력을 prefix(/) 형태로 분리, 실제 URL 미리보기 표시
- 캐시 hit 시 폼 동기화 안되던 버그 수정 (useEffect로 데이터 sync)
- 전역 button/a 태그에 cursor-pointer 적용

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-13 15:20:46 +09:00

34 lines
954 B
JavaScript

import { Router } from 'express';
import { Menu, Image } from '../models/index.js';
import { getPublicUrl } from '../lib/s3.js';
const router = Router();
function serialize(menu) {
const json = menu.toJSON();
return {
id: json.id,
title: json.title,
description: json.description,
url: json.url,
sort_order: json.sort_order,
image_id: json.image_id,
image: json.image ? { id: json.image.id, name: json.image.name, url: getPublicUrl(json.image.path) } : null,
};
}
// 공개 메뉴 목록 (홈 화면용)
router.get('/', async (_req, res) => {
try {
const menus = await Menu.findAll({
order: [['sort_order', 'ASC'], ['id', 'ASC']],
include: [{ model: Image, as: 'image' }],
});
res.json(menus.map(serialize));
} catch (err) {
console.error('메뉴 목록 조회 오류:', err.message);
res.status(500).json({ error: '메뉴 목록 조회 실패' });
}
});
export default router;