[Feature] 메시지 관리 페이지 구현 #19

Closed
opened 2026-02-27 06:24:37 +00:00 by seonkyu.kim · 0 comments
Owner

설명

메시지 관리 2개 페이지(목록/작성)를 HTML 시안 기반으로 구현한다.
목 데이터로 UI를 먼저 구성하고, API 연동은 별도 작업으로 분리한다.

구현 범위

  • 메시지 타입 정의 + 목 데이터 (types.ts)
  • iOS/Android 푸시 알림 프리뷰 컴포넌트 (MessagePreview)
  • 메시지 목록 페이지 (필터, 테이블, 페이지네이션)
  • 슬라이드 패널 상세 보기 (480px 우측 slide-in) + 삭제 기능
  • 메시지 작성 페이지 (12-col 그리드 폼 + 실시간 프리뷰)
  • 필수 필드 검증 (shake 애니메이션 + 스크롤) + 저장 확인 모달

체크리스트

  • types.ts (타입 + 목 데이터)
  • MessagePreview 컴포넌트
  • MessageSlidePanel 컴포넌트
  • MessageListPage
  • MessageRegisterPage
  • TypeScript 빌드 검증
## 설명 메시지 관리 2개 페이지(목록/작성)를 HTML 시안 기반으로 구현한다. 목 데이터로 UI를 먼저 구성하고, API 연동은 별도 작업으로 분리한다. ## 구현 범위 - 메시지 타입 정의 + 목 데이터 (`types.ts`) - iOS/Android 푸시 알림 프리뷰 컴포넌트 (`MessagePreview`) - 메시지 목록 페이지 (필터, 테이블, 페이지네이션) - 슬라이드 패널 상세 보기 (480px 우측 slide-in) + 삭제 기능 - 메시지 작성 페이지 (12-col 그리드 폼 + 실시간 프리뷰) - 필수 필드 검증 (shake 애니메이션 + 스크롤) + 저장 확인 모달 ## 체크리스트 - [x] types.ts (타입 + 목 데이터) - [x] MessagePreview 컴포넌트 - [x] MessageSlidePanel 컴포넌트 - [x] MessageListPage - [x] MessageRegisterPage - [x] TypeScript 빌드 검증
seonkyu.kim added the
Priority
Medium
Status
In Progress
Type
Feature
labels 2026-02-27 06:24:51 +00:00
seonkyu.kim added this to the Phase 1 - 프로젝트 초기 설정 milestone 2026-02-27 06:24:52 +00:00
seonkyu.kim added
Status
Done
and removed
Status
In Progress
labels 2026-02-27 06:48:08 +00:00
Sign in to join this conversation.
No description provided.