Skip to content

마이페이지 메뉴 리스트 리펙토링 및 히스토리 디테일 디자인 수정 #49

@hyeone22

Description

@hyeone22

작업 내용

1. StateComponent 구현

  • LoadingState, ErrorState, EmptyState 상태 컴포넌트 생성
  • 각 상태별 적절한 아이콘과 메시지 표시
  • 애니메이션 효과 추가로 사용자 경험 개선

2. Image 컴포넌트 개선

  • 이미지 로드 실패시 DefaultImage로 대체하는 기능 추가
  • onError 이벤트 핸들러 구현
  • 이미지 크기와 스타일 속성 전달 가능하도록 수정

3. TitleList 컴포넌트 리팩토링

  • StateComponent를 활용한 상태 처리
  • 로딩, 에러, 빈 상태에 대한 일관된 UI 제공
  • 반복되는 상태 처리 로직 제거

4. HistoryDetail 모달 개선

  • ShadCn UI 컴포넌트(Card, CardContent, Badge) 활용
  • 모바일 환경에 최적화된 레이아웃 구현
  • 정보 구조화 및 시각적 계층 구조 개선

5. 코드 리팩토링

  • 중복 코드 제거 및 컴포넌트 재사용성 향상
  • 타입 정의 개선 및 인터페이스 명확화
  • 불필요한 래퍼 컴포넌트 제거
  • props 전달 구조 단순화

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions