Refactor type

src/App.tsx

@@ -1,24 +1,24 @@
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
-import { CalendarPage, ExtraCalendarPage } from '@pages/calendar';
-import { LoginPage, LoginCompletePage } from '@pages/login';
-import { ManagementPage, ExtraManagementPage } from '@pages/management';
-import { MemoPage, ExtraMemoPage } from '@pages/memo';
-import { MyPage, ExtraMyPage } from '@pages/mypage';
-import { SharePage, ExtraSharePage } from '@pages/share';
-import { TodoListPage, ExtraTodoListPage } from '@pages/todo-list';
+import { CalendarPage, ExtraCalendarPage } from '@/pages/calendar';
+import { LoginPage, LoginCompletePage } from '@/pages/login';
+import { ManagementPage, ExtraManagementPage } from '@/pages/management';
+import { MemoPage, ExtraMemoPage } from '@/pages/memo';
+import { MyPage, ExtraMyPage } from '@/pages/mypage';
+import { SharePage, ExtraSharePage } from '@/pages/share';
+import { TodoListPage, ExtraTodoListPage } from '@/pages/todo-list';
 import {
   CreateTeamPage,
   JoinTeamPage,
   TeamPage,
   ShareTeamPage
-} from '@pages/team';
-import ErrorPage from '@pages/error';
-import { ProfilePage } from '@pages/mypage/profile';
-import { PortfolioPage } from '@pages/mypage/portfolio';
-import MainPage from '@pages/main/main';
-import Layout from '@components/Layout';
-import { SignupPage } from '@pages/signup/signup';
-import { RequireAuth } from '@hooks/useRequireAuth';
+} from '@/pages/team';
+import ErrorPage from '@/pages/error';
+import { ProfilePage } from '@/pages/mypage/profile';
+import { PortfolioPage } from '@/pages/mypage/portfolio';
+import MainPage from '@/pages/main/main';
+import Layout from '@/components/Layout';
+import { SignupPage } from '@/pages/signup/signup';
+import { RequireAuth } from '@/hooks/useRequireAuth';
 
 const App = () => {
   return (

src/apis/alarm/getAlarmList.ts

@@ -1,4 +1,4 @@
-import { Axios } from '@apis/axios';
+import { AxiosInstance } from '@/apis/new/axios-instance';
 
 export const getAlarm = async (teamId: number | null) => {
   const token = localStorage.getItem('accessToken');
@@ -8,7 +8,7 @@ export const getAlarm = async (teamId: number | null) => {
   }
 
   try {
-    const response = await Axios.get(`/api/alarm/${teamId}`, {
+    const response = await AxiosInstance.get(`/api/alarm/${teamId}`, {
       withCredentials: true,
       headers: {
         Accept: 'application/json',

src/apis/alarm/updatePassword.ts

@@ -1,4 +1,4 @@
-import { Axios } from '@apis/axios';
+import { AxiosInstance } from '@/apis/new/axios-instance';
 
 export const updateAlarmStatus = async (alarmId: number) => {
   const token = localStorage.getItem('accessToken');
@@ -8,7 +8,7 @@ export const updateAlarmStatus = async (alarmId: number) => {
   }
 
   try {
-    const response = await Axios.patch(`/api/alarm/${alarmId}`, {
+    const response = await AxiosInstance.patch(`/api/alarm/${alarmId}`, {
       withCredentials: true,
       headers: {
         Accept: 'application/json',

src/apis/calendar.ts

@@ -1,53 +1,53 @@
-import { Axios } from './axios';
+import { AxiosInstance } from '@/apis/new/axios-instance';
 import { CreateEventProps, UpdateEventProps } from 'src/types/calendar';
 
 export const getTeamMember = async (teamId: number) => {
-  const response = await Axios.get(`/api/team/${teamId}/member`);
+  const response = await AxiosInstance.get(`/api/team/${teamId}/member`);
   return response;
 };
 
 export const createCalendarEvent = async (
   teamId: number,
   event: CreateEventProps
 ) => {
-  const response = await Axios.post(`/api/team/${teamId}/calendar`, event);
+  const response = await AxiosInstance.post(`/api/team/${teamId}/calendar`, event);
   return response;
 };
 
 export const updateCalendarEvent = async (
   eventId: number,
   data: UpdateEventProps
 ) => {
-  const response = await Axios.patch(`/api/calendar/${eventId}`, data);
+  const response = await AxiosInstance.patch(`/api/calendar/${eventId}`, data);
   return response;
 };
 
 export const updateEventState = async (eventId: number) => {
-  const response = await Axios.patch(`/api/calendar/${eventId}/state`);
+  const response = await AxiosInstance.patch(`/api/calendar/${eventId}/state`);
   return response;
 };
 
 export const deleteCalendarEvent = async (eventId: number) => {
-  const response = await Axios.delete(`/api/calendar/${eventId}`);
+  const response = await AxiosInstance.delete(`/api/calendar/${eventId}`);
   return response;
 };
 
 export const getCalendarEventList = async (
   teamId: number,
   month: number | null
 ) => {
-  const response = await Axios.get(
+  const response = await AxiosInstance.get(
     `/api/team/${teamId}/calendar?month=${month}`
   );
   return response;
 };
 
 export const getCalendarEventDetail = async (calendarId: number) => {
-  const response = await Axios.get(`/api/calendar/${calendarId}`);
+  const response = await AxiosInstance.get(`/api/calendar/${calendarId}`);
   return response;
 };
 
 export const getUpcomingEvent = async (teamId: number) => {
-  const response = await Axios.get(`/api/team/${teamId}/calendar/coming`);
+  const response = await AxiosInstance.get(`/api/team/${teamId}/calendar/coming`);
   return response;
 };

src/apis/login/postTerms.ts

@@ -1,4 +1,4 @@
-import { Axios } from '@apis/Axios';
+import { AxiosInstance } from '@/apis/new/axios-instance';
 import { TermProps } from 'src/types/term';
 
 export const postTerms = async ({ termsOfUse, privacyPolicy }: TermProps) => {
@@ -9,7 +9,7 @@ export const postTerms = async ({ termsOfUse, privacyPolicy }: TermProps) => {
   }
 
   try {
-    const response = await Axios.post(
+    const response = await AxiosInstance.post(
       `/api/terms`,
       { termsOfUse, privacyPolicy },
       {

src/apis/main.ts

@@ -1,22 +1,22 @@
-import { Axios } from './axios';
+import { AxiosInstance } from '@/apis/new/axios-instance';
 
 export const getTeamInfo = async (teamId: number) => {
-  const response = await Axios.get(`/api/team/${teamId}`);
+  const response = await AxiosInstance.get(`/api/team/${teamId}`);
   return response;
 };
 
 export const getNoticeRecent = async (teamId: number) => {
-  const response = await Axios.get(`/api/team/${teamId}/notice/recent`);
+  const response = await AxiosInstance.get(`/api/team/${teamId}/notice/recent`);
   return response;
 };
 
 export const getNoticeList = async (teamId: number) => {
-  const response = await Axios.get(`/api/team/${teamId}/notice`);
+  const response = await AxiosInstance.get(`/api/team/${teamId}/notice`);
   return response;
 };
 
 export const createNotice = async (teamId: number, notice: string) => {
-  const response = await Axios.post(`/api/team/${teamId}/notice`, {
+  const response = await AxiosInstance.post(`/api/team/${teamId}/notice`, {
     content: notice
   });
   return response;

src/apis/management.ts

@@ -1,4 +1,4 @@
-import { Axios } from '@apis/axios.ts';
+import { AxiosInstance } from '@/apis/new/axios-instance.ts';
 import { ScheduleRequestBody, TeamData } from '../types/management.ts';
 
 // 내 팀 조회
@@ -9,7 +9,7 @@ export const getMyTeam = async () => {
   }
 
   try {
-    const response = await Axios.get(`/api/member/team`);
+    const response = await AxiosInstance.get(`/api/member/team`);
     return response.data.result.teamList;
   } catch (error) {
     console.error(error);
@@ -20,7 +20,7 @@ export const getMyTeam = async () => {
 // 팀 조회
 export const getTeamData = async (teamId: number): Promise<TeamData> => {
   try {
-    const response = await Axios.get(`/api/team/${teamId}`);
+    const response = await AxiosInstance.get(`/api/team/${teamId}`);
     return response.data.result.team;
   } catch (error) {
     console.log(error);
@@ -31,7 +31,7 @@ export const getTeamData = async (teamId: number): Promise<TeamData> => {
 // 팀 멤버 조회 (역할태그 포함)
 export const getMembers = async (teamId: number) => {
   try {
-    const response = await Axios.get(`/api/team/${teamId}/member/detail`);
+    const response = await AxiosInstance.get(`/api/team/${teamId}/member/detail`);
     return response.data.result.teamMember;
   } catch (error) {
     console.error(error);
@@ -59,7 +59,7 @@ export const updateProfile = async (
       formData.append('imageFile', imageFile);
     }
 
-    const response = await Axios.patch(`/api/team/${teamId}`, formData, {
+    const response = await AxiosInstance.patch(`/api/team/${teamId}`, formData, {
       headers: {
         'Content-Type': 'multipart/form-data'
       }
@@ -80,7 +80,7 @@ export const updateTag = async (
   name: string
 ) => {
   try {
-    const response = await Axios.patch(`/api/team/${teamId}/tag/${tagId}`, {
+    const response = await AxiosInstance.patch(`/api/team/${teamId}/tag/${tagId}`, {
       name: name
     });
     console.log(response.data);
@@ -94,7 +94,7 @@ export const updateTag = async (
 // 역할 태그 생성
 export const createRoleTag = async (teamManageId: number, name: string) => {
   try {
-    const response = await Axios.post(`/api/management/${teamManageId}/role`, {
+    const response = await AxiosInstance.post(`/api/management/${teamManageId}/role`, {
       name: name
     });
     console.log(response.data);
@@ -112,7 +112,7 @@ export const updateRoleTag = async (
   name: string
 ) => {
   try {
-    const response = await Axios.patch(
+    const response = await AxiosInstance.patch(
       `/api/management/${teamManageId}/role/${tagId}`,
       {
         name: name
@@ -129,7 +129,7 @@ export const updateRoleTag = async (
 // 역할 태그 삭제
 export const deleteRoleTag = async (teamManageId: number, tagId: number) => {
   try {
-    await Axios.delete(`/api/management/${teamManageId}/role/${tagId}`);
+    await AxiosInstance.delete(`/api/management/${teamManageId}/role/${tagId}`);
     console.log('역할 태그 삭제');
   } catch (error) {
     console.error(error);
@@ -140,7 +140,7 @@ export const deleteRoleTag = async (teamManageId: number, tagId: number) => {
 // 스케줄 조회
 export const getSchedules = async (teamId: number) => {
   try {
-    const response = await Axios.get(`/api/team/${teamId}/schedule`);
+    const response = await AxiosInstance.get(`/api/team/${teamId}/schedule`);
     return response.data.result;
   } catch (error) {
     console.error(error);
@@ -151,7 +151,7 @@ export const getSchedules = async (teamId: number) => {
 // 내 스케줄 조회
 export const getMySchedules = async (teamId: number) => {
   try {
-    const response = await Axios.get(`/api/schedule/${teamId}`);
+    const response = await AxiosInstance.get(`/api/schedule/${teamId}`);
     return response.data.result.scheduleDto;
   } catch (error) {
     console.error(error);
@@ -165,7 +165,7 @@ export const createSchedule = async (
   scheduleData: ScheduleRequestBody
 ) => {
   try {
-    const response = await Axios.post(
+    const response = await AxiosInstance.post(
       `/api/team/${teamId}/schedule`,
       scheduleData
     );
@@ -182,7 +182,7 @@ export const updateSchedule = async (
   scheduleData: ScheduleRequestBody
 ) => {
   try {
-    const response = await Axios.patch(
+    const response = await AxiosInstance.patch(
       `/api/team/${teamId}/schedule`,
       scheduleData
     );
@@ -197,7 +197,7 @@ export const updateSchedule = async (
 // 내 스케줄 삭제
 export const deleteSchedule = async (teamManageId: number) => {
   try {
-    await Axios.delete(`/api/team/${teamManageId}/schedule`);
+    await AxiosInstance.delete(`/api/team/${teamManageId}/schedule`);
   } catch (error) {
     console.log('스케줄 삭제 실패!');
   }

src/apis/memo.ts

@@ -1,9 +1,9 @@
-import { Axios } from '@apis/axios.ts';
+import { AxiosInstance } from '@/apis/new/axios-instance.ts';
 import { MemoResponse } from '../types/memo.ts';
 
 // 메모 조회
 export const getMemos = async (teamId: number): Promise<MemoResponse> => {
-  const response = await Axios.get<MemoResponse>(`/api/team/${teamId}/memo`);
+  const response = await AxiosInstance.get<MemoResponse>(`/api/team/${teamId}/memo`);
   return response.data;
 };
 
@@ -15,7 +15,7 @@ export const createMemo = async (
   content: string
 ) => {
   try {
-    const response = await Axios.post(`/api/team/${teamId}/memo`, {
+    const response = await AxiosInstance.post(`/api/team/${teamId}/memo`, {
       title: title,
       tagList: tagList,
       content: content
@@ -30,7 +30,7 @@ export const createMemo = async (
 // 메모 개별 조회
 export const getMemoById = async (memoId: number) => {
   try {
-    const response = await Axios.get(`/api/memo/${memoId}`);
+    const response = await AxiosInstance.get(`/api/memo/${memoId}`);
     return response.data;
   } catch (error) {
     console.error(error);
@@ -46,7 +46,7 @@ export const updateMemo = async (
   content: string
 ) => {
   try {
-    const response = await Axios.patch(`api/memo/${memoId}`, {
+    const response = await AxiosInstance.patch(`api/memo/${memoId}`, {
       title: title,
       tagList: tagList,
       content: content
@@ -61,7 +61,7 @@ export const updateMemo = async (
 // 메모 삭제
 export const deleteMemo = async (memoId: number) => {
   try {
-    await Axios.delete(`/api/memo/${memoId}`);
+    await AxiosInstance.delete(`/api/memo/${memoId}`);
     console.log('메모 삭제');
   } catch (error) {
     console.log(error);

src/apis/mypage.ts

@@ -1,10 +1,10 @@
-import { Axios } from './axios';
+import { AxiosInstance } from '@/apis/new/axios-instance';
 import { ProfileResponse } from 'src/types/profile';
 
 // 내 프로필 조회
 export const getProfile = async (): Promise<ProfileResponse> => {
   try {
-    const response = await Axios.get<ProfileResponse>(`/api/member`);
+    const response = await AxiosInstance.get<ProfileResponse>(`/api/member`);
     return response.data;
   } catch (error) {
     console.error('Failed to fetch profile:', error);
@@ -36,7 +36,7 @@ export const updateProfile = async (
       formData.append('image', image);
     }
 
-    const response = await Axios.patch(`/api/member`, formData, {
+    const response = await AxiosInstance.patch(`/api/member`, formData, {
       headers: {
         'Content-Type': 'multipart/form-data'
       }