운영 서버에 반영

src/features/my-page/ui/profile-card.tsx

@@ -70,7 +70,22 @@ export default function ProfileCard(props: ProfileCardProps) {
           </p>
         </div>
       </div>
-      <p className="font-designer-16r text-text-default">{applicant.answer}</p>
+      {applicant.interviewPost.map((q) => {
+        const matchedAnswer = applicant.answer.find((a) => a.id === q.id);
+
+        return (
+          <div key={q.id} className="mb-4">
+            <p className="font-designer-16b text-text-default">
+              {q.id}. {q.question}
+            </p>
+
+            <p className="font-designer-16r text-text-default">
+              {matchedAnswer?.answer ?? '—'}
+            </p>
+          </div>
+        );
+      })}
+
       <div className="flex w-full justify-end gap-100">
         <Button
           size="medium"

src/features/study/group/api/group-study-types.ts

@@ -119,10 +119,6 @@ export interface GroupStudyData {
   simpleDetailInfo: SimpleDetailInfo;
 }
 
-export interface InterviewPost {
-  interviewPost: string[];
-}
-
 // 그룹 스터디 신청 Request 타입
 export interface ApplyGroupStudyRequest {
   groupStudyId: number;
@@ -146,8 +142,10 @@ export interface DetailInfoDetail extends DetailInfo, Timestamps {
   thumbnailUploadUrl: string | null;
 }
 
-/** 상세 화면용 InterviewPost (기존 InterviewPost 확장) */
-export interface InterviewPostDetail extends InterviewPost, Timestamps {}
+/** 상세 화면용 InterviewPost */
+export interface InterviewPostDetail extends Timestamps {
+  interviewPost: { question: string; id: number }[];
+}
 
 // 그룹 스터디 신청 Response 타입
 export interface ApplyGroupStudyResponse {
@@ -161,7 +159,9 @@ export interface ApplyGroupStudyResponse {
 export interface OpenGroupStudyRequest {
   basicInfo: BasicInfo;
   detailInfo: DetailInfo;
-  interviewPost: InterviewPost;
+  interviewPost: {
+    interviewPost: string[];
+  };
   thumbnailExtension: ThumbnailExtension;
 }
 

src/features/study/group/application/api/type.ts

@@ -9,12 +9,13 @@ export interface GroupStudyApply {
   progressScore: number;
   role: ApplyRole;
   lastAccessed: string;
-  answer: string[];
+  answer: { id: number; answer: string }[];
   status: ApplyStatus;
   processedAt: string | null;
   reason: string | null;
   createdAt: string;
   updatedAt: string;
+  interviewPost: { id: number; question: string }[];
 }
 
 export interface Applicant {

src/features/study/group/ui/apply-group-study-modal.tsx

@@ -7,6 +7,7 @@ import { useController, useForm } from 'react-hook-form';
 import Button from '@/shared/ui/button';
 import Checkbox from '@/shared/ui/checkbox';
 import { Modal } from '@/shared/ui/modal';
+import { GroupStudyDetailResponse } from '../api/group-study-types';
 import {
   ApplyGroupStudyFormData,
   ApplyGroupStudyFormSchema,
@@ -16,7 +17,7 @@ import { useApplyGroupStudyMutation } from '../model/use-apply-group-study';
 interface ApplyGroupStudyModalProps {
   groupStudyId: number;
   title: string;
-  questions: string[];
+  questions: GroupStudyDetailResponse['interviewPost']['interviewPost'];
   trigger: React.ReactNode;
 }
 
@@ -64,7 +65,7 @@ function ApplyGroupStudyForm({
 }: {
   groupStudyId: number;
   title: string;
-  questions: string[];
+  questions: { question: string; id: number }[];
   onClose: () => void;
 }) {
   const {
@@ -118,8 +119,8 @@ function ApplyGroupStudyForm({
             className="flex flex-col gap-300"
             onSubmit={handleSubmit(onSubmit)}
           >
-            {questions.map((question, index) => (
-              <div key={question} className="flex flex-col gap-150">
+            {questions.map(({ question, id }, index) => (
+              <div key={id} className="flex flex-col gap-150">
                 <label
                   htmlFor={`question-${index}`}
                   className="font-designer-15b text-text-default"

src/features/study/group/ui/group-study-member-item.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState } from 'react';
+import UserProfileModal from '@/entities/user/ui/user-profile-modal';
 import {
   formatHHMM,
   formatKoreaRelativeTime,
@@ -53,11 +54,16 @@ export default function GroupStudyMemberItem({
       >
         {/* 사용자 프로필 */}
         <div className="relative inline-block">
-          <UserAvatar
-            image={member.profileImageUrl}
-            alt={`${member.memberName} 프로필 이미지`}
-            size={100}
-            className="border-border-default bg-background-default rounded-full border object-cover"
+          <UserProfileModal
+            memberId={member.id}
+            trigger={
+              <UserAvatar
+                image={member.profileImageUrl}
+                alt={`${member.memberName} 프로필 이미지`}
+                size={100}
+                className="border-border-default bg-background-default rounded-full border object-cover"
+              />
+            }
           />
 
           {/* 랭크 아이콘 */}

src/features/study/group/ui/study-info-section.tsx

@@ -306,6 +306,8 @@ export default function StudyInfoSection({
         memberId={memberId}
         isLeader={isLeader}
         groupStudyStatus={studyDetail.basicInfo.status}
+        approvedCount={studyDetail.basicInfo.approvedCount}
+        maxMembersCount={studyDetail.basicInfo.maxMembersCount}
         data={summaryBasicInfoItems(studyDetail.basicInfo)}
         title={studyDetail.detailInfo.title}
         questions={studyDetail.interviewPost.interviewPost}

src/features/study/group/ui/summary-study-info.tsx

@@ -3,7 +3,10 @@
 import React from 'react';
 import Button from '@/shared/ui/button';
 import ApplyGroupStudyModal from './apply-group-study-modal';
-import { GroupStudyStatus } from '../api/group-study-types';
+import {
+  GroupStudyDetailResponse,
+  GroupStudyStatus,
+} from '../api/group-study-types';
 import { useGroupStudyMyStatusQuery } from '../model/use-group-study-my-status-query';
 
 interface SummaryStudyInfoProps {
@@ -14,9 +17,11 @@ interface SummaryStudyInfoProps {
   }[];
   title: string;
   groupStudyId: number;
-  questions: string[];
+  questions: GroupStudyDetailResponse['interviewPost']['interviewPost'];
   isLeader: boolean;
   groupStudyStatus: GroupStudyStatus;
+  approvedCount: GroupStudyDetailResponse['basicInfo']['approvedCount'];
+  maxMembersCount: GroupStudyDetailResponse['basicInfo']['maxMembersCount'];
   memberId?: number;
 }
 
@@ -27,6 +32,8 @@ export default function SummaryStudyInfo({
   questions,
   isLeader,
   groupStudyStatus,
+  approvedCount,
+  maxMembersCount,
   memberId,
 }: SummaryStudyInfoProps) {
   const { data: myApplicationStatus } = useGroupStudyMyStatusQuery({
@@ -74,6 +81,7 @@ export default function SummaryStudyInfo({
                 disabled={
                   myApplicationStatus?.status !== 'NONE' ||
                   groupStudyStatus === 'IN_PROGRESS' ||
+                  approvedCount >= maxMembersCount ||
                   !isLoggedIn
                 }
               >

src/widgets/home/header.tsx

@@ -45,8 +45,8 @@ export default async function Header() {
 
         {/* 1차 MVP에선 사용하지 않아 제외 */}
         <nav className="font-designer-14m text-text-default flex flex-grow items-center gap-300 px-600">
-          <Link href={isLoggedIn ? '/home' : '/login'}>1:1 CS스터디</Link>
-          <Link href="/study">스터디 둘러보기</Link>
+          <Link href={isLoggedIn ? '/home' : '/login'}>1:1 스터디</Link>
+          <Link href="/study">그룹스터디</Link>
           {/* <Link href="/">팀소개하기로 했었구나</Link> */}
         </nav>