[Feat] 그룹 스터디 썸네일 input 컴포넌트 생성

[aken-you]

☘️ 작업 내용

그룹 스터디 썸네일 input 컴포넌트를 만들었습니다.

드래그 앤 드롭에 관한 이벤트 핸들러는 다음과 같습니다.

• onDrop: drop했을 때
• onDragEnter: 영역 안에 drag 들어왔을 때 실행
• onDragLeave: 영역 밖에 drag가 나갈 때 실행
• onDragOver: 영역 안에서 drag 중일 때 실행

아래 영상을 보시면 조금이나마 이해하실 수 있을 것 같아요.

2025-09-29.8.54.30.mov

Input 사용법과 작동은 storybook에서 보실 수 있습니다.
간단하게, 사용법을 말씀드리면 아래와 같이 url을 저장할 수 있는 string 상태를 만들어주신 다음,
state와 setState를 넘겨주시면 됩니다.

const [image, setImage] = useState<string | undefined>(undefined);

return <GroupStudyThumbnailInput image={image} onChangeImage={setImage} />;