Skip to content

Image Uploader 컴포넌트 구현 #8

@sik9252

Description

@sik9252

🎨 작업 개요

피그마의 [Image] 디자인을 기반으로 파일 업로드 컴포넌트를 구현합니다.
Label, 업로드 영역, Helper Text로 구성되며, 이미지 선택 시 미리보기 기능을 포함합니다.

📋 상세 스펙

1. Status

  • Ready: 아무 이미지도 선택되지 않은 상태
  • Upload Error: 이미지 선택 실패 상태 (Figma에는 아무 변화가 없는데, HelperText 등 에러 유무 알려줘야할듯)
  • Uploaded: 선택된 이미지가 박스를 가득 채움

✅ 작업 체크리스트

[ ] 개발
[ ] 문서화 (Storybook): 빈 상태(Empty)와 이미지가 업로드된 상태(Filled) 스토리 작성
[ ] 테스트 (Vitest): 파일 확장자 제한(accept) 속성 및 업로드 시 미리보기 렌더링 여부 확인

Metadata

Metadata

Assignees

Labels

🎨 designUI/UX 스타일링, 퍼블리싱

Projects

Status

Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions