feat: tester login & signout

Author: scorchedrice

components/login/SocialLoginButtons.tsx

@@ -5,6 +5,7 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import AppleLogin from "@/components/login/AppleLogin";
 import KakaoLogin from "@/components/login/KakaoLogin";
+import TesterLogin from "@/components/login/TesterLogin";
 
 export default function SocialLoginButtons() {
   const insets = useSafeAreaInsets();
@@ -23,6 +24,8 @@ export default function SocialLoginButtons() {
           <KakaoLogin />
           <View className="my-2" />
           {isIOS ? <AppleLogin /> : null}
+          {isIOS ? <View className="my-2" /> : null}
+          <TesterLogin />
         </View>
         <Pressable
           onPress={() => router.push("/(tabs)")}

components/login/TesterLogin.tsx

@@ -0,0 +1,14 @@
+import { Pressable, Text } from "react-native";
+
+import { testerLogin } from "@/features/auth/testerLogin";
+
+export default function TesterLogin() {
+  return (
+    <Pressable
+      onPress={testerLogin}
+      className="mx-auto w-full max-w-[500px] flex-row items-center justify-center gap-2 rounded-xl bg-gray-500 px-6 py-4 active:opacity-80"
+    >
+      <Text className="text-white">For Test</Text>
+    </Pressable>
+  );
+}

components/mypage/WithDrawForm.tsx

@@ -3,6 +3,7 @@ import Animated from "react-native-reanimated";
 import Svg, { Path } from "react-native-svg";
 
 import Separator from "@/components/ui/Separator";
+import { withdraw } from "@/features/auth/withdraw";
 import useWithDrawForm from "@/hooks/useWithDrawForm";
 
 type AccordionProps = {
@@ -91,10 +92,16 @@ export default function WithDrawForm({ title, items }: AccordionProps) {
         className={`w-full rounded-lg py-4 ${
           checkSubmit() ? "bg-[#816BFF]" : "bg-[#D1C9FF]"
         }`}
-        onPress={() => {
-          // TODO : 제출 동작
-          console.log("이유", selected);
-          console.log("상세 이유", otherReason);
+        onPress={async () => {
+          if (checkSubmit()) {
+            console.log("이유", selected);
+            console.log("상세 이유", otherReason);
+            try {
+              await withdraw();
+            } catch (error) {
+              console.error("회원탈퇴 실패:", error);
+            }
+          }
         }}
       >
         <Text className="text-center text-[16px] font-semibold text-white">

constants/ApiUrls.ts

@@ -20,3 +20,4 @@ export const UsersSchedulesUrl = `${BACKEND_URL}/users/schedules`;
 const AuthUrl = `${BACKEND_URL}/auth`;
 export const LoginUrl = `${AuthUrl}/login`;
 export const LogoutUrl = `${AuthUrl}/logout`;
+export const WithdrawUrl = `${AuthUrl}/withdraw`;

features/auth/testerLogin.ts

@@ -0,0 +1,44 @@
+import { router } from "expo-router";
+import * as SecureStore from "expo-secure-store";
+
+import { LoginUrl } from "@/constants/ApiUrls";
+import { publicApi } from "@/features/axios/axiosInstance";
+import useUserStore from "@/stores/useUserStore";
+
+export async function testerLogin() {
+  try {
+    const response = await publicApi.post(LoginUrl, {
+      socialId: "tester1",
+      socialType: "APPLE",
+    });
+
+    const accessToken = response.data.result.accessToken;
+    const refreshToken = response.data.result.refreshToken;
+    const nickname = response.data.result.nickname;
+    const image = response.data.result.image;
+
+    console.log("🧪 테스터 로그인 성공 - 사용자 정보:", {
+      nickname,
+      image: image ? "있음" : "없음",
+      accessToken: accessToken ? "있음" : "없음",
+      refreshToken: refreshToken ? "있음" : "없음",
+    });
+
+    await SecureStore.setItemAsync("accessToken", accessToken);
+    await SecureStore.setItemAsync("refreshToken", refreshToken);
+
+    // Store에 사용자 정보 저장
+    const { setUserInfo } = useUserStore.getState().action;
+    setUserInfo(nickname || "Tester", image || "");
+
+    console.log("💾 Store에 저장 완료:", {
+      storedNickname: nickname || "Tester",
+      storedImage: image || "",
+      userStoreState: useUserStore.getState(),
+    });
+
+    router.push("/(tabs)");
+  } catch (error) {
+    console.log("테스터 로그인 에러:", error);
+  }
+}

features/auth/withdraw.ts

@@ -0,0 +1,28 @@
+import { router } from "expo-router";
+import * as SecureStore from "expo-secure-store";
+
+import { WithdrawUrl } from "@/constants/ApiUrls";
+import { authApi } from "@/features/axios/axiosInstance";
+import useUserStore from "@/stores/useUserStore";
+
+export async function withdraw() {
+  try {
+    await authApi.delete(WithdrawUrl);
+
+    console.log("회원탈퇴 성공");
+
+    // 토큰 삭제
+    await SecureStore.deleteItemAsync("accessToken");
+    await SecureStore.deleteItemAsync("refreshToken");
+
+    // Store 초기화
+    const { clearUserInfo } = useUserStore.getState().action;
+    clearUserInfo();
+
+    // 로그인 화면으로 이동
+    router.replace("/");
+  } catch (error) {
+    console.log("회원탈퇴 에러:", error);
+    throw error;
+  }
+}