Feat: 내 일정 페이지 추가 구현

pages/_app.tsx

@@ -6,7 +6,10 @@ import Confirm from "@shared/modal/Confirm";
 import Modal from "@shared/modal/Modal";
 import "@shared/styles/globals.css";
 
-if (process.env.NODE_ENV === "development" && process.env.MOCK === "true") {
+if (
+  process.env.NEXT_PUBLIC_NODE_ENV === "development" &&
+  process.env.NEXT_PUBLIC_MOCK === "true"
+) {
   import("mock");
 }
 
@@ -15,9 +18,9 @@ function MyApp({ Component, pageProps }: AppProps) {
     <RecoilRoot>
       <Header />
       <Component {...pageProps} />
+      <Modal />
       <Alert />
       <Confirm />
-      <Modal />
     </RecoilRoot>
   );
 }

pages/api/mySchedule.ts

@@ -0,0 +1,164 @@
+import axios from "axios";
+
+export const getAllSchedule = async (
+  tab?: string,
+  title?: string,
+  startDate?: Date,
+  endDate?: Date,
+) => {
+  let tabParam;
+
+  if (tab === "진행 예정") {
+    tabParam = "proceed";
+  } else if (tab === "진행중/완료 일정") {
+    tabParam = "ongoing";
+  }
+
+  return await axios.get(`${process.env.NEXT_PUBLIC_BASE_URL}/getAllSchedule`, {
+    params: {
+      tab: tabParam,
+      title,
+      startDate,
+      endDate,
+    },
+  });
+};
+
+export const getRecruitSchedule = async (
+  tab?: string,
+  title?: string,
+  startDate?: Date,
+  endDate?: Date,
+) => {
+  let tabParam;
+
+  if (tab === "모집 중/예정") {
+    tabParam = "proceed";
+  } else if (tab === "모집 완료") {
+    tabParam = "ongoing";
+  }
+
+  return await axios.get(
+    `${process.env.NEXT_PUBLIC_BASE_URL}/getRecruitSchedule`,
+    {
+      params: {
+        tab: tabParam,
+        title,
+        startDate,
+        endDate,
+      },
+    },
+  );
+};
+
+export const getParticipateSchedule = async (
+  tab?: string,
+  title?: string,
+  startDate?: Date,
+  endDate?: Date,
+) => {
+  let tabParam = 0;
+
+  if (tab === "승인 대기 중") {
+    tabParam = 1;
+  } else if (tab === "승인 완료") {
+    tabParam = 2;
+  } else if (tab === "승인 거절") {
+    tabParam = 3;
+  }
+
+  return await axios.get(
+    `${process.env.NEXT_PUBLIC_BASE_URL}/getParticipateSchedule`,
+    {
+      params: {
+        tab: tabParam,
+        title,
+        startDate,
+        endDate,
+      },
+    },
+  );
+};
+
+export const getScrapSchedule = async (
+  title?: string,
+  startDate?: Date,
+  endDate?: Date,
+) => {
+  return await axios.get(
+    `${process.env.NEXT_PUBLIC_BASE_URL}/getScrapSchedule`,
+    {
+      params: {
+        title,
+        startDate,
+        endDate,
+      },
+    },
+  );
+};
+
+export const getTemporarySchedule = async (
+  title?: string,
+  startDate?: Date,
+  endDate?: Date,
+) => {
+  return await axios.get(
+    `${process.env.NEXT_PUBLIC_BASE_URL}/getTemporarySchedule`,
+    {
+      params: {
+        title,
+        startDate,
+        endDate,
+      },
+    },
+  );
+};
+
+export const getMainSchedule = async () => {
+  try {
+    const response = await axios.all([
+      getAllSchedule(),
+      getRecruitSchedule(),
+      getParticipateSchedule(),
+      getTemporarySchedule(),
+    ]);
+
+    // axios.spread를 사용하여 각 요청의 결과를 개별적으로 처리
+    const [
+      allSchedule,
+      recruitSchedule,
+      participateSchedule,
+      temporarySchedule,
+    ] = response;
+
+    // 각 요청의 데이터를 반환합니다.
+    return {
+      allSchedule: allSchedule.data,
+      recruitSchedule: recruitSchedule.data,
+      participateSchedule: participateSchedule.data,
+      temporarySchedule: temporarySchedule.data,
+    };
+  } catch (error) {
+    console.error("API 호출 중 오류 발생:", error);
+    throw error; // 오류를 호출자에게 전달
+  }
+};
+
+export const getApplicantsList = async (id: number) => {
+  return await axios.get(
+    `${process.env.NEXT_PUBLIC_BASE_URL}/getApplicantsList`,
+    {
+      params: {
+        id,
+      },
+    },
+  );
+};
+
+export const getItemList = async (title?: string) => {
+  return await axios.get(`${process.env.NEXT_PUBLIC_BASE_URL}/getItemList`, {
+    params: {
+      title,
+    },
+  });
+};

pages/schedule/all.tsx

@@ -1,8 +1,13 @@
 //모든 일정 페이지
 import All from "@schedule/components/All";
+import ScheduleWrapper from "@schedule/components/ScheduleWrapper";
 
 const create = () => {
-  return <All />;
+  return (
+    <ScheduleWrapper>
+      <All />;
+    </ScheduleWrapper>
+  );
 };
 
 export default create;

pages/schedule/index.tsx

@@ -1,9 +1,14 @@
 // 내 일정 페이지
 import Main from "@schedule/components/Main";
+import ScheduleWrapper from "@schedule/components/ScheduleWrapper";
 import React from "react";
 
 const index = () => {
-  return <Main />;
+  return (
+    <ScheduleWrapper>
+      <Main />;
+    </ScheduleWrapper>
+  );
 };
 
 export default index;

pages/schedule/items.tsx

@@ -0,0 +1,13 @@
+import Items from "@schedule/components/Items";
+import ScheduleWrapper from "@schedule/components/ScheduleWrapper";
+import React from "react";
+
+const items = () => {
+  return (
+    <ScheduleWrapper>
+      <Items />;
+    </ScheduleWrapper>
+  );
+};
+
+export default items;

pages/schedule/participate.tsx

@@ -0,0 +1,13 @@
+import Participate from "@schedule/components/Participate";
+import ScheduleWrapper from "@schedule/components/ScheduleWrapper";
+import React from "react";
+
+const participate = () => {
+  return (
+    <ScheduleWrapper>
+      <Participate />;
+    </ScheduleWrapper>
+  );
+};
+
+export default participate;

pages/schedule/recruit.tsx

@@ -0,0 +1,13 @@
+import Recruit from "@schedule/components/Recruit";
+import ScheduleWrapper from "@schedule/components/ScheduleWrapper";
+import React from "react";
+
+const recruit = () => {
+  return (
+    <ScheduleWrapper>
+      <Recruit />;
+    </ScheduleWrapper>
+  );
+};
+
+export default recruit;

pages/schedule/scrap.tsx

@@ -0,0 +1,13 @@
+import ScheduleWrapper from "@schedule/components/ScheduleWrapper";
+import Scrap from "@schedule/components/Scrap";
+import React from "react";
+
+const participate = () => {
+  return (
+    <ScheduleWrapper>
+      <Scrap />;
+    </ScheduleWrapper>
+  );
+};
+
+export default participate;

pages/schedule/temporary.tsx

@@ -0,0 +1,13 @@
+import ScheduleWrapper from "@schedule/components/ScheduleWrapper";
+import Temporary from "@schedule/components/Temporary";
+import React from "react";
+
+const temporary = () => {
+  return (
+    <ScheduleWrapper>
+      <Temporary />;
+    </ScheduleWrapper>
+  );
+};
+
+export default temporary;