Feat: fetchSettingUserInfo msw 연동

src/apis/settingUserInfo.ts

@@ -2,5 +2,6 @@ import { instance } from './axios';
 
 export const fetchSettingUserInfo = async () => {
  const response = await instance.get(`/users`);
- return response.data.data;
+ console.log(response.data)
+ return response.data;
 };

src/hooks/useFetchSettingUserInfo.ts

@@ -8,5 +8,5 @@ export const useFetchSettingUserInfo = () => {
  staleTime: 600000, // 10분
  gcTime: 300000, // 5분
  });
- return data;
+ return { data };
 }

src/mocks/apis/getSettingUserInfo/data.json

@@ -0,0 +1,8 @@
+{
+ "success": true,
+ "data": {
+ "nickname": "나는 카페베리",
+ "provider": "구글 로그인 회원"
+ },
+ "error": null
+}

src/mocks/apis/getSettingUserInfo/index.ts

@@ -0,0 +1,8 @@
+import { rest } from 'msw';
+import {data} from './data.json';
+
+export const getSettingUserInfoHandler = [
+ rest.get(`/users`, (req, res, ctx) => {
+ return res(ctx.status(200), ctx.json(data));
+ }),
+];

src/mocks/handlers.ts

@@ -1,5 +1,6 @@
 import { cafeInfoHandler } from './apis/cafeInfo';
 import { cafesHandler } from './apis/cafes';
+import { getSettingUserInfoHandler } from './apis/getSettingUserInfo';
 import {likeHandler} from './apis/like';
 import { patchNicknameHandler } from './apis/patchNickname';
 import { putLikeHandler } from './apis/putLike';
@@ -12,5 +13,5 @@ export const handlers = [
  ...putLikeHandler,
  ...userInfoHandler,
  ...patchNicknameHandler,
-];
-
+ ...getSettingUserInfoHandler,
+];

src/pages/Setting/index.tsx

@@ -7,15 +7,10 @@ import {useLoginStatus} from '@/hooks/useLoginStatus';
 import { useFetchSettingUserInfo } from '@/hooks/useFetchSettingUserInfo';
 import { useLogout } from '@/hooks/useLogout';
 
-const data = { //TODO: 지워야 함. dummy
- nickname: 'Cafevery',
- provider: '카카오 로그인 회원',
-};
-
 export default function Setting() {
  const {isLoggedIn} = useLoginStatus();
  const {mutate} = useLogout();
- //const { data } = useFetchSettingUserInfo(); //TODO: 주석 해제 해야함.
+ const { data } = useFetchSettingUserInfo();
 
  const handleLogout = () => {
  mutate();