[Feat]회원탈퇴 시 로그아웃, 토큰삭제

회원탈퇴 훅에서 로그아웃 전역변수 변동, 엑세스토큰을 로컬 스토리지에서 삭제
Issues #70

client/src/components/Profile/memberWithdrawalModal.tsx

@@ -2,12 +2,14 @@ import React, { useState } from 'react';
 import styled from 'styled-components'; 
 import { useDeleteMember } from '../../hooks/useDeleteMembers';
 
+
 const MemberWithdrawalModal: React.FC<MemberWithdrawalModalProps> = ({ onClose }) => {
 
     const [inputString, setInputString] = useState<string>('');
     const [errorMsg, setErrorMsg] = useState<string | null>(null);
     const deleteMemberMutation = useDeleteMember();
 
+
     const withdrawalTitle = "StockHolm에서 탈퇴하시겠습니까?";
     const inputStringLabel = "다음 문자열을 입력해주세요: Codestates";
     const incorrectStringMsg = "문자열이 일치하지 않습니다!";

client/src/hooks/useDeleteMembers.ts

@@ -1,16 +1,27 @@
 import { useMutation } from 'react-query';
 import axios from 'axios';
+import { useDispatch } from 'react-redux';  // <-- 이 부분을 추가하세요.
+import { setLogoutState } from '../reducer/member/loginSlice';
 
 export function useDeleteMember() {
-    return useMutation(async () => { 
-        const response = await axios.delete(`http://ec2-13-125-246-160.ap-northeast-2.compute.amazonaws.com/members/`);
+    const dispatch = useDispatch();  // <-- useDispatch를 호출해 dispatch 함수를 가져옵니다.
+
+    return useMutation(async () => {
+        const response = await axios.delete(`http://ec2-13-125-246-160.ap-northeast-2.compute.amazonaws.com/members`, {});
 
         if (response.status !== 204) {
             throw new Error('Failed to delete member');
         }
     }, {
         onSuccess: () => {
-            alert('회원탈퇴 되었습니다!');
+            // 토큰 삭제
+            localStorage.removeItem('accessToken');
+
+            // 로그아웃 상태로 변경
+            dispatch(setLogoutState());
+
+            // 페이지 새로고침 (선택사항)
+            window.location.reload();
         }
     });
-}
+}