Skip to content

[Feat] 증거 업로드 카드 UI 컴포넌트 구현 #31

@youdaeng2

Description

@youdaeng2

기능 설명

  • 고소장 작성 Step1(증거 수집)에서 사용할 증거 업로드 UI 컴포넌트를 구현합니다
  • 증거 타입별(VOICE, MESSAGE, TRACKING, REPORT_RECORD, INCIDENT_LOG)로 카드가 나열됩니다
  • 각 카드에서 파일 선택/드래그앤드롭이 가능합니다
  • 업로드 후 미리보기가 가능합니다
    • 이미지: 이미지
    • 영상: 썸네일
    • 그 외: 파일명
Image

작업 내용

  • EvidenceCard 컨테이너 컴포넌트 (헤더 + 업로드 영역 + 푸터)
  • UploadZone 드래그앤드롭/클릭 업로드 영역 컴포넌트
  • ImagePreview 이미지/영상 썸네일 미리보기 컴포넌트
  • FilePreview 비이미지 파일(PDF 등) 미리보기 컴포넌트
  • StepCollect에서 타입별 카드 나열

참고사항

  • API 연결(presigned URL, S3 업로드, register)은 별도 이슈로 분리
  • 이번 이슈는 UI 컴포넌트 + 파일 선택까지만 구현

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions