From 2e4b595919cd86e847b176688f7eb93cd0b80dd7 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Sat, 19 Jul 2025 17:49:08 +0900
Subject: [PATCH 1/3] =?UTF-8?q?refactor:=20=EB=A9=B4=EC=A0=91=20=EC=A4=80?=
 =?UTF-8?q?=EB=B9=84/=EC=99=84=EB=A3=8C=20=EB=AA=A8=EB=8B=AC=20Footer=20?=
 =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/study/ui/today-study-modal.tsx | 136 +++++++++++---------
 1 file changed, 78 insertions(+), 58 deletions(-)

diff --git a/src/features/study/ui/today-study-modal.tsx b/src/features/study/ui/today-study-modal.tsx
index f21c3127..372f3a17 100644
--- a/src/features/study/ui/today-study-modal.tsx
+++ b/src/features/study/ui/today-study-modal.tsx
@@ -62,13 +62,11 @@ export default function TodayStudyModal({
             </Modal.Close>
           </Modal.Header>
 
-          <Modal.Body className="flex flex-col gap-400">
-            {isInterviewee ? (
-              <ReadyForm refetch={refetch} data={data} />
-            ) : (
-              <DoneForm refetch={refetch} data={data} />
-            )}
-          </Modal.Body>
+          {isInterviewee ? (
+            <ReadyForm refetch={refetch} data={data} />
+          ) : (
+            <DoneForm refetch={refetch} data={data} />
+          )}
         </Modal.Content>
       </Modal.Portal>
     </Modal.Root>
@@ -113,34 +111,44 @@ function ReadyForm({
 
   return (
     <>
-      <div className="flex flex-col gap-100">
-        <label className="font-designer-16b text-text-default inline-block">
-          면접 주제
-          <span className="font-designer-13m text-text-error pl-100">필수</span>
-        </label>
-        <span className="font-designer-14r text-text-subtle mb-150">
-          이번 스터디에서 다룰 면접 주제를 입력하세요
-        </span>
-        <BaseInput
-          placeholder="네트워크 기초, 운영체제 프로세스 관리, 자료구조 시간복잡도 비교"
-          value={interviewTopic}
-          onChange={(e) => setInterviewTopic(e.target.value)}
-        />
-      </div>
+      <Modal.Body className="flex flex-col gap-400">
+        <div className="flex flex-col gap-250">
+          <div className="flex flex-col gap-100">
+            <label className="font-designer-16b text-text-default inline-block">
+              면접 주제
+              <span className="font-designer-13m text-text-error pl-100">
+                필수
+              </span>
+            </label>
+            <span className="font-designer-14r text-text-subtle">
+              이번 스터디에서 다룰 면접 주제를 입력하세요
+            </span>
+          </div>
 
-      <div className="flex flex-col gap-100">
-        <label className="font-designer-16b text-text-default inline-block">
-          참고 자료
-        </label>
-        <span className="font-designer-14r text-text-subtle mb-150">
-          참고할 링크나 자료가 있다면 입력해 주세요
-        </span>
-        <BaseInput
-          placeholder="https://github.com"
-          value={referenceLink}
-          onChange={(e) => setReferenceLink(e.target.value)}
-        />
-      </div>
+          <BaseInput
+            placeholder="네트워크 기초, 운영체제 프로세스 관리, 자료구조 시간복잡도 비교"
+            value={interviewTopic}
+            onChange={(e) => setInterviewTopic(e.target.value)}
+          />
+        </div>
+
+        <div className="flex flex-col gap-250">
+          <div className="flex flex-col gap-100">
+            <label className="font-designer-16b text-text-default inline-block">
+              참고 자료
+            </label>
+            <span className="font-designer-14r text-text-subtle">
+              참고할 링크나 자료가 있다면 입력해 주세요
+            </span>
+          </div>
+
+          <BaseInput
+            placeholder="https://github.com"
+            value={referenceLink}
+            onChange={(e) => setReferenceLink(e.target.value)}
+          />
+        </div>
+      </Modal.Body>
 
       <Modal.Footer className="flex justify-end gap-100">
         <Modal.Close asChild>
@@ -202,37 +210,49 @@ function DoneForm({
 
   return (
     <>
-      <div className="flex flex-col gap-100">
-        <label className="font-designer-16b text-text-default inline-block">
-          진행 현황
-          <span className="font-designer-13m text-text-error pl-100">필수</span>
-        </label>
-        <span className="font-designer-14r text-text-subtle mb-150">
-          면접 완료 후 해당 지원자의 상태를 업데이트해 주세요.
-        </span>
-        <SingleDropdown
-          options={STUDY_PROGRESS_OPTIONS}
-          defaultValue={progressStatus}
-          placeholder="선택해주세요"
-          onChange={(e) => setProgressStatus(e as StudyProgressStatus)}
-        />
-      </div>
+      <Modal.Body className="flex flex-col gap-400">
+        <div className="flex flex-col gap-250">
+          <div className="flex flex-col gap-100">
+            <label className="font-designer-16b text-text-default inline-block">
+              진행 현황
+              <span className="font-designer-13m text-text-error pl-100">
+                필수
+              </span>
+            </label>
+            <span className="font-designer-14r text-text-subtle">
+              면접 완료 후 해당 지원자의 상태를 업데이트해 주세요.
+            </span>
+          </div>
+
+          <SingleDropdown
+            options={STUDY_PROGRESS_OPTIONS}
+            defaultValue={progressStatus}
+            placeholder="선택해주세요"
+            onChange={(e) => setProgressStatus(e as StudyProgressStatus)}
+          />
+        </div>
+
+        <div className="flex flex-col gap-250">
+          <div className="flex flex-col gap-100">
+            <label className="font-designer-16b text-text-default inline-block">
+              피드백
+              <span className="font-designer-13m text-text-error pl-100">
+                필수
+              </span>
+            </label>
+            <span className="font-designer-14r text-text-subtle">
+              면접 결과에 대한 간단한 피드백을 입력해 주세요.
+            </span>
+          </div>
+        </div>
 
-      <div className="flex flex-col gap-100">
-        <label className="font-designer-16b text-text-default inline-block">
-          피드백
-          <span className="font-designer-13m text-text-error pl-100">필수</span>
-        </label>
-        <span className="font-designer-14r text-text-subtle mb-150">
-          면접 결과에 대한 간단한 피드백을 입력해 주세요.
-        </span>
         <TextAreaInput
           placeholder="커뮤니케이션 능력은 우수하나, 자료구조 이해도가 부족해 추가 학습이 필요해 보입니다."
           value={feedback}
           maxLength={100}
           onChange={(e) => setFeedback(e)}
         />
-      </div>
+      </Modal.Body>
 
       <Modal.Footer className="flex justify-end gap-100">
         <Modal.Close asChild>

From b17c97df7ddbd2651b7745a3dce63e4a32496a4f Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Sat, 19 Jul 2025 18:05:25 +0900
Subject: [PATCH 2/3] =?UTF-8?q?refactor:=20=EB=A9=B4=EC=A0=91=20=EB=AA=A8?=
 =?UTF-8?q?=EB=8B=AC=20trigger=20text=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/study/ui/today-study-modal.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/features/study/ui/today-study-modal.tsx b/src/features/study/ui/today-study-modal.tsx
index 372f3a17..e6eae9de 100644
--- a/src/features/study/ui/today-study-modal.tsx
+++ b/src/features/study/ui/today-study-modal.tsx
@@ -44,11 +44,8 @@ export default function TodayStudyModal({
 
   return (
     <Modal.Root>
-      <Modal.Trigger>
-        <div className="rounded-100 font-designer-16b bg-fill-brand-default-default text-text-inverse hover:bg-fill-brand-default-hover active:bg-fill-brand-default-pressed flex cursor-pointer items-center justify-center px-100 py-75">
-          <CreateIcon />
-          <span className="ml-75">작성하기</span>
-        </div>
+      <Modal.Trigger asChild>
+        <Button size="medium">{isInterviewee ? '준비하기' : '완료하기'}</Button>
       </Modal.Trigger>
       <Modal.Portal>
         <Modal.Overlay />

From 2fdee7542ca4a55c7c199801839f4ce137c793a8 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Sat, 19 Jul 2025 18:06:18 +0900
Subject: [PATCH 3/3] =?UTF-8?q?refactor:=20DoneForm=EC=9D=98=20TextAreaInp?=
 =?UTF-8?q?ut=20=EC=9C=84=EC=B9=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/study/ui/today-study-modal.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/features/study/ui/today-study-modal.tsx b/src/features/study/ui/today-study-modal.tsx
index e6eae9de..93fd5d80 100644
--- a/src/features/study/ui/today-study-modal.tsx
+++ b/src/features/study/ui/today-study-modal.tsx
@@ -241,14 +241,14 @@ function DoneForm({
               면접 결과에 대한 간단한 피드백을 입력해 주세요.
             </span>
           </div>
-        </div>
 
-        <TextAreaInput
-          placeholder="커뮤니케이션 능력은 우수하나, 자료구조 이해도가 부족해 추가 학습이 필요해 보입니다."
-          value={feedback}
-          maxLength={100}
-          onChange={(e) => setFeedback(e)}
-        />
+          <TextAreaInput
+            placeholder="커뮤니케이션 능력은 우수하나, 자료구조 이해도가 부족해 추가 학습이 필요해 보입니다."
+            value={feedback}
+            maxLength={100}
+            onChange={(e) => setFeedback(e)}
+          />
+        </div>
       </Modal.Body>
 
       <Modal.Footer className="flex justify-end gap-100">