diff --git a/app/frontend/src/components/MogacoItem/index.tsx b/app/frontend/src/components/MogacoItem/index.tsx
index 97db1268..7e2f0c2c 100644
--- a/app/frontend/src/components/MogacoItem/index.tsx
+++ b/app/frontend/src/components/MogacoItem/index.tsx
@@ -1,15 +1,18 @@
 import { NavLink } from 'react-router-dom';
 
+import { ResponseMogacoDto } from '@morak/apitype';
 import dayjs from 'dayjs';
 
 import { ReactComponent as Calendar } from '@/assets/icons/calendar.svg';
 import { ReactComponent as Map } from '@/assets/icons/map.svg';
 import { Label } from '@/components';
-import { Mogaco } from '@/types';
 
 import * as styles from './index.css';
 
-type MogacoProps = Mogaco;
+type MogacoProps = Omit<
+  ResponseMogacoDto,
+  'createdAt' | 'deletedAt' | 'updatedAt'
+>;
 
 export function MogacoItem({
   id,
diff --git a/app/frontend/src/components/Sidebar/Contents/Mogaco/GroupWrapper.tsx b/app/frontend/src/components/Sidebar/Contents/Mogaco/GroupWrapper.tsx
index f594cc1f..9f78c7b6 100644
--- a/app/frontend/src/components/Sidebar/Contents/Mogaco/GroupWrapper.tsx
+++ b/app/frontend/src/components/Sidebar/Contents/Mogaco/GroupWrapper.tsx
@@ -1,13 +1,14 @@
+import { ResponseParticipant } from '@morak/apitype';
+
 import { UserChip } from '@/components';
 import { sansBold14 } from '@/styles/font.css';
-import { Member } from '@/types';
 
 import * as styles from './index.css';
 
 export function GroupWrapper({
   nickname,
   profilePicture,
-}: Pick<Member, 'nickname' | 'profilePicture'>) {
+}: Pick<ResponseParticipant, 'nickname' | 'profilePicture'>) {
   return (
     <div className={styles.groupWrapper}>
       <UserChip username={nickname} profileSrc={profilePicture} />
diff --git a/app/frontend/src/components/Sidebar/Contents/Mogaco/InfoWrapper.tsx b/app/frontend/src/components/Sidebar/Contents/Mogaco/InfoWrapper.tsx
index d3bd05f8..da9df50b 100644
--- a/app/frontend/src/components/Sidebar/Contents/Mogaco/InfoWrapper.tsx
+++ b/app/frontend/src/components/Sidebar/Contents/Mogaco/InfoWrapper.tsx
@@ -1,14 +1,14 @@
+import { ResponseMogacoDto } from '@morak/apitype';
 import dayjs from 'dayjs';
 
 import { ReactComponent as Calendar } from '@/assets/icons/calendar.svg';
 import { ReactComponent as Map } from '@/assets/icons/map.svg';
 import { ReactComponent as People } from '@/assets/icons/people.svg';
-import { MogacoTypes } from '@/types';
 
 import * as styles from './index.css';
 
 type InfoWrapperProps = Pick<
-  MogacoTypes,
+  ResponseMogacoDto,
   'date' | 'maxHumanCount' | 'address'
 > & {
   participantCount: number;
diff --git a/app/frontend/src/components/Sidebar/Contents/Mogaco/MogacoInfo.tsx b/app/frontend/src/components/Sidebar/Contents/Mogaco/MogacoInfo.tsx
index 79cf8af2..f254ce68 100644
--- a/app/frontend/src/components/Sidebar/Contents/Mogaco/MogacoInfo.tsx
+++ b/app/frontend/src/components/Sidebar/Contents/Mogaco/MogacoInfo.tsx
@@ -1,6 +1,7 @@
+import { ResponseMogacoWithMemberDto } from '@morak/apitype';
+
 import { Button } from '@/components';
 import { sansRegular16 } from '@/styles/font.css';
-import { Mogaco } from '@/types';
 
 import { GroupWrapper } from './GroupWrapper';
 import * as styles from './index.css';
@@ -11,7 +12,7 @@ export function MogacoInfo({
   mogaco,
   onClickDetailPage,
 }: {
-  mogaco: Mogaco;
+  mogaco: ResponseMogacoWithMemberDto;
   onClickDetailPage: () => void;
 }) {
   const {
diff --git a/app/frontend/src/components/Sidebar/Contents/Mogaco/TitleWrapper.tsx b/app/frontend/src/components/Sidebar/Contents/Mogaco/TitleWrapper.tsx
index b7745b6b..8e076149 100644
--- a/app/frontend/src/components/Sidebar/Contents/Mogaco/TitleWrapper.tsx
+++ b/app/frontend/src/components/Sidebar/Contents/Mogaco/TitleWrapper.tsx
@@ -1,13 +1,14 @@
+import { ResponseMogacoDto } from '@morak/apitype';
+
 import { Label } from '@/components';
 import { sansBold24 } from '@/styles/font.css';
-import { MogacoTypes } from '@/types';
 
 import * as styles from './index.css';
 
 export function TitleWrapper({
   status,
   title,
-}: Pick<MogacoTypes, 'title' | 'status'>) {
+}: Pick<ResponseMogacoDto, 'title' | 'status'>) {
   return (
     <div className={styles.titleWrapper}>
       <Label theme="primary" shape="fill">
diff --git a/app/frontend/src/mocks/members.ts b/app/frontend/src/mocks/members.ts
index 2ae8022c..23cb8e75 100644
--- a/app/frontend/src/mocks/members.ts
+++ b/app/frontend/src/mocks/members.ts
@@ -1,22 +1,24 @@
+import { ResponseParticipant } from '@morak/apitype';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { http, HttpResponse } from 'msw';
 
-import { Member } from '@/types';
-
-const memberList: Member[] = [
+const memberList: ResponseParticipant[] = [
   {
+    id: '1',
     providerId: '1',
     email: '.',
     nickname: '지승',
     profilePicture: 'https://avatars.githubusercontent.com/u/50646827?v=4',
   },
   {
+    id: '2',
     providerId: '2',
     email: '.',
     nickname: '지원',
     profilePicture: 'https://avatars.githubusercontent.com/u/110762136?v=4',
   },
   {
+    id: '3',
     providerId: '3',
     email: '.',
     nickname: '태림',
diff --git a/app/frontend/src/mocks/mogaco.ts b/app/frontend/src/mocks/mogaco.ts
index 5c706d87..e89cd448 100644
--- a/app/frontend/src/mocks/mogaco.ts
+++ b/app/frontend/src/mocks/mogaco.ts
@@ -1,141 +1,80 @@
+import {
+  RequestCreateMogacoDto,
+  ResponseMogacoDto,
+  ResponseMogacoWithMemberDto,
+} from '@morak/apitype';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { http, HttpResponse } from 'msw';
 
-import { Mogaco, MogacoPostRequest } from '@/types';
-
-import { memberList } from './members';
-
-let mogacoList: Mogaco[] = [
-  {
-    id: '1',
-    groupId: '1',
-    title: '인천역 모각코',
-    contents: '인천에서 같이 모각코 하실 분을 모십니다.',
-    date: '2023-11-22T12:00:00.000Z',
-    maxHumanCount: 5,
-    address: '서울 관악구 어디길 어디로 뭐시기카페',
-    coord: '37.4764, 126.617',
-    status: '모집 중' as const,
-    member: memberList[0],
-    participants: [memberList[0], memberList[1], memberList[2]],
-    group: { id: '1', title: '부스트캠프 웹·모바일 8기' },
-  },
-  {
-    id: '2',
-    groupId: '1',
-    title: '이수역 모각코',
-    contents: '이수역 모각코 하실 분 구합니다!',
-    date: '2023-11-22T12:00:00.000Z',
-    maxHumanCount: 5,
-    address: '주소주소주소주소주소',
-    coord: '37.4868, 126.9822',
-    status: '모집 중' as const,
-    member: memberList[2],
-    participants: [memberList[0], memberList[2]],
-    group: { id: '1', title: '부스트캠프 웹·모바일 8기' },
-  },
-  {
-    id: '3',
-    groupId: '1',
-    title: '종각역 모각코',
-    contents: '종각역에서 모각코 하실 분 구해요',
-    date: '2023-10-11T12:00:00.000Z',
-    maxHumanCount: 2,
-    address: '주소주소주소주소주소',
-    coord: '37.5702, 126.9831',
-    status: '모집 중' as const,
-    member: memberList[2],
-    participants: [memberList[1], memberList[2]],
-    group: { id: '1', title: '부스트캠프 웹·모바일 8기' },
-  },
-  {
-    id: '4',
-    groupId: '1',
-    title: '사당역 모각코',
-    contents: '사당역 크레이저 커피로 오세요~',
-    date: '2023-11-22T12:00:00.000Z',
-    maxHumanCount: 2,
-    address: '주소주소주소주소주소',
-    coord: '37.4766, 126.9817',
-    status: '모집 중' as const,
-    member: memberList[1],
-    participants: [memberList[0], memberList[1]],
-    group: { id: '1', title: '부스트캠프 웹·모바일 8기' },
-  },
-];
-
 export const mogacoAPIHandlers = [
-  http.get('/mogaco', ({ request }) => {
-    const url = new URL(request.url);
-    const params = new URLSearchParams(url.search);
-    const date = params.get('date');
-    if (date) {
-      const filteredMogacoList = mogacoList.filter((mogaco) =>
-        mogaco.date.startsWith(date),
-      );
-      return HttpResponse.json<Mogaco[]>(filteredMogacoList);
-    }
-    return HttpResponse.json<Mogaco[]>(mogacoList);
-  }),
-  http.post<never, MogacoPostRequest>('/mogaco', async ({ request }) => {
-    const body = await request.json();
-    const postId = String(Number(mogacoList[mogacoList.length - 1].id) + 1);
-    const newPost = {
-      ...body,
-      id: postId,
-      member: memberList[0],
-      participants: [memberList[0]],
-      group: { id: '1', title: '부스트캠프 웹·모바일 8기' },
-    };
-    mogacoList.push(newPost);
-    return HttpResponse.json(newPost, { status: 201 });
-  }),
-  http.patch<{ id: string }, MogacoPostRequest>(
-    '/mogaco/:id',
-    async ({ params: { id }, request }) => {
-      const body = await request.json();
-      const editedPost = {
-        ...body,
-        id,
-        member: memberList[0],
-        participants: [memberList[0]],
-        group: { id: '1', title: '부스트캠프 웹·모바일 8기' },
-      };
-      const targetIndex = mogacoList.findIndex((mogaco) => mogaco.id === id);
-
-      if (targetIndex === undefined) {
-        return HttpResponse.json(null, { status: 404 });
-      }
-
-      mogacoList[targetIndex] = editedPost;
-      return HttpResponse.json(editedPost, { status: 200 });
-    },
+  http.get('/mogaco', () =>
+    HttpResponse.json<ResponseMogacoDto[]>([
+      {
+        id: '1',
+        groupId: '1',
+        title: '사당역 모각코',
+        contents: '사당역에서 모각코를 열려고 합니다.',
+        date: new Date('2023-11-22T12:00:00Z'),
+        maxHumanCount: 5,
+        address: '서울특별시 관악구 어디길 22 모락 카페',
+        status: '모집 중',
+        createdAt: new Date('2023-11-25T10:21:35.716Z'),
+        updatedAt: new Date('2023-11-25T10:21:35.716Z'),
+        deletedAt: null,
+        group: {
+          id: '1',
+          title: '부스트캠프 웹・모바일 8기',
+        },
+      },
+    ]),
   ),
-  http.get('/mogaco/:id', ({ params: { id } }) =>
-    HttpResponse.json<Mogaco>(mogacoList.find((mogaco) => mogaco.id === id)),
+  http.post<never, RequestCreateMogacoDto>('/mogaco', async () =>
+    HttpResponse.json(null, { status: 201 }),
   ),
-  http.delete('/mogaco/:id', ({ params: { id } }) => {
-    mogacoList = mogacoList.filter((mogaco) => mogaco.id !== id);
-    return HttpResponse.json({ status: 204 });
-  }),
-  http.post('/mogaco/:id/join', ({ params: { id } }) => {
-    const target = mogacoList.find((item) => item.id === id);
-    if (!target) {
-      return HttpResponse.json(null, { status: 404 });
-    }
-
-    target.participants = [...target.participants, memberList[0]];
-    return HttpResponse.json(null, { status: 200 });
-  }),
-  http.delete('/mogaco/:id/join', ({ params: { id } }) => {
-    const target = mogacoList.find((item) => item.id === id);
-    if (!target) {
-      return HttpResponse.json({ status: 404 });
-    }
-
-    target.participants = target.participants.filter(
-      (item) => item.providerId !== memberList[0].providerId,
-    );
-    return HttpResponse.json({ status: 200 });
-  }),
+  http.patch<{ id: string }, RequestCreateMogacoDto>('/mogaco/:id', async () =>
+    HttpResponse.json(null, { status: 200 }),
+  ),
+  http.get('/mogaco/:id', () =>
+    HttpResponse.json<ResponseMogacoWithMemberDto>(
+      {
+        id: '1',
+        groupTitle: '부스트캠프 웹모바일 8기',
+        title: '서울 어딘가 모각코 ',
+        contents: '모각코 하실 분 구해요~!!',
+        date: new Date('2023-11-29T08:40:00.000Z'),
+        maxHumanCount: 15,
+        address: '서울특별시 어디구 어디동 12',
+        status: '모집 중',
+        member: {
+          providerId: '107756461693287933704',
+          email: 'ttrrr121@gmail.com',
+          nickname: 'RIMI',
+          profilePicture:
+            'https://lh3.googleusercontent.com/a/ACg8ocIUKQm6-xqA7Rzw7oLHEXJVdQdIAu8tgwmYpqa1x6PdXjw=s96-c',
+        },
+        participants: [
+          {
+            id: '1',
+            providerId: '107756461693287933704',
+            email: 'ttrrr121@gmail.com',
+            nickname: 'RIMI',
+            profilePicture:
+              'https://lh3.googleusercontent.com/a/ACg8ocIUKQm6-xqA7Rzw7oLHEXJVdQdIAu8tgwmYpqa1x6PdXjw=s96-c',
+          },
+          {
+            id: '2',
+            providerId: '117187214221556274884',
+            email: 'bcwm.morak@gmail.com',
+            nickname: 'morak morak',
+            profilePicture:
+              'https://lh3.googleusercontent.com/a/ACg8ocKej7-OYc7vwz5Xu8Tss37yWKC5vEVMet-1YFh8PcB7Xg=s96-c',
+          },
+        ],
+      },
+      { status: 200 },
+    ),
+  ),
+  http.delete('/mogaco/:id', () => HttpResponse.json(null, { status: 200 })),
+  http.post('/mogaco/:id/join', () => HttpResponse.json(null, { status: 200 })),
+  http.delete('/mogaco/:id/join', () => HttpResponse.json({ status: 200 })),
 ];
diff --git a/app/frontend/src/pages/Calendar/useMogacoQuery.ts b/app/frontend/src/pages/Calendar/useMogacoQuery.ts
index 6b785d9b..21cf5f75 100644
--- a/app/frontend/src/pages/Calendar/useMogacoQuery.ts
+++ b/app/frontend/src/pages/Calendar/useMogacoQuery.ts
@@ -1,10 +1,10 @@
+import { ResponseMogacoDto } from '@morak/apitype';
 import { useQuery } from '@tanstack/react-query';
 import dayjs from 'dayjs';
 
 import { queryKeys } from '@/queries';
-import type { Mogaco } from '@/types';
 
-const refineMogacoList = (mogacoList: Mogaco[]) =>
+const refineMogacoList = (mogacoList: ResponseMogacoDto[]) =>
   mogacoList.map(({ id, title, date }) => ({ id, title, date }));
 
 export const useCalendarMogacoQuery = (selectedDate: Date) =>
diff --git a/app/frontend/src/pages/Mogaco/MogacoList.tsx b/app/frontend/src/pages/Mogaco/MogacoList.tsx
index 3cb05b28..b2a08f26 100644
--- a/app/frontend/src/pages/Mogaco/MogacoList.tsx
+++ b/app/frontend/src/pages/Mogaco/MogacoList.tsx
@@ -31,7 +31,6 @@ export function MogacoList() {
             address,
             status,
             group,
-            participants,
           }) => (
             <MogacoItem
               key={id}
@@ -44,7 +43,6 @@ export function MogacoList() {
               date={date}
               status={status}
               group={group}
-              participants={participants}
             />
           ),
         )}
diff --git a/app/frontend/src/pages/MogacoPost/Controller/PostAddress.tsx b/app/frontend/src/pages/MogacoPost/Controller/PostAddress.tsx
index 74f9d809..dc11e35a 100644
--- a/app/frontend/src/pages/MogacoPost/Controller/PostAddress.tsx
+++ b/app/frontend/src/pages/MogacoPost/Controller/PostAddress.tsx
@@ -1,11 +1,12 @@
 import { Controller, Control } from 'react-hook-form';
 
+import { RequestCreateMogacoDto } from '@morak/apitype';
+
 import { Input } from '@/components';
 import { MOGACO_POST } from '@/constants';
-import { MogacoPostForm } from '@/types';
 
 type PostAddressProps = {
-  control: Control<MogacoPostForm>;
+  control: Control<RequestCreateMogacoDto>;
 };
 
 export function PostAddress({ control }: PostAddressProps) {
diff --git a/app/frontend/src/pages/MogacoPost/Controller/PostContents.tsx b/app/frontend/src/pages/MogacoPost/Controller/PostContents.tsx
index d0f63168..f4176ae7 100644
--- a/app/frontend/src/pages/MogacoPost/Controller/PostContents.tsx
+++ b/app/frontend/src/pages/MogacoPost/Controller/PostContents.tsx
@@ -1,11 +1,12 @@
 import { Controller, Control } from 'react-hook-form';
 
+import { RequestCreateMogacoDto } from '@morak/apitype';
+
 import { Textarea } from '@/components';
 import { MOGACO_POST } from '@/constants';
-import { MogacoPostForm } from '@/types';
 
 type PostContentsProps = {
-  control: Control<MogacoPostForm>;
+  control: Control<RequestCreateMogacoDto>;
 };
 
 export function PostContents({ control }: PostContentsProps) {
diff --git a/app/frontend/src/pages/MogacoPost/Controller/PostDate.tsx b/app/frontend/src/pages/MogacoPost/Controller/PostDate.tsx
index 3cdb2fc7..67f4e9fd 100644
--- a/app/frontend/src/pages/MogacoPost/Controller/PostDate.tsx
+++ b/app/frontend/src/pages/MogacoPost/Controller/PostDate.tsx
@@ -1,13 +1,13 @@
 import { Controller, Control } from 'react-hook-form';
 
+import { RequestCreateMogacoDto } from '@morak/apitype';
 import dayjs from 'dayjs';
 
 import { Input } from '@/components';
 import { MOGACO_POST } from '@/constants';
-import { MogacoPostForm } from '@/types';
 
 type PostDateProps = {
-  control: Control<MogacoPostForm>;
+  control: Control<RequestCreateMogacoDto>;
   isEdit?: boolean;
 };
 
diff --git a/app/frontend/src/pages/MogacoPost/Controller/PostGroupId.tsx b/app/frontend/src/pages/MogacoPost/Controller/PostGroupId.tsx
index f9e873a1..a1ae4dfe 100644
--- a/app/frontend/src/pages/MogacoPost/Controller/PostGroupId.tsx
+++ b/app/frontend/src/pages/MogacoPost/Controller/PostGroupId.tsx
@@ -1,15 +1,15 @@
 import { useEffect } from 'react';
 import { Controller, Control } from 'react-hook-form';
 
+import { RequestCreateMogacoDto } from '@morak/apitype';
 import { useQuery } from '@tanstack/react-query';
 
 import { queryKeys } from '@/queries';
-import { MogacoPostForm } from '@/types';
 
 import * as styles from './group.css';
 
 type PostGroupIdProps = {
-  control: Control<MogacoPostForm>;
+  control: Control<RequestCreateMogacoDto>;
   isEdit?: boolean;
   setGroup: (groupId: string) => void;
 };
diff --git a/app/frontend/src/pages/MogacoPost/Controller/PostMaxHumanCount.tsx b/app/frontend/src/pages/MogacoPost/Controller/PostMaxHumanCount.tsx
index 243a5804..3cd8af55 100644
--- a/app/frontend/src/pages/MogacoPost/Controller/PostMaxHumanCount.tsx
+++ b/app/frontend/src/pages/MogacoPost/Controller/PostMaxHumanCount.tsx
@@ -1,11 +1,12 @@
 import { Controller, Control } from 'react-hook-form';
 
+import { RequestCreateMogacoDto } from '@morak/apitype';
+
 import { Input } from '@/components';
 import { MOGACO_POST } from '@/constants';
-import { MogacoPostForm } from '@/types';
 
 type PostMaxHumanCountProps = {
-  control: Control<MogacoPostForm>;
+  control: Control<RequestCreateMogacoDto>;
   isEdit?: boolean;
 };
 
diff --git a/app/frontend/src/pages/MogacoPost/Controller/PostTitle.tsx b/app/frontend/src/pages/MogacoPost/Controller/PostTitle.tsx
index 2ff22a68..5f7b587d 100644
--- a/app/frontend/src/pages/MogacoPost/Controller/PostTitle.tsx
+++ b/app/frontend/src/pages/MogacoPost/Controller/PostTitle.tsx
@@ -1,12 +1,13 @@
 import { Controller, Control } from 'react-hook-form';
 
+import { RequestCreateMogacoDto } from '@morak/apitype';
+
 import { MOGACO_POST } from '@/constants';
-import { MogacoPostForm } from '@/types';
 
 import * as styles from './index.css';
 
 type PostTitleProps = {
-  control: Control<MogacoPostForm>;
+  control: Control<RequestCreateMogacoDto>;
 };
 
 export function PostTitle({ control }: PostTitleProps) {
diff --git a/app/frontend/src/pages/MogacoPost/index.tsx b/app/frontend/src/pages/MogacoPost/index.tsx
index 569ed3ec..4e098f61 100644
--- a/app/frontend/src/pages/MogacoPost/index.tsx
+++ b/app/frontend/src/pages/MogacoPost/index.tsx
@@ -2,12 +2,12 @@ import { useEffect } from 'react';
 import { useForm } from 'react-hook-form';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 
+import { RequestCreateMogacoDto } from '@morak/apitype';
 import { useQuery } from '@tanstack/react-query';
 
 import { Button } from '@/components';
 import { queryKeys } from '@/queries';
 import { useSubmitEdit, useSubmitPost } from '@/queries/hooks/post';
-import { MogacoPostForm } from '@/types';
 
 import {
   PostMember,
@@ -31,22 +31,31 @@ export function MogacoPostPage() {
     ...queryKeys.mogaco.detail(postId || ''),
     enabled: !!postId,
   });
-  const { control, handleSubmit, reset, setValue } = useForm<MogacoPostForm>({
-    defaultValues: {
-      title: '',
-      address: '',
-      contents: '',
-      date: '',
-      groupId: '',
-      maxHumanCount: 0,
-      memberId: '',
-      status: '모집 중',
-    },
-  });
+  const { control, handleSubmit, reset, setValue } =
+    useForm<RequestCreateMogacoDto>({
+      defaultValues: {
+        title: '',
+        address: '',
+        contents: '',
+        date: '',
+        groupId: '',
+        maxHumanCount: 0,
+        status: '모집 중',
+      },
+    });
 
   useEffect(() => {
     if (mogacoData) {
-      reset({ ...mogacoData });
+      const { title, address, contents, maxHumanCount, date, status } =
+        mogacoData;
+      reset({
+        title,
+        address,
+        contents,
+        date: date.toString(),
+        maxHumanCount,
+        status,
+      });
     }
   }, [mogacoData, reset]);
 
@@ -61,7 +70,7 @@ export function MogacoPostPage() {
     maxHumanCount,
     address,
     groupId,
-  }: MogacoPostForm) => {
+  }: RequestCreateMogacoDto) => {
     const formData = {
       groupId,
       title,
diff --git a/app/frontend/src/queries/hooks/post.ts b/app/frontend/src/queries/hooks/post.ts
index 0f9d43c7..f652fdf9 100644
--- a/app/frontend/src/queries/hooks/post.ts
+++ b/app/frontend/src/queries/hooks/post.ts
@@ -1,15 +1,20 @@
+import { RequestCreateMogacoDto } from '@morak/apitype';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { queryKeys } from '@/queries';
 import { mogaco } from '@/services';
-import { MogacoPostRequest } from '@/types';
 
 export const useSubmitEdit = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: ({ id, form }: { id: string; form: MogacoPostRequest }) =>
-      mogaco.edit(id, form),
+    mutationFn: ({
+      id,
+      form,
+    }: {
+      id: string;
+      form: Partial<RequestCreateMogacoDto>;
+    }) => mogaco.edit(id, form),
     onSuccess: () => {
       queryClient.invalidateQueries({
         queryKey: queryKeys.mogaco.list().queryKey,
@@ -22,7 +27,7 @@ export const useSubmitPost = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: (form: MogacoPostRequest) => mogaco.post(form),
+    mutationFn: (form: RequestCreateMogacoDto) => mogaco.post(form),
     onSuccess: () => {
       queryClient.invalidateQueries({
         queryKey: queryKeys.mogaco.list().queryKey,
diff --git a/app/frontend/src/services/member.ts b/app/frontend/src/services/member.ts
index 0174aaa1..1aaf3a75 100644
--- a/app/frontend/src/services/member.ts
+++ b/app/frontend/src/services/member.ts
@@ -1,4 +1,4 @@
-import { Member } from '@/types';
+import { ResponseParticipant } from '@morak/apitype';
 
 import { morakAPI } from './morakAPI';
 
@@ -9,12 +9,14 @@ export const member = {
   },
 
   myInfo: async () => {
-    const { data } = await morakAPI.get<Member>(member.endPoint.me);
+    const { data } = await morakAPI.get<ResponseParticipant>(
+      member.endPoint.me,
+    );
     return data;
   },
 
   infoById: async (id: string) => {
-    const { data } = await morakAPI.get<Member>(
+    const { data } = await morakAPI.get<ResponseParticipant>(
       `${member.endPoint.default}/${id}`,
     );
     return data;
diff --git a/app/frontend/src/services/mogaco.ts b/app/frontend/src/services/mogaco.ts
index c6e15f03..d6c863a6 100644
--- a/app/frontend/src/services/mogaco.ts
+++ b/app/frontend/src/services/mogaco.ts
@@ -1,4 +1,8 @@
-import { Mogaco, MogacoPostRequest } from '@/types';
+import {
+  RequestCreateMogacoDto,
+  ResponseMogacoDto,
+  ResponseMogacoWithMemberDto,
+} from '@morak/apitype';
 
 import { morakAPI } from './morakAPI';
 
@@ -11,20 +15,20 @@ export const mogaco = {
     const queryString = filters
       ? `?${new URLSearchParams(filters).toString()}`
       : '';
-    const { data } = await morakAPI.get<Mogaco[]>(
+    const { data } = await morakAPI.get<ResponseMogacoDto[]>(
       `${mogaco.endPoint.index}${queryString}`,
     );
     return data;
   },
   detail: async (id: string) => {
-    const { data } = await morakAPI.get<Mogaco>(
+    const { data } = await morakAPI.get<ResponseMogacoWithMemberDto>(
       `${mogaco.endPoint.index}/${id}`,
     );
     return data;
   },
-  post: async (form: MogacoPostRequest) =>
+  post: async (form: RequestCreateMogacoDto) =>
     morakAPI.post(mogaco.endPoint.index, form),
-  edit: async (id: string, form: MogacoPostRequest) =>
+  edit: async (id: string, form: Partial<RequestCreateMogacoDto>) =>
     morakAPI.patch(`${mogaco.endPoint.index}/${id}`, form),
   delete: async (id: string) => {
     const response = await morakAPI.delete(`${mogaco.endPoint.index}/${id}`);
diff --git a/app/frontend/src/stores/user.ts b/app/frontend/src/stores/user.ts
index ef7829dd..9814acf3 100644
--- a/app/frontend/src/stores/user.ts
+++ b/app/frontend/src/stores/user.ts
@@ -1,6 +1,5 @@
+import { ResponseParticipant } from '@morak/apitype';
 import { atom, useAtom } from 'jotai';
 
-import { Member } from '@/types';
-
-const userStore = atom<Member | null>(null);
+const userStore = atom<ResponseParticipant | null>(null);
 export const useUserAtom = () => useAtom(userStore);
diff --git a/app/frontend/src/types/index.ts b/app/frontend/src/types/index.ts
index d345d022..03b51195 100644
--- a/app/frontend/src/types/index.ts
+++ b/app/frontend/src/types/index.ts
@@ -1,3 +1 @@
 export * from './chatting';
-export * from './member';
-export * from './mogaco';
diff --git a/app/frontend/src/types/member.ts b/app/frontend/src/types/member.ts
deleted file mode 100644
index 9cc212a1..00000000
--- a/app/frontend/src/types/member.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export type Member = {
-  providerId: string;
-  email: string;
-  nickname: string;
-  profilePicture: string;
-};
diff --git a/app/frontend/src/types/mogaco.ts b/app/frontend/src/types/mogaco.ts
deleted file mode 100644
index 9c9169b1..00000000
--- a/app/frontend/src/types/mogaco.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Member } from './member';
-
-interface MogacoTypes {
-  id: string;
-  groupId: string;
-  memberId: string;
-  title: string;
-  contents: string;
-  date: string;
-  maxHumanCount: number;
-  address: string;
-  coord: string;
-  status: '모집 중' | '마감' | '종료';
-  nickname: string;
-  profilePicture: string;
-  member: Member;
-  participants: Member[];
-  group: { id: string; title: string };
-}
-
-export type Mogaco = Pick<
-  MogacoTypes,
-  | 'id'
-  | 'groupId'
-  | 'title'
-  | 'contents'
-  | 'date'
-  | 'maxHumanCount'
-  | 'address'
-  | 'coord'
-  | 'status'
-  | 'member'
-  | 'participants'
-  | 'group'
->;
-
-export type MogacoPostForm = Pick<
-  MogacoTypes,
-  | 'title'
-  | 'memberId'
-  | 'groupId'
-  | 'contents'
-  | 'date'
-  | 'maxHumanCount'
-  | 'address'
-  | 'status'
->;
-
-export type MogacoPostRequest = Pick<
-  MogacoTypes,
-  | 'title'
-  | 'groupId'
-  | 'contents'
-  | 'date'
-  | 'maxHumanCount'
-  | 'address'
-  | 'coord'
-  | 'status'
->;
-
-export type { MogacoTypes };
diff --git a/packages/apitype/dto/response/mogaco.ts b/packages/apitype/dto/response/mogaco.ts
index 8e6713c2..57ec92cf 100644
--- a/packages/apitype/dto/response/mogaco.ts
+++ b/packages/apitype/dto/response/mogaco.ts
@@ -14,7 +14,7 @@ export interface ResponseMogacoDto {
   status: string;
   createdAt: Date;
   updatedAt: Date;
-  deletedAt: Date;
+  deletedAt: Date | null;
   group: GroupsDto;
 }