[CHORE] 탈퇴하기 추가 / refresh

src/api/auth.ts

@@ -33,3 +33,11 @@ export const logout = async () => {
     throw error
   }
 }
+
+export const signout = async () => {
+  try {
+    await authApi.post('/auth/withdraw')
+  } catch (error) {
+    throw error
+  }
+}

src/app/poll/[id]/page.tsx

@@ -194,7 +194,7 @@ export default function PollDetailPage() {
     try {
       await deleteVote(data.voteId)
       setDeleteModalOpen(false)
-      router.back()
+      router.push('/balanse')
     } catch (error) {
       console.error('게시글 삭제 실패:', error)
       alert('게시글 삭제에 실패했습니다.')
@@ -259,6 +259,7 @@ export default function PollDetailPage() {
             comments={comments}
             voteId={data.voteId}
             onClose={() => setOpen(false)}
+            profile={profile}
           />
         )}
         {data && (

src/components/pages/my/accountControlSection.tsx

@@ -1,5 +1,5 @@
 import { useAppDispatch } from '@/hooks/utils/useAppDispatch'
-import { logoutThunk } from '@/store/thunks/authThunks'
+import { logoutThunk, signoutThunk } from '@/store/thunks/authThunks'
 
 export default function AccountControlSection() {
   const dispatch = useAppDispatch()
@@ -8,14 +8,20 @@ export default function AccountControlSection() {
     dispatch(logoutThunk())
   }
 
+  const handleSignout = () => {
+    dispatch(signoutThunk())
+  }
+
   return (
     <section className="bg-white px-4 py-4 text-md">
       <div className="h-10 text-[#555555]">계정 관리</div>
       <div className="flex flex-col gap-3">
-        <div className="text-left h-10 font-bold" onClick={handleLogout}>
+        <button className="text-left h-10 font-bold" onClick={handleLogout}>
           로그아웃
-        </div>
-        <div className="text-left h-10 font-bold">탈퇴하기</div>
+        </button>
+        <button className="text-left h-10 font-bold" onClick={handleSignout}>
+          탈퇴하기
+        </button>
       </div>
     </section>
   )

src/components/pages/poll/Comment/commentDetail.tsx

@@ -26,17 +26,20 @@ import {
   ModalBody,
   ModalFooter,
 } from '@/components/ui/modal'
+import { Profile } from '@/types/member'
 
 interface CommentDetailProps {
   comments?: Comment[]
   voteId?: number | string
   onClose?: () => void
+  profile: Profile
 }
 
 const CommentDetail = ({
   comments = [],
   voteId,
   onClose,
+  profile,
 }: CommentDetailProps) => {
   const [openReplies, setOpenReplies] = useState<Record<number, boolean>>({})
   const [currentSort, setCurrentSort] = useState<'popular' | 'latest'>(
@@ -201,13 +204,12 @@ const CommentDetail = ({
 
   const confirmDelete = async () => {
     const { commentId } = deleteConfirmModal
-    if (!commentId) return
+    if (!commentId || !voteId) return
 
     try {
       await deleteComment(commentId)
-      setLocalComments((prev) =>
-        prev.filter((comment) => comment.commentId !== commentId),
-      )
+      const response = await fetchComments(voteId, { sort: currentSort })
+      setLocalComments(response.comments)
       setDeleteConfirmModal({ isOpen: false, commentId: null })
     } catch (error) {
       console.error('댓글 삭제 실패:', error)
@@ -294,12 +296,15 @@ const CommentDetail = ({
                   </div>
                 </div>
                 <div className="relative menu-container">
-                  <button
-                    className="text-gray-400 hover:text-gray-600 p-1"
-                    onClick={() => toggleMenu(comment.commentId)}
-                  >
-                    <MoreVertical size={16} />
-                  </button>
+                  {(profile.role === 'ADMIN' ||
+                    comment.nickname === profile.nickname) && (
+                    <button
+                      className="text-gray-400 hover:text-gray-600 p-1"
+                      onClick={() => toggleMenu(comment.commentId)}
+                    >
+                      <MoreVertical size={16} />
+                    </button>
+                  )}
                   {openMenus[comment.commentId] && (
                     <div className="absolute right-0 top-8 bg-white border border-gray-200 rounded-lg shadow-lg z-10 min-w-[120px]">
                       <button

src/store/thunks/authThunks.ts

@@ -9,7 +9,7 @@ import { AppDispatch } from '../store'
 import { getRefreshToken } from '@/utils/tokenUtils'
 import { saveTokens, clearTokens } from '@/utils/tokenUtils'
 import { reissue } from '@/api/auth'
-import { logout as logoutApi } from '@/api/auth'
+import { logout as logoutApi, signout as signoutApi } from '@/api/auth'
 import { login } from '@/api/auth'
 
 export const loginThunk = (code: string) => async (dispatch: AppDispatch) => {
@@ -53,3 +53,13 @@ export const logoutThunk = () => async (dispatch: AppDispatch) => {
     throw err
   }
 }
+
+export const signoutThunk = () => async (dispatch: AppDispatch) => {
+  try {
+    await signoutApi()
+    dispatch(logout())
+    clearTokens()
+  } catch (err) {
+    throw err
+  }
+}