Merge pull request #338 from KakaoFunding/feat/312

Feat/312 소셜 로그아웃 요청 로직 추가

src/layouts/App/Header/LogoutModal/index.tsx

@@ -8,7 +8,7 @@ import {
   clearLocalStorageItem,
   getLocalStorageItem,
 } from 'services/api/v1/localStorage';
-import { logout } from 'services/api/v1/oauth';
+import { logout, socialLogout } from 'services/api/v1/oauth';
 import {
   clearSessionStorageItem,
   getSessionStorageItem,
@@ -28,11 +28,13 @@ const LogoutModal = ({ modalState, userState }: LogoutModalProps) => {
   const clearSelectedFiends = useSelectedFriendsStore(
     (state) => state.clearSelectedFriends,
   );
-  const accessToken = getSessionStorageItem('accessToken');
   const refreshToken = getLocalStorageItem('refreshToken');
+  const socialAccessToken = getSessionStorageItem('socialToken');
+  const { providerId } = useUserStore();
 
   const handleLogout = async () => {
-    await logout({ accessToken, refreshToken });
+    await logout({ refreshToken });
+    await socialLogout({ providerId, socialAccessToken });
 
     clearUser();
     clearSelectedFiends();

src/services/api/v1/oauth.ts

@@ -24,8 +24,12 @@ type LoginResponseProps = {
 };
 
 type LogoutRequestProps = {
-  accessToken: string | null;
-  refreshToken: string | null;
+  refreshToken: string;
+};
+
+type SocialLogoutRequestProps = {
+  socialAccessToken: string;
+  providerId: string;
 };
 
 // 로그인: 토큰 발급
@@ -71,16 +75,22 @@ export const login = async ({
 
 // 로그아웃 요청
 export const logout = async ({
-  accessToken,
   refreshToken,
-}: LogoutRequestProps): Promise<AxiosResponse<LogoutRequestProps>> => {
-  const headers = {
-    Authorization: `Bearer ${accessToken}`,
-  };
-  const response = await apiV1.post(
-    '/oauth/logout',
-    { refreshToken },
-    { headers },
-  );
+}: LogoutRequestProps): Promise<AxiosResponse> => {
+  const response = await apiV1.post('/oauth/logout', { refreshToken });
+  return response;
+};
+
+// 소셜 로그아웃
+export const socialLogout = async ({
+  providerId,
+  socialAccessToken,
+}: SocialLogoutRequestProps): Promise<AxiosResponse> => {
+  const response = await apiV1.post('/oauth/social/logout', {
+    provider: 'KAKAO',
+    providerId,
+    socialAccessToken,
+  });
+
   return response;
 };