배경
백엔드 이슈 CSID-DGU/admin_be#232, #233 에서 메시지 템플릿 Admin API가 구현되면, 관리자가 어드민 페이지에서 Slack/이메일 알림 문구를 직접 수정할 수 있는 UI 필요.
구현 내용
신규 파일
src/services/messageService.js
// GET /api/admin/messages → 전체 목록
// PATCH /api/admin/messages/{key} → 저장
// DELETE /api/admin/messages/{key} → 기본값 복원
src/pages/admin/MessageTemplatePage.jsx
UI 구성:
- 섹션별 그룹핑 (서버 만료, 관리자 알림, 승인, 사용자 lifecycle)
- 각 항목: 키명, 플레이스홀더 힌트(
{0} = 사용자 이름 등), 현재 값 textarea
- "저장" 버튼 / "기본값으로 초기화" 버튼 (오버라이드된 항목에만 표시)
- 저장 성공/실패 Alert
수정 파일
src/App.jsx
import MessageTemplatePage from "./pages/admin/MessageTemplatePage";
// route 추가:
// path="/admin/messages" → <MessageTemplatePage />
src/components/Layout/Sidebar.jsx
// adminMenuItems에 추가:
{ name: "알림 양식 관리", href: "/admin/messages", icon: BellIcon }
의존
관련 이슈
배경
백엔드 이슈 CSID-DGU/admin_be#232, #233 에서 메시지 템플릿 Admin API가 구현되면, 관리자가 어드민 페이지에서 Slack/이메일 알림 문구를 직접 수정할 수 있는 UI 필요.
구현 내용
신규 파일
src/services/messageService.jssrc/pages/admin/MessageTemplatePage.jsxUI 구성:
{0}= 사용자 이름 등), 현재 값 textarea수정 파일
src/App.jsxsrc/components/Layout/Sidebar.jsx의존
관련 이슈