diff --git a/src/app/reviews/_components/ReviewEditorModal.tsx b/src/app/reviews/_components/ReviewEditorModal.tsx index e18d55e..e759e14 100644 --- a/src/app/reviews/_components/ReviewEditorModal.tsx +++ b/src/app/reviews/_components/ReviewEditorModal.tsx @@ -87,12 +87,23 @@ const ReviewEditorModal = ({ const handleFocusContent = () => { setIsContentValid(true) } - const handleImageUpload = (e: React.ChangeEvent) => { + const handleImageUpload = async (e: React.ChangeEvent) => { const file = e.target.files?.[0] if (!file) return - setValue('image', file) - setValue('imagePreview', URL.createObjectURL(file)) - setValue('isImageChanged', true) + + try { + setValue('image', file) + setValue('imagePreview', URL.createObjectURL(file)) + setValue('isImageChanged', true) + } catch (error) { + console.error('이미지 업로드 중 오류 발생:', error) + toast({ + title: '이미지 업로드에 실패했어요.', + description: '다시 시도해주세요.', + variant: 'destructive', + position: 'center', + }) + } } const handleImageDelete = () => { @@ -233,6 +244,7 @@ const ReviewEditorModal = ({