개설한 스터디가 마이 스터디 탭에서 보이지 않는 문제 수정

CLAUDE.md

@@ -9,6 +9,7 @@ This file is a reference guide for Claude Code (claude.ai/code) when working wit
 - **Limit exploration to 2–3 files max.** Do not spend the session on exploration or planning. Once you know the file path and API contract, start writing code immediately.
 - **Never fabricate API endpoints.** Do not invent endpoints that don't exist. Always verify real APIs in `src/hooks/queries/`, `src/api/`, `src/api/openapi/` before using them. If not found, leave a TODO placeholder and inform the user.
 - **Fix all issues in a single pass during code review.** Do not make multiple passes on the same file. Handle all discovered issues in one pass.
+- **Verify frontend ↔ backend alignment before finalizing any API-touching change.** Cross-check against the backend repo at `../study-platform-mvp/`. Specifically confirm: (1) endpoint path and HTTP method, (2) query/path param names and types, (3) response DTO field names, types, and optionality, (4) enum values. Report any mismatch to the user before committing.
 
 ### Completion Criteria
 

src/app/(service)/(my)/my-study/completed/page.tsx

@@ -16,7 +16,7 @@ const GroupStudyFormModal = dynamic(
 );
 
 interface MemberGroupStudyList extends MemberStudyItem {
-  type: 'GROUP_STUDY';
+  type: 'GROUP_STUDY' | 'MENTOR_STUDY';
   status: 'COMPLETED';
 }
 
@@ -25,13 +25,15 @@ export default function CompletedPage() {
   const [page, setPage] = useState<number>(1);
   const { data, isLoading } = useMemberStudyListV2Query({
     memberId,
-    studyType: 'GROUP_STUDY',
+    studyType: 'BOTH',
     studyStatus: 'COMPLETED',
     page,
   });
 
-  // status가 "COMPLETED"인 스터디 목록
-  const completedStudyList = (data?.content || []) as MemberGroupStudyList[];
+  // status가 "COMPLETED"인 스터디 목록 (ONE_ON_ONE_STUDY 제외)
+  const completedStudyList = (data?.content || []).filter(
+    (list) => list.type === 'GROUP_STUDY' || list.type === 'MENTOR_STUDY',
+  ) as MemberGroupStudyList[];
 
   if (isLoading) {
     return null;

src/app/(service)/(my)/my-study/not-completed/page.tsx

@@ -16,7 +16,7 @@ const GroupStudyFormModal = dynamic(
 );
 
 interface MemberGroupStudyList extends MemberStudyItem {
-  type: 'GROUP_STUDY';
+  type: 'GROUP_STUDY' | 'MENTOR_STUDY';
   status: 'RECRUITING' | 'IN_PROGRESS';
 }
 
@@ -25,13 +25,15 @@ export default function NotCompletedPage() {
   const [page, setPage] = useState<number>(1);
   const { data, isLoading } = useMemberStudyListV2Query({
     memberId,
-    studyType: 'GROUP_STUDY',
+    studyType: 'BOTH',
     studyStatus: 'NOT_COMPLETED',
     page,
   });
 
-  // status가 "IN_PROGRESS" 또는 "RECRUITMENT"인 스터디 목록
-  const notCompletedStudyList = (data?.content || []) as MemberGroupStudyList[];
+  // status가 "IN_PROGRESS" 또는 "RECRUITMENT"인 스터디 목록 (ONE_ON_ONE_STUDY 제외)
+  const notCompletedStudyList = (data?.content || []).filter(
+    (s) => s.type === 'GROUP_STUDY' || s.type === 'MENTOR_STUDY',
+  ) as MemberGroupStudyList[];
 
   if (isLoading) {
     return null;

src/app/(service)/(my)/my-study/page.tsx

@@ -19,7 +19,7 @@ const GroupStudyFormModal = dynamic(
 const PREVIEW_LIMIT = 9;
 
 interface MemberGroupStudyList extends MemberStudyItem {
-  type: 'GROUP_STUDY';
+  type: 'GROUP_STUDY' | 'MENTOR_STUDY';
 }
 
 export default function MyStudy() {
@@ -28,15 +28,15 @@ export default function MyStudy() {
   const { data: notCompletedData, isLoading: isLoadingNotCompleted } =
     useMemberStudyListV2Query({
       memberId,
-      studyType: 'GROUP_STUDY',
+      studyType: 'BOTH',
       studyStatus: 'NOT_COMPLETED',
       pageSize: 50,
     });
 
   const { data: completedData, isLoading: isLoadingCompleted } =
     useMemberStudyListV2Query({
       memberId,
-      studyType: 'GROUP_STUDY',
+      studyType: 'BOTH',
       studyStatus: 'COMPLETED',
       pageSize: 9,
     });
@@ -51,18 +51,19 @@ export default function MyStudy() {
       study.status === 'COMPLETED' ||
       (study.endTime && new Date(study.endTime) < now);
 
-    const isGroupStudy = (
+    const isGroupOrMentorStudy = (
       study: MemberStudyItem,
-    ): study is MemberGroupStudyList => study.type === 'GROUP_STUDY';
+    ): study is MemberGroupStudyList =>
+      study.type === 'GROUP_STUDY' || study.type === 'MENTOR_STUDY';
 
-    const groupStudies = allNotCompleted.filter(isGroupStudy);
+    const groupStudies = allNotCompleted.filter(isGroupOrMentorStudy);
     const active = groupStudies.filter((s) => !isEnded(s));
     const ended = groupStudies.filter(isEnded);
 
     return {
       notCompletedStudyList: active.slice(0, PREVIEW_LIMIT),
       completedStudyList: [
-        ...(completedData?.content ?? []).filter(isGroupStudy),
+        ...(completedData?.content ?? []).filter(isGroupOrMentorStudy),
         ...ended,
       ].slice(0, PREVIEW_LIMIT),
     };

src/components/lists/completed-group-study-list.tsx

@@ -1,8 +1,8 @@
 import MyStudyInfoCard from '@/components/my-page/my-study-info-card';
-import { MemberStudyItem } from '@/types/api/group-study.types';
+import type { MemberStudyItem } from '@/types/api/group-study.types';
 
 interface MemberGroupStudyList extends MemberStudyItem {
-  type: 'GROUP_STUDY';
+  type: 'GROUP_STUDY' | 'MENTOR_STUDY';
 }
 
 interface CompletedGroupStudyListProps {

src/components/lists/not-completed-group-study-list.tsx

@@ -1,8 +1,8 @@
 import MyStudyInfoCard from '@/components/my-page/my-study-info-card';
-import { MemberStudyItem } from '@/types/api/group-study.types';
+import type { MemberStudyItem } from '@/types/api/group-study.types';
 
 interface MemberGroupStudyList extends MemberStudyItem {
-  type: 'GROUP_STUDY';
+  type: 'GROUP_STUDY' | 'MENTOR_STUDY';
 }
 
 interface NotCompletedGroupStudyListProps {

src/components/my-page/my-study-info-card.tsx

@@ -7,11 +7,12 @@ import Button from '@/components/common/ui/button';
 import type { MemberStudyItem } from '@/types/api/group-study.types';
 
 interface MyStudyInfoCardProps extends MemberStudyItem {
-  type: 'GROUP_STUDY';
+  type: 'GROUP_STUDY' | 'MENTOR_STUDY';
 }
 
 export default function MyStudyInfoCard({
   studyId,
+  type,
   thumbnail,
   status,
   startTime,
@@ -24,13 +25,14 @@ export default function MyStudyInfoCard({
 }: MyStudyInfoCardProps) {
   const startDate = dayjs(startTime).format('YYYY.MM.DD');
   const endDate = endTime ? dayjs(endTime).format('YYYY.MM.DD') : null;
+  const studyHref =
+    type === 'MENTOR_STUDY'
+      ? `/premium-study/${studyId}`
+      : `/group-study/${studyId}`;
 
   return (
     <li className="flex w-full flex-col gap-100">
-      <Link
-        href={`/group-study/${studyId}`}
-        className="flex w-full flex-col gap-100"
-      >
+      <Link href={studyHref} className="flex w-full flex-col gap-100">
         <div className="relative">
           <Image
             src={thumbnail?.resizedImages[0]?.resizedImageUrl ?? undefined}