refactor: 투표 선택 ui 및 스낵바 문구 통일

src/features/accountbook/setting/ui/deleteGroup/DeleteModal.tsx

@@ -40,7 +40,7 @@ function DeleteModal({ isDelete, onCancel }: Props) {
 
     if (mainData?.is_main === true) {
       showSnackbar({
-        text: '대표 가계부는 삭제할 수 없어요.\n다른 가계부를 먼저 대표로 지정하세요.',
+        text: '대표 가계부는 삭제할 수 없습니다 \n다른 가계부를 먼저 대표로 지정하시길 바랍니다',
         type: 'error'
       })
       onCancel() // ConfirmModal 닫기

src/features/accountbook/setting/utils/exportExcel.ts

@@ -28,7 +28,7 @@ function getMappingData(
   showSnackbar: ExcelOptions['showSnackbar']
 ) {
   if (!data || data.length === 0) {
-    showSnackbar({ text: '데이터가 없습니다.', type: 'error' })
+    showSnackbar({ text: '데이터가 없습니다', type: 'error' })
     return []
   }
 
@@ -99,7 +99,7 @@ export function downloadExcel(
       window.location.href = serverUrlFallback
     } else {
       showSnackbar({
-        text: '앱 WebView에서는 직접 다운로드가 지원되지 않습니다. 서버 URL을 제공해주세요',
+        text: '앱 WebView에서는 직접 다운로드가 지원되지 않습니다',
         type: 'error'
       })
     }

src/features/detail/service/deleteComment.ts

@@ -4,6 +4,6 @@ export async function deleteComment(deletedId: string) {
   const { error } = await supabase.from('comments').delete().eq('id', deletedId)
 
   if (error) {
-    alert(`삭제 실패: ${error.message}`)
+    console.error(`삭제 실패: ${error.message}`)
   }
 }

src/features/detail/ui/DetailContents.tsx

@@ -5,6 +5,7 @@ import ToggleMoreButton from './ToggleMoreButton'
 import { useNavigate } from 'react-router'
 import { deleteAccountItem } from '@/pages/item/delete/deleteAccountItem'
 import { useEffect, useRef } from 'react'
+import { useSnackbarStore } from '@/shared/stores/useSnackbarStore'
 
 interface Props {
   isArticleToggleOn: boolean
@@ -43,6 +44,7 @@ export function DetailContents({
 }: Props) {
   const navigate = useNavigate()
   const toggleRef = useRef<HTMLDivElement>(null)
+  const showSnackbar = useSnackbarStore(state => state.showSnackbar)
 
   useEffect(() => {
     const handleClickOutside = (e: MouseEvent) => {
@@ -61,14 +63,20 @@ export function DetailContents({
   const handleDelete = async (id: string) => {
     try {
       if (noDeleteItem) {
-        alert('할부 또는 반복 일정은 삭제할 수 없어요.')
+        showSnackbar({
+          type: 'error',
+          text: '할부 또는 반복 일정은 삭제할 수 없습니다'
+        })
         return
       }
       await deleteAccountItem(id)
       navigate(-1)
     } catch (error) {
       console.error('삭제 에러:', error)
-      alert('삭제 중 오류가 발생했습니다.')
+      showSnackbar({
+        type: 'error',
+        text: '삭제 중 오류가 발생했습니다'
+      })
     }
   }
 

src/features/group/create/hook/useCreateGroup.ts

@@ -30,25 +30,22 @@ export function useCreateGroup() {
     if (!user) return
 
     if (isMain === null) {
-      showSnackbar({ text: '잠시만 기다려주세요...', type: 'info' })
+      showSnackbar({ text: '잠시만 기다려 주시길 바랍니다', type: 'info' })
       return
     }
 
-    const finalIsMain =
-    initialIsMain ? true : isMain
-
+    const finalIsMain = initialIsMain ? true : isMain
 
     try {
-
       if (!nameInputRef.current?.value || mascot === null) {
-        showSnackbar({ text: '모든 필드를 입력해주세요', type: 'warning' })
+        showSnackbar({ text: '모든 필드를 입력해야 합니다', type: 'warning' })
         return
       }
 
       if (!isPersonal && invitedUsers.length === 0) {
-      showSnackbar({ text: '초대한 유저가 없습니다.', type: 'warning' })
-      return
-    }
+        showSnackbar({ text: '초대한 유저가 없습니다', type: 'warning' })
+        return
+      }
 
       // 기존 대표 가계부 초기화
       if (isMain) {
@@ -99,7 +96,7 @@ export function useCreateGroup() {
 
     // 초기화
     if (nameInputRef.current) {
-      nameInputRef.current.value = '' 
+      nameInputRef.current.value = ''
     }
 
     setMascot(1)

src/features/group/edit/EditGroup.tsx

@@ -70,11 +70,14 @@ function EditGroup() {
       }
 
       await fetchGroups(user.id)
-      showSnackbar({ text: '가계부가 수정되었습니다.', type: 'success' })
+      showSnackbar({ text: '가계부가 수정되었습니다', type: 'success' })
       navigate(`/accountBook/${groupId}/settings`)
     } catch (err) {
       console.error(err)
-      alert('수정 중 오류가 발생했습니다.')
+      showSnackbar({
+        text: '수정 중 오류가 발생했습니다',
+        type: 'error'
+      })
     }
   }
 

src/features/group/edit/invitation/InviteCompleteBtn.tsx

@@ -56,7 +56,7 @@ function InviteCompleteBtn({ personal, invitedUsers, groupId, user }: Props) {
 
     if (filteredUsers.length === 0) {
       showSnackbar({
-        text: '이미 초대된 유저입니다.',
+        text: '이미 초대된 유저입니다',
         type: 'warning'
       })
       return
@@ -82,7 +82,7 @@ function InviteCompleteBtn({ personal, invitedUsers, groupId, user }: Props) {
     }
 
     navigate(`/accountBook/${groupId}/settings`)
-    showSnackbar({ text: '초대가 완료되었습니다!', type: 'success' })
+    showSnackbar({ text: '초대가 완료되었습니다', type: 'success' })
   }
 
   return (

src/features/vote/service/updateVote.ts

@@ -11,7 +11,7 @@ export async function getUserVoteData(vote_id: string) {
     )
     .eq('id', vote_id)
   if (error) {
-    alert(`데이터 불러오기 실패: ${error.message}`)
+    console.error(`데이터 불러오기 실패: ${error.message}`)
   }
   return data
 }

src/features/vote/ui/ResultOption.tsx

@@ -2,6 +2,7 @@ import inactiveCharacter from '@/shared/assets/vote/inactiveCharacter.png'
 import activeCharacter from '@/shared/assets/vote/activeCharacter.png'
 import { motion } from 'framer-motion'
 import { tw } from '@/shared/utils/tw'
+import { useSnackbarStore } from '@/shared/stores/useSnackbarStore'
 
 interface Props {
   selectionText: string
@@ -26,11 +27,16 @@ export function ResultOption({
   optionParticipants,
   onSelect
 }: Props) {
+  const showSnackbar = useSnackbarStore(state => state.showSnackbar)
+
   const handleSelect = (voteId: string, optionId: string) => {
     if (!isDisabled) {
       onSelect(voteId, optionId)
     } else {
-      alert('투표 기간이 종료되어 현재는 참여가 불가능합니다.')
+      showSnackbar({
+        type: 'warning',
+        text: '투표 기간이 종료되어 현재 참여가 불가능합니다'
+      })
     }
   }
   const percentage =

src/features/vote/ui/VoteCard.tsx

@@ -88,17 +88,15 @@ wrap-break-word">
         <p>{question}</p>
       </div>
       {voteOptions &&
-        voteOptions.map(({ content, id }) => {
+        voteOptions.map(({ content, id, vote_id }) => {
           const isSelected = mySelect?.some(
             sel => sel.option_id === id && sel.user_id === userId
           )
           const optionParticipants =
             voteSelections?.filter(sel => sel.option_id === id).length ?? 0
           const isDisabled = deadline === '투표 마감'
           const isParticipant =
-            mySelect?.some(sel =>
-              voteSelections?.some(vs => vs.vote_id === sel.vote_id)
-            ) ?? false
+            mySelect?.some(sel => vote_id === sel.vote_id) ?? false
 
           return (
             <ResultOption

src/features/vote/ui/form/VoteQuestion.tsx

@@ -1,3 +1,4 @@
+import { useSnackbarStore } from '@/shared/stores/useSnackbarStore'
 import { useEffect, useState } from 'react'
 
 interface Props {
@@ -6,6 +7,7 @@ interface Props {
 
 export function VoteQuestion({ questionRef }: Props) {
   const [textLength, setTextLength] = useState(0)
+  const showSnackbar = useSnackbarStore(state => state.showSnackbar)
 
   useEffect(() => {
     if (questionRef.current) {
@@ -21,7 +23,7 @@ export function VoteQuestion({ questionRef }: Props) {
     if (value.length > 50) {
       value = value.slice(0, 50)
       questionRef.current.value = value
-      alert('50글자만 작성 가능합니다!')
+      showSnackbar({ type: 'warning', text: '50글자만 작성 가능합니다' })
     }
 
     setTextLength(value.length)

src/features/vote/utils/validation.ts

@@ -14,10 +14,10 @@ export function validateAddVote({
   firstOption,
   secondOption
 }: Props): string | null {
-  if (!userId) return '사용자 정보가 없습니다.'
+  if (!userId) return '사용자 정보가 없습니다'
   if (!voteTime || !voteTime.starts_at || !voteTime.ends_at)
-    return '투표 시간을 설정해주세요.'
-  if (!title || title.trim() === '') return '투표 질문을 입력해야 합니다.'
-  if (!firstOption || !secondOption) return '모든 선택지를 입력해야 합니다!'
+    return '투표 시간을 설정해야 합니다'
+  if (!title || title.trim() === '') return '투표 질문을 입력해야 합니다'
+  if (!firstOption || !secondOption) return '모든 선택지를 입력해야 합니다'
   return null
 }

src/pages/plan/PlansOverview.tsx

@@ -293,9 +293,9 @@ export const PlansOverview = () => {
             )
             setUpcomingRows(prev => prev.filter(p => p.id !== target.id))
             setPastRows(prev => prev.filter(p => p.id !== target.id))
-            showSnackbar({ text: '삭제됐어요', type: 'success' })
+            showSnackbar({ text: '삭제 되었습니다', type: 'success' })
           } catch {
-            showSnackbar({ text: '삭제 중 오류가 발생했어요', type: 'error' })
+            showSnackbar({ text: '삭제 중 오류가 발생했습니다', type: 'error' })
           } finally {
             setConfirmOpen(false)
             setTarget(null)

src/shared/components/nav/Nav.tsx

@@ -42,7 +42,7 @@ function Nav() {
                     ? e => {
                         e.preventDefault()
                         showSnackbar({
-                          text: '그룹을 먼저 선택해 주세요',
+                          text: '그룹을 먼저 선택해야 합니다',
                           type: 'error'
                         })
                       }