From f487578ce323b52f1072a94fdc349a02c41c6866 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Tue, 26 Aug 2025 01:11:45 +0900
Subject: [PATCH 01/33] =?UTF-8?q?chore:=20QA=EC=84=9C=EB=B2=84,=20?=
 =?UTF-8?q?=EC=9A=B4=EC=98=81=20=EC=84=9C=EB=B2=84=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20=EC=A0=84=EC=B2=B4=20=ED=97=88=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 next.config.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/next.config.ts b/next.config.ts
index e1dcedae..e40cb1e2 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -10,15 +10,20 @@ const nextConfig: NextConfig = {
         hostname: 'img1.kakaocdn.net',
         pathname: '/**',
       },
+      {
+        protocol: 'https',
+        hostname: 'lh3.googleusercontent.com',
+        pathname: '/**', // 구글 이미지 전체 허용
+      },
       {
         protocol: 'https',
         hostname: 'test-api.zeroone.it.kr',
-        pathname: '/profile-image/**',
+        pathname: '/**',
       },
       {
         protocol: 'https',
-        hostname: 'lh3.googleusercontent.com',
-        pathname: '/**', // 구글 이미지 전체 허용
+        hostname: 'www.zeroone.it.kr',
+        pathname: '/**',
       },
     ],
   },

From ab26082cf6d246f01a8c0e2682867ae77e5393c5 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Tue, 26 Aug 2025 01:06:29 +0900
Subject: [PATCH 02/33] =?UTF-8?q?feat:=20=ED=82=A4=EC=9B=8C=EB=93=9C=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(my)/my-study-review/page.tsx             | 37 +++++++++++-----
 .../user/ui/more-keyword-review-modal.tsx     | 42 +++++++++++++++++++
 2 files changed, 69 insertions(+), 10 deletions(-)
 create mode 100644 src/entities/user/ui/more-keyword-review-modal.tsx

diff --git a/app/(my)/my-study-review/page.tsx b/app/(my)/my-study-review/page.tsx
index 730daa9d..373cc1d4 100644
--- a/app/(my)/my-study-review/page.tsx
+++ b/app/(my)/my-study-review/page.tsx
@@ -3,6 +3,7 @@
 import Image from 'next/image';
 import { useState } from 'react';
 import KeywordReview from '@/entities/user/ui/keyword-review';
+import MoreKeywordReviewModal from '@/entities/user/ui/more-keyword-review-modal';
 import { MyReviewItem } from '@/features/study/api/types';
 import {
   useMyNegativeKeywordsQuery,
@@ -15,6 +16,7 @@ export default function MyStudyReview() {
   const { data: positiveKeywordsData } = useUserPositiveKeywordsQuery({
     pageSize: 5,
   });
+
   const { data: negativeKeywordsData } = useMyNegativeKeywordsQuery({
     pageSize: 5,
   });
@@ -55,11 +57,7 @@ export default function MyStudyReview() {
             <div className="mb-200 flex justify-between">
               <h3 className="font-designer-16b text-text-default">좋았던 점</h3>
 
-              {positiveKeywords.length > 5 && (
-                <button className="font-designer-12m text-text-subtlest cursor-pointer">
-                  더보기
-                </button>
-              )}
+              {positiveKeywords.length > 5 && <MorePositiveKeywordsModal />}
             </div>
 
             <ul className="flex flex-col gap-50">
@@ -85,11 +83,7 @@ export default function MyStudyReview() {
                 개선이 필요한 점
               </h3>
 
-              {negativeKeywords.length > 5 && (
-                <button className="font-designer-12m text-text-subtlest cursor-pointer">
-                  더보기
-                </button>
-              )}
+              {negativeKeywords.length > 5 && <MoreNegativeKeywordsModal />}
             </div>
 
             <ul className="flex flex-col gap-50">
@@ -153,6 +147,29 @@ export default function MyStudyReview() {
   );
 }
 
+function MorePositiveKeywordsModal() {
+  const { data: allPositiveKeywordsData } = useUserPositiveKeywordsQuery({});
+
+  const allPositiveKeywords = allPositiveKeywordsData.keywords || [];
+
+  return (
+    <MoreKeywordReviewModal title="좋았던 점" keywords={allPositiveKeywords} />
+  );
+}
+
+function MoreNegativeKeywordsModal() {
+  const { data: allNegativeKeywordsData } = useMyNegativeKeywordsQuery({});
+
+  const allNegativeKeywords = allNegativeKeywordsData.keywords || [];
+
+  return (
+    <MoreKeywordReviewModal
+      title="개선이 필요한 점"
+      keywords={allNegativeKeywords}
+    />
+  );
+}
+
 function Review({ data }: { data: MyReviewItem }) {
   const [expanded, setExpanded] = useState(false);
 
diff --git a/src/entities/user/ui/more-keyword-review-modal.tsx b/src/entities/user/ui/more-keyword-review-modal.tsx
new file mode 100644
index 00000000..25590a07
--- /dev/null
+++ b/src/entities/user/ui/more-keyword-review-modal.tsx
@@ -0,0 +1,42 @@
+import { XIcon } from 'lucide-react';
+import { Modal } from '@/shared/ui/modal';
+import KeywordReview from './keyword-review';
+
+export default function MoreKeywordReviewModal({
+  title,
+  keywords,
+}: {
+  title: string;
+  keywords: { id: number; content: string; count: number }[];
+}) {
+  return (
+    <Modal.Root>
+      <Modal.Trigger asChild>
+        <button className="font-designer-12m text-text-subtlest cursor-pointer">
+          더보기
+        </button>
+      </Modal.Trigger>
+      <Modal.Portal>
+        <Modal.Overlay />
+        <Modal.Content size="large" className="w-full">
+          <Modal.Header className="border-border-default flex justify-between border-b">
+            <Modal.Title className="font-designer-20b text-text-strong">
+              {title}
+            </Modal.Title>
+            <Modal.Close>
+              <XIcon />
+            </Modal.Close>
+          </Modal.Header>
+
+          <Modal.Body className="flex flex-col gap-400 p-400">
+            <ul className="flex flex-col gap-50">
+              {keywords.map((keyword) => (
+                <KeywordReview key={keyword.id} {...keyword} />
+              ))}
+            </ul>
+          </Modal.Body>
+        </Modal.Content>
+      </Modal.Portal>
+    </Modal.Root>
+  );
+}

From 24aefc3caffbd50b34203f366590a77fbec3608d Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Wed, 27 Aug 2025 00:32:51 +0900
Subject: [PATCH 03/33] =?UTF-8?q?feat:=20=EC=9E=90=EC=8B=A0=EC=9D=B4=20?=
 =?UTF-8?q?=EC=9D=B4=EB=B2=88=EC=A3=BC=EC=97=90=20=EC=8A=A4=ED=84=B0?=
 =?UTF-8?q?=EB=94=94=20=ED=9B=84=EA=B8=B0=EB=A5=BC=20=EB=82=A8=EA=B2=BC?=
 =?UTF-8?q?=EB=8A=94=EC=A7=80=20=EC=97=AC=EB=B6=80=EC=97=90=20=EA=B4=80?=
 =?UTF-8?q?=ED=95=9C=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=9A=94=EC=B2=AD=20?=
 =?UTF-8?q?=EC=BB=A4=EC=8A=A4=ED=85=80=20=ED=9B=85=20=EC=83=9D=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/study/api/get-review.ts         | 8 ++++++++
 src/features/study/api/types.ts              | 2 ++
 src/features/study/model/use-review-query.ts | 8 ++++++++
 3 files changed, 18 insertions(+)

diff --git a/src/features/study/api/get-review.ts b/src/features/study/api/get-review.ts
index e188d28d..fd9768e7 100644
--- a/src/features/study/api/get-review.ts
+++ b/src/features/study/api/get-review.ts
@@ -8,6 +8,7 @@ import type {
   MyNegativeKeywordsResponse,
   MyReviewsResponse,
   MyReviewsRequest,
+  WeeklyStudyStatusResponse,
 } from './types';
 
 export const getPartnerStudyReview =
@@ -79,3 +80,10 @@ export const getMyReviews = async ({
 
   return res.data.content;
 };
+
+export const getWeeklyStudyReviewStatus =
+  async (): Promise<WeeklyStudyStatusResponse> => {
+    const res = await axiosInstance.get('/study/reviews/this-week/is-writer');
+
+    return res.data.content;
+  };
diff --git a/src/features/study/api/types.ts b/src/features/study/api/types.ts
index 77cfa766..46722749 100644
--- a/src/features/study/api/types.ts
+++ b/src/features/study/api/types.ts
@@ -183,3 +183,5 @@ export interface MyReviewsResponse {
     hasNext: boolean;
   };
 }
+
+export type WeeklyStudyStatusResponse = boolean;
diff --git a/src/features/study/model/use-review-query.ts b/src/features/study/model/use-review-query.ts
index 40e17990..7f333df2 100644
--- a/src/features/study/model/use-review-query.ts
+++ b/src/features/study/model/use-review-query.ts
@@ -10,6 +10,7 @@ import {
   getPartnerStudyReview,
   getMyNegativeKeywords,
   getMyReviews,
+  getWeeklyStudyReviewStatus,
 } from '../api/get-review';
 import {
   MyNegativeKeywordsRequest,
@@ -84,3 +85,10 @@ export const useMyReviewsInfinityQuery = () => {
     },
   });
 };
+
+export const useWeeklyStudyReviewStatusQuery = () => {
+  return useQuery({
+    queryKey: ['weeklyStudyReviewStatus'],
+    queryFn: getWeeklyStudyReviewStatus,
+  });
+};

From 47d4d6315490e94b37926d9902b5c49002fafbcf Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Wed, 27 Aug 2025 01:31:56 +0900
Subject: [PATCH 04/33] =?UTF-8?q?fix:=20TextAreaInput=20onChange=20?=
 =?UTF-8?q?=ED=83=80=EC=9E=85=20=EC=97=90=EB=9F=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/features/study/ui/study-review-modal.tsx b/src/features/study/ui/study-review-modal.tsx
index e2dbd8db..fe291dda 100644
--- a/src/features/study/ui/study-review-modal.tsx
+++ b/src/features/study/ui/study-review-modal.tsx
@@ -353,7 +353,7 @@ function PositiveTextArea({
         value={value}
         maxLength={1000}
         placeholder="좋았던 점을 자세히 말해주세요"
-        onChange={onChange}
+        onChange={(e) => onChange(e.target.value)}
       />
     </div>
   );
@@ -428,7 +428,7 @@ function NegativeTextArea({
 
       <TextAreaInput
         value={value}
-        onChange={onChange}
+        onChange={(e) => onChange(e.target.value)}
         maxLength={1000}
         placeholder="아쉬웠던 점을 자세히 말해주세요"
       />

From 20ade3b2b8ec115a31ba9d2eea6d5b8a6d5782d0 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Wed, 27 Aug 2025 02:08:01 +0900
Subject: [PATCH 05/33] =?UTF-8?q?feat:=20=ED=9B=84=EA=B8=B0=EB=A5=BC=20?=
 =?UTF-8?q?=EC=9E=91=EC=84=B1=EC=95=88=ED=95=98=EB=A9=B4,=20=EC=A3=BC?=
 =?UTF-8?q?=EB=A7=90=EC=97=90=2030=EB=B6=84=20=EC=A3=BC=EA=B8=B0=EB=A1=9C?=
 =?UTF-8?q?=20=ED=9B=84=EA=B8=B0=20=EB=AA=A8=EB=8B=AC=20=EB=A0=8C=EB=8D=94?=
 =?UTF-8?q?=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/my-profile-card.tsx      | 89 +++++++++++--------
 .../study/lib/use-reminder-review.tsx         | 35 ++++++++
 src/features/study/model/use-review-query.ts  |  1 +
 src/features/study/ui/study-review-modal.tsx  | 45 +++++-----
 4 files changed, 109 insertions(+), 61 deletions(-)
 create mode 100644 src/features/study/lib/use-reminder-review.tsx

diff --git a/src/entities/user/ui/my-profile-card.tsx b/src/entities/user/ui/my-profile-card.tsx
index 32ab753a..f16c5ebf 100644
--- a/src/entities/user/ui/my-profile-card.tsx
+++ b/src/entities/user/ui/my-profile-card.tsx
@@ -3,6 +3,8 @@
 import Link from 'next/link';
 import React, { useState } from 'react';
 import { usePatchAutoMatchingMutation } from '@/entities/user/model/use-user-profile-query';
+import { useReviewReminder } from '@/features/study/lib/use-reminder-review';
+import StudyReviewModal from '@/features/study/ui/study-review-modal';
 import UserAvatar from '@/shared/ui/avatar';
 import { ToggleSwitch } from '@/shared/ui/toggle';
 import AccessTimeIcon from 'public/icons/access_time.svg';
@@ -31,6 +33,10 @@ export default function MyProfileCard({
   techStacks,
   studyApplied,
 }: MyProfileCardProps) {
+  const shouldReview = useReviewReminder();
+  const [isOpenReviewModal, setIsOpenReviewModal] =
+    useState<boolean>(shouldReview);
+
   const [enabled, setEnabled] = useState(matching);
 
   const { mutate: patchAutoMatching, isPending } =
@@ -52,45 +58,54 @@ export default function MyProfileCard({
   };
 
   return (
-    <section className="rounded-200 border-border-subtle bg-text-inverse flex flex-col items-start gap-200 border p-200">
-      <div className="flex flex-row items-center gap-200">
-        <div className="relative h-[64px] w-[64px] shrink-0">
-          <UserAvatar size={64} image={imageUrl?.trim() || ''} />
-          <Link
-            href="my-page"
-            className="bg-background-accent-gray-strong absolute right-0 bottom-0 flex h-[24px] w-[24px] items-center justify-center rounded-full"
-          >
-            <SettingIcon />
-          </Link>
-        </div>
-        <div className="flex flex-col">
-          <div className="font-designer-18b">{name?.trim() || '비회원'}님</div>
-          <div className="flex flex-row items-center gap-100">
-            <span className="font-designer-14r text-gray-800">스터디 매칭</span>
-            <ToggleSwitch.Root
-              size="md"
-              checked={enabled}
-              onCheckedChange={handleToggleChange}
-              disabled={isPending || !studyApplied}
-            />
+    <>
+      <StudyReviewModal
+        open={isOpenReviewModal}
+        onOpenChange={setIsOpenReviewModal}
+      />
+      <section className="rounded-200 border-border-subtle bg-text-inverse flex flex-col items-start gap-200 border p-200">
+        <div className="flex flex-row items-center gap-200">
+          <div className="relative h-[64px] w-[64px] shrink-0">
+            <UserAvatar size={64} image={imageUrl?.trim() || ''} />
+            <Link
+              href="my-page"
+              className="bg-background-accent-gray-strong absolute right-0 bottom-0 flex h-[24px] w-[24px] items-center justify-center rounded-full"
+            >
+              <SettingIcon />
+            </Link>
+          </div>
+          <div className="flex flex-col">
+            <div className="font-designer-18b">
+              {name?.trim() || '비회원'}님
+            </div>
+            <div className="flex flex-row items-center gap-100">
+              <span className="font-designer-14r text-gray-800">
+                스터디 매칭
+              </span>
+              <ToggleSwitch.Root
+                size="md"
+                checked={enabled}
+                onCheckedChange={handleToggleChange}
+                disabled={isPending || !studyApplied}
+              />
+            </div>
           </div>
         </div>
-      </div>
-
-      <div className="bg-background-alternative rounded-100 font-designer-15m text-text-default flex w-full flex-col gap-200 px-200 py-150">
-        <div className="flex items-center gap-100">
-          <AssignmentIcon />
-          <span>{subject?.trim() || '없음'}</span>
-        </div>
-        <div className="flex items-center gap-100">
-          <AccessTimeIcon />
-          <span>{time?.trim() || '없음'}</span>
-        </div>
-        <div className="flex items-center gap-100">
-          <CodeIcon />
-          <span>{techStacks?.trim() || '없음'}</span>
+        <div className="bg-background-alternative rounded-100 font-designer-15m text-text-default flex w-full flex-col gap-200 px-200 py-150">
+          <div className="flex items-center gap-100">
+            <AssignmentIcon />
+            <span>{subject?.trim() || '없음'}</span>
+          </div>
+          <div className="flex items-center gap-100">
+            <AccessTimeIcon />
+            <span>{time?.trim() || '없음'}</span>
+          </div>
+          <div className="flex items-center gap-100">
+            <CodeIcon />
+            <span>{techStacks?.trim() || '없음'}</span>
+          </div>
         </div>
-      </div>
-    </section>
+      </section>
+    </>
   );
 }
diff --git a/src/features/study/lib/use-reminder-review.tsx b/src/features/study/lib/use-reminder-review.tsx
new file mode 100644
index 00000000..5f1f14b6
--- /dev/null
+++ b/src/features/study/lib/use-reminder-review.tsx
@@ -0,0 +1,35 @@
+import { useEffect, useState } from 'react';
+
+import { getKoreaDate } from '@/shared/lib/time';
+import { useWeeklyStudyReviewStatusQuery } from '../model/use-review-query';
+
+export const useReviewReminder = () => {
+  const { data: reviewDone } = useWeeklyStudyReviewStatusQuery();
+  const [shouldReview, setShouldReview] = useState(false);
+
+  useEffect(() => {
+    // 이미 리뷰를 달았을 경우
+    if (reviewDone) return;
+
+    const now = getKoreaDate();
+    const dayOfWeek = now.getDay();
+
+    const isWeekend = dayOfWeek === 0 || dayOfWeek === 6; // 0: 일요일, 6: 토요일
+
+    // 평일인 경우
+    if (!isWeekend) return;
+
+    const lastShown = localStorage.getItem('lastReviewModalShown');
+
+    const diff = now.getTime() - Number(lastShown);
+    const THIRTY_MIN = 30 * 60 * 1000;
+
+    if (!lastShown || diff >= THIRTY_MIN) {
+      setShouldReview(true);
+
+      localStorage.setItem('lastReviewModalShown', String(now.getTime()));
+    }
+  }, [reviewDone]);
+
+  return shouldReview;
+};
diff --git a/src/features/study/model/use-review-query.ts b/src/features/study/model/use-review-query.ts
index 7f333df2..c78d7eab 100644
--- a/src/features/study/model/use-review-query.ts
+++ b/src/features/study/model/use-review-query.ts
@@ -90,5 +90,6 @@ export const useWeeklyStudyReviewStatusQuery = () => {
   return useQuery({
     queryKey: ['weeklyStudyReviewStatus'],
     queryFn: getWeeklyStudyReviewStatus,
+    refetchInterval: 1000 * 60 * 30, // 30분
   });
 };
diff --git a/src/features/study/ui/study-review-modal.tsx b/src/features/study/ui/study-review-modal.tsx
index fe291dda..dd959979 100644
--- a/src/features/study/ui/study-review-modal.tsx
+++ b/src/features/study/ui/study-review-modal.tsx
@@ -3,6 +3,7 @@
 import { XIcon } from 'lucide-react';
 import Image from 'next/image';
 import { useState } from 'react';
+import UserAvatar from '@/shared/ui/avatar';
 import Button from '@/shared/ui/button';
 import Checkbox from '@/shared/ui/checkbox';
 import { TextAreaInput } from '@/shared/ui/input';
@@ -22,26 +23,20 @@ interface FormState {
   content: string;
 }
 
-export default function StudyReviewModal() {
+export default function StudyReviewModal({
+  open,
+  onOpenChange,
+}: {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}) {
   return (
-    <Modal.Root>
-      <Modal.Trigger>
-        <div className="bg-background-alternative rounded-100 flex items-center justify-between px-250 py-300">
-          <p className="flex flex-col items-start gap-50">
-            <span className="font-designer-15b text-text-default">
-              CS 스터디를 시작해 보세요!
-            </span>
-            <span className="font-designer-12m text-text-subtlest">
-              스터디 신청하기
-            </span>
-          </p>
-        </div>
-      </Modal.Trigger>
+    <Modal.Root open={open} onOpenChange={onOpenChange}>
       <Modal.Portal>
         <Modal.Overlay />
         <Modal.Content size="large">
           <Modal.Header className="border-border-default flex justify-end border-b">
-            <Modal.Close>
+            <Modal.Close onClick={() => onOpenChange(false)}>
               <XIcon />
             </Modal.Close>
           </Modal.Header>
@@ -57,14 +52,14 @@ export default function StudyReviewModal() {
             </div>
           </div>
 
-          <StudyReviewForm />
+          <StudyReviewForm onClose={() => onOpenChange(false)} />
         </Modal.Content>
       </Modal.Portal>
     </Modal.Root>
   );
 }
 
-function StudyReviewForm() {
+function StudyReviewForm({ onClose }: { onClose: () => void }) {
   const { data } = usePartnerStudyReviewQuery();
   const { mutate: addStudyReview } = useAddStudyReviewMutation();
 
@@ -86,7 +81,11 @@ function StudyReviewForm() {
     )
       return;
 
-    addStudyReview(form);
+    addStudyReview(form, {
+      onSuccess: () => {
+        onClose();
+      },
+    });
   };
 
   return (
@@ -154,7 +153,7 @@ function StudyReviewForm() {
       </Modal.Body>
       <Modal.Footer className="flex justify-end gap-100">
         <Modal.Close asChild>
-          <Button color="secondary" size="large">
+          <Button color="secondary" size="large" onClick={onClose}>
             취소
           </Button>
         </Modal.Close>
@@ -178,12 +177,10 @@ function PartnerInfo(data: StudyEvaluationResponse) {
 
   return (
     <div className="flex justify-center gap-200">
-      <Image
-        src={partner.profileImageUrl || '/profile-default.svg'}
+      <UserAvatar
+        image={partner.profileImageUrl}
+        size={80}
         alt="Study Member"
-        width={80}
-        height={80}
-        className="rounded-full"
       />
 
       <div className="flex flex-col justify-center gap-50">

From bc053d873cfdb0ae9419cc7451d00f8b738f887a Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Thu, 28 Aug 2025 00:15:29 +0900
Subject: [PATCH 06/33] =?UTF-8?q?fix:=20=EC=B2=AB=20=EB=A0=8C=EB=8D=94?=
 =?UTF-8?q?=EB=A7=81=20=EC=8B=9C=EC=97=90=20=EC=8A=A4=ED=84=B0=EB=94=94=20?=
 =?UTF-8?q?=ED=9B=84=EA=B8=B0=20=EB=AA=A8=EB=8B=AC=EC=9D=B4=20=EB=9C=A8?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/my-profile-card.tsx       | 9 ++-------
 src/features/study/lib/use-reminder-review.tsx | 2 +-
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/entities/user/ui/my-profile-card.tsx b/src/entities/user/ui/my-profile-card.tsx
index f16c5ebf..659e942f 100644
--- a/src/entities/user/ui/my-profile-card.tsx
+++ b/src/entities/user/ui/my-profile-card.tsx
@@ -33,9 +33,7 @@ export default function MyProfileCard({
   techStacks,
   studyApplied,
 }: MyProfileCardProps) {
-  const shouldReview = useReviewReminder();
-  const [isOpenReviewModal, setIsOpenReviewModal] =
-    useState<boolean>(shouldReview);
+  const { shouldReview, setShouldReview } = useReviewReminder();
 
   const [enabled, setEnabled] = useState(matching);
 
@@ -59,10 +57,7 @@ export default function MyProfileCard({
 
   return (
     <>
-      <StudyReviewModal
-        open={isOpenReviewModal}
-        onOpenChange={setIsOpenReviewModal}
-      />
+      <StudyReviewModal open={shouldReview} onOpenChange={setShouldReview} />
       <section className="rounded-200 border-border-subtle bg-text-inverse flex flex-col items-start gap-200 border p-200">
         <div className="flex flex-row items-center gap-200">
           <div className="relative h-[64px] w-[64px] shrink-0">
diff --git a/src/features/study/lib/use-reminder-review.tsx b/src/features/study/lib/use-reminder-review.tsx
index 5f1f14b6..1f1f9952 100644
--- a/src/features/study/lib/use-reminder-review.tsx
+++ b/src/features/study/lib/use-reminder-review.tsx
@@ -31,5 +31,5 @@ export const useReviewReminder = () => {
     }
   }, [reviewDone]);
 
-  return shouldReview;
+  return { shouldReview, setShouldReview };
 };

From e111a82858c755bca0a8293837893af82ca2a970 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Thu, 28 Aug 2025 00:26:24 +0900
Subject: [PATCH 07/33] =?UTF-8?q?fix:=20=EB=A6=AC=EB=B7=B0=20=EC=83=81?=
 =?UTF-8?q?=ED=83=9C=20=EC=BF=BC=EB=A6=AC=EC=97=90=20isFetching=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=EB=A1=9C=20=EB=AA=A8=EB=8B=AC=20=EB=A0=8C?=
 =?UTF-8?q?=EB=8D=94=EB=A7=81=20=EC=A1=B0=EA=B1=B4=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/study/lib/use-reminder-review.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/features/study/lib/use-reminder-review.tsx b/src/features/study/lib/use-reminder-review.tsx
index 1f1f9952..aa00bdbc 100644
--- a/src/features/study/lib/use-reminder-review.tsx
+++ b/src/features/study/lib/use-reminder-review.tsx
@@ -4,12 +4,11 @@ import { getKoreaDate } from '@/shared/lib/time';
 import { useWeeklyStudyReviewStatusQuery } from '../model/use-review-query';
 
 export const useReviewReminder = () => {
-  const { data: reviewDone } = useWeeklyStudyReviewStatusQuery();
+  const { data: reviewDone, isFetching } = useWeeklyStudyReviewStatusQuery();
   const [shouldReview, setShouldReview] = useState(false);
 
   useEffect(() => {
-    // 이미 리뷰를 달았을 경우
-    if (reviewDone) return;
+    if (reviewDone || isFetching) return;
 
     const now = getKoreaDate();
     const dayOfWeek = now.getDay();
@@ -29,7 +28,7 @@ export const useReviewReminder = () => {
 
       localStorage.setItem('lastReviewModalShown', String(now.getTime()));
     }
-  }, [reviewDone]);
+  }, [reviewDone, isFetching]); // 30분마다 refetch하여 effect 실행하기 위해 isFetching 추가
 
   return { shouldReview, setShouldReview };
 };

From 7c6ca7e3a42f3ebae629a4ea3acfea8147e612af Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Thu, 28 Aug 2025 00:31:55 +0900
Subject: [PATCH 08/33] =?UTF-8?q?feat:=20=EC=8A=A4=ED=84=B0=EB=94=94=20?=
 =?UTF-8?q?=ED=9B=84=EA=B8=B0=20=EC=9E=91=EC=84=B1=20=EC=97=AC=EB=B6=80=20?=
 =?UTF-8?q?useQuery=EC=9D=98=20enabled=20=EC=86=8D=EC=84=B1=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/study/model/use-review-query.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/features/study/model/use-review-query.ts b/src/features/study/model/use-review-query.ts
index c78d7eab..4e0468d6 100644
--- a/src/features/study/model/use-review-query.ts
+++ b/src/features/study/model/use-review-query.ts
@@ -4,6 +4,7 @@ import {
   useQuery,
   useSuspenseQuery,
 } from '@tanstack/react-query';
+import { getKoreaDate } from '@/shared/lib/time';
 import {
   addStudyReview,
   getUserPositiveKeywords,
@@ -91,5 +92,12 @@ export const useWeeklyStudyReviewStatusQuery = () => {
     queryKey: ['weeklyStudyReviewStatus'],
     queryFn: getWeeklyStudyReviewStatus,
     refetchInterval: 1000 * 60 * 30, // 30분
+    enabled: () => {
+      const now = getKoreaDate();
+      const dayOfWeek = now.getDay();
+      const isWeekend = dayOfWeek === 0 || dayOfWeek === 6; // 0: 일요일, 6: 토요일
+
+      return isWeekend;
+    },
   });
 };

From 57880c2cba7de6869244836410db338de61d0fd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Thu, 28 Aug 2025 21:56:24 +0900
Subject: [PATCH 09/33] =?UTF-8?q?chore:=20progress=20bar=20package=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json |  1 +
 yarn.lock    | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/package.json b/package.json
index 4334a658..83f1931e 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "@radix-ui/react-avatar": "^1.1.9",
     "@radix-ui/react-dialog": "^1.1.10",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-progress": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.2",
     "@radix-ui/react-switch": "^1.2.4",
     "@radix-ui/react-toggle": "^1.1.9",
diff --git a/yarn.lock b/yarn.lock
index 15d0327d..2f43b386 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2926,6 +2926,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-progress@npm:^1.1.7":
+  version: 1.1.7
+  resolution: "@radix-ui/react-progress@npm:1.1.7"
+  dependencies:
+    "@radix-ui/react-context": "npm:1.1.2"
+    "@radix-ui/react-primitive": "npm:2.1.3"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10c0/bed5349682a75db02d362c07ac99fefddbbdc0152c4d5035719498223b9d490ebd834e2d9f64d498424048eb3da7eb7e55ba696e202cd0a048d6e319390e69d3
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-roving-focus@npm:1.1.10":
   version: 1.1.10
   resolution: "@radix-ui/react-roving-focus@npm:1.1.10"
@@ -10605,6 +10625,7 @@ __metadata:
     "@radix-ui/react-avatar": "npm:^1.1.9"
     "@radix-ui/react-dialog": "npm:^1.1.10"
     "@radix-ui/react-dropdown-menu": "npm:^2.1.15"
+    "@radix-ui/react-progress": "npm:^1.1.7"
     "@radix-ui/react-slot": "npm:^1.2.2"
     "@radix-ui/react-switch": "npm:^1.2.4"
     "@radix-ui/react-toggle": "npm:^1.1.9"

From 339f5c17c737ed3fdabcb575145ce050c401e062 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Fri, 29 Aug 2025 00:58:37 +0900
Subject: [PATCH 10/33] =?UTF-8?q?refactor:=20=EC=9E=90=EC=8B=A0=EC=9D=B4?=
 =?UTF-8?q?=20=EC=9D=B4=EB=B2=88=20=EC=A3=BC=20=EC=8A=A4=ED=84=B0=EB=94=94?=
 =?UTF-8?q?=20=ED=9B=84=EA=B8=B0=20=EC=9E=91=EC=84=B1=20=EB=8C=80=EC=83=81?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=EC=A7=80=20=EC=97=AC=EB=B6=80=20=EC=A1=B0?=
 =?UTF-8?q?=ED=9A=8C=ED=95=98=EB=8A=94=20=ED=95=A8=EC=88=98=20=EB=84=A4?=
 =?UTF-8?q?=EC=9D=B4=EB=B0=8D=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/my-profile-card.tsx      |  7 ++++--
 src/features/study/api/get-review.ts          |  6 ++---
 src/features/study/api/types.ts               |  2 +-
 .../study/lib/use-reminder-review.tsx         | 22 +++++++++++--------
 src/features/study/model/use-review-query.ts  |  8 +++----
 5 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/src/entities/user/ui/my-profile-card.tsx b/src/entities/user/ui/my-profile-card.tsx
index 659e942f..8e2bf597 100644
--- a/src/entities/user/ui/my-profile-card.tsx
+++ b/src/entities/user/ui/my-profile-card.tsx
@@ -33,7 +33,7 @@ export default function MyProfileCard({
   techStacks,
   studyApplied,
 }: MyProfileCardProps) {
-  const { shouldReview, setShouldReview } = useReviewReminder();
+  const { showReviewReminder, setShowReviewReminder } = useReviewReminder();
 
   const [enabled, setEnabled] = useState(matching);
 
@@ -57,7 +57,10 @@ export default function MyProfileCard({
 
   return (
     <>
-      <StudyReviewModal open={shouldReview} onOpenChange={setShouldReview} />
+      <StudyReviewModal
+        open={showReviewReminder}
+        onOpenChange={setShowReviewReminder}
+      />
       <section className="rounded-200 border-border-subtle bg-text-inverse flex flex-col items-start gap-200 border p-200">
         <div className="flex flex-row items-center gap-200">
           <div className="relative h-[64px] w-[64px] shrink-0">
diff --git a/src/features/study/api/get-review.ts b/src/features/study/api/get-review.ts
index fd9768e7..58b3a4cb 100644
--- a/src/features/study/api/get-review.ts
+++ b/src/features/study/api/get-review.ts
@@ -8,7 +8,7 @@ import type {
   MyNegativeKeywordsResponse,
   MyReviewsResponse,
   MyReviewsRequest,
-  WeeklyStudyStatusResponse,
+  ShouldReviewPartnerResponse,
 } from './types';
 
 export const getPartnerStudyReview =
@@ -81,8 +81,8 @@ export const getMyReviews = async ({
   return res.data.content;
 };
 
-export const getWeeklyStudyReviewStatus =
-  async (): Promise<WeeklyStudyStatusResponse> => {
+export const getShouldReviewPartner =
+  async (): Promise<ShouldReviewPartnerResponse> => {
     const res = await axiosInstance.get('/study/reviews/this-week/is-writer');
 
     return res.data.content;
diff --git a/src/features/study/api/types.ts b/src/features/study/api/types.ts
index 46722749..92ab0371 100644
--- a/src/features/study/api/types.ts
+++ b/src/features/study/api/types.ts
@@ -184,4 +184,4 @@ export interface MyReviewsResponse {
   };
 }
 
-export type WeeklyStudyStatusResponse = boolean;
+export type ShouldReviewPartnerResponse = boolean;
diff --git a/src/features/study/lib/use-reminder-review.tsx b/src/features/study/lib/use-reminder-review.tsx
index aa00bdbc..53d9a089 100644
--- a/src/features/study/lib/use-reminder-review.tsx
+++ b/src/features/study/lib/use-reminder-review.tsx
@@ -1,19 +1,20 @@
 import { useEffect, useState } from 'react';
 
 import { getKoreaDate } from '@/shared/lib/time';
-import { useWeeklyStudyReviewStatusQuery } from '../model/use-review-query';
+import { useShouldReviewPartnerQuery } from '../model/use-review-query';
 
 export const useReviewReminder = () => {
-  const { data: reviewDone, isFetching } = useWeeklyStudyReviewStatusQuery();
-  const [shouldReview, setShouldReview] = useState(false);
+  const { data: shouldReview, isFetching } = useShouldReviewPartnerQuery();
+  const [showReviewReminder, setShowReviewReminder] = useState(false);
 
   useEffect(() => {
-    if (reviewDone || isFetching) return;
+    // 이미 리뷰를 달았을 경우
+    if (!shouldReview || isFetching) return;
 
     const now = getKoreaDate();
     const dayOfWeek = now.getDay();
 
-    const isWeekend = dayOfWeek === 0 || dayOfWeek === 6; // 0: 일요일, 6: 토요일
+    const isWeekend = dayOfWeek === 0 || dayOfWeek === 6; // 일요일(0), 토요일(6)
 
     // 평일인 경우
     if (!isWeekend) return;
@@ -21,14 +22,17 @@ export const useReviewReminder = () => {
     const lastShown = localStorage.getItem('lastReviewModalShown');
 
     const diff = now.getTime() - Number(lastShown);
-    const THIRTY_MIN = 30 * 60 * 1000;
+    const THIRTY_MIN = 60 * 1000;
 
     if (!lastShown || diff >= THIRTY_MIN) {
-      setShouldReview(true);
+      setShowReviewReminder(true);
 
       localStorage.setItem('lastReviewModalShown', String(now.getTime()));
     }
-  }, [reviewDone, isFetching]); // 30분마다 refetch하여 effect 실행하기 위해 isFetching 추가
+  }, [shouldReview, isFetching]);
 
-  return { shouldReview, setShouldReview };
+  return {
+    showReviewReminder,
+    setShowReviewReminder,
+  };
 };
diff --git a/src/features/study/model/use-review-query.ts b/src/features/study/model/use-review-query.ts
index 4e0468d6..fe2fbfc7 100644
--- a/src/features/study/model/use-review-query.ts
+++ b/src/features/study/model/use-review-query.ts
@@ -11,7 +11,7 @@ import {
   getPartnerStudyReview,
   getMyNegativeKeywords,
   getMyReviews,
-  getWeeklyStudyReviewStatus,
+  getShouldReviewPartner,
 } from '../api/get-review';
 import {
   MyNegativeKeywordsRequest,
@@ -87,10 +87,10 @@ export const useMyReviewsInfinityQuery = () => {
   });
 };
 
-export const useWeeklyStudyReviewStatusQuery = () => {
+export const useShouldReviewPartnerQuery = () => {
   return useQuery({
-    queryKey: ['weeklyStudyReviewStatus'],
-    queryFn: getWeeklyStudyReviewStatus,
+    queryKey: ['shouldReviewPartner'],
+    queryFn: getShouldReviewPartner,
     refetchInterval: 1000 * 60 * 30, // 30분
     enabled: () => {
       const now = getKoreaDate();

From 81919647dc05204fce866bad746ae44bd33bb9bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Fri, 29 Aug 2025 21:48:29 +0900
Subject: [PATCH 11/33] =?UTF-8?q?feat:=20=EC=84=B1=EC=8B=A4=EC=98=A8?=
 =?UTF-8?q?=EB=8F=84=20=ED=83=80=EC=9E=85=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/api/types.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/entities/user/api/types.ts b/src/entities/user/api/types.ts
index fbd0d905..cb5663ea 100644
--- a/src/entities/user/api/types.ts
+++ b/src/entities/user/api/types.ts
@@ -65,19 +65,26 @@ export interface MemberProfile {
   simpleIntroduction: string;
   mbti: string;
   interests: Interest[];
-  hobbies: Hobby[];
+  hobbies?: Hobby[];
   birthDate: string;
   githubLink: SocialLink | undefined;
   blogOrSnsLink: SocialLink | undefined;
   tel: string;
 }
 
+export interface SincerityTemp {
+  temperature: number;
+  levelId: number;
+  levelName: string;
+}
+
 export interface GetUserProfileResponse {
   memberId: number;
   autoMatching: boolean;
   studyApplied: boolean;
   memberInfo: MemberInfo;
   memberProfile: MemberProfile;
+  sincerityTemp: SincerityTemp;
 }
 
 export interface PatchAutoMatchingParams {

From 973d84c9d4b04650957fe4970274309f258fbcdb Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Fri, 29 Aug 2025 21:55:23 +0900
Subject: [PATCH 12/33] =?UTF-8?q?refactor:=20MoreKeywordReviewModal=20?=
 =?UTF-8?q?=EC=95=88=EC=9D=98=20=EB=8D=94=EB=B3=B4=EA=B8=B0=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=A1=B0=EA=B1=B4=EB=B6=80=20=EB=A0=8C=EB=8D=94?=
 =?UTF-8?q?=EB=A7=81=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(my)/my-study-review/page.tsx                  | 8 ++++----
 src/entities/user/ui/more-keyword-review-modal.tsx | 8 +++++---
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/(my)/my-study-review/page.tsx b/app/(my)/my-study-review/page.tsx
index 373cc1d4..2a45f2f6 100644
--- a/app/(my)/my-study-review/page.tsx
+++ b/app/(my)/my-study-review/page.tsx
@@ -57,7 +57,7 @@ export default function MyStudyReview() {
             <div className="mb-200 flex justify-between">
               <h3 className="font-designer-16b text-text-default">좋았던 점</h3>
 
-              {positiveKeywords.length > 5 && <MorePositiveKeywordsModal />}
+              <MorePositiveKeywordsModal />
             </div>
 
             <ul className="flex flex-col gap-50">
@@ -83,7 +83,7 @@ export default function MyStudyReview() {
                 개선이 필요한 점
               </h3>
 
-              {negativeKeywords.length > 5 && <MoreNegativeKeywordsModal />}
+              <MoreNegativeKeywordsModal />
             </div>
 
             <ul className="flex flex-col gap-50">
@@ -150,7 +150,7 @@ export default function MyStudyReview() {
 function MorePositiveKeywordsModal() {
   const { data: allPositiveKeywordsData } = useUserPositiveKeywordsQuery({});
 
-  const allPositiveKeywords = allPositiveKeywordsData.keywords || [];
+  const allPositiveKeywords = allPositiveKeywordsData?.keywords || [];
 
   return (
     <MoreKeywordReviewModal title="좋았던 점" keywords={allPositiveKeywords} />
@@ -160,7 +160,7 @@ function MorePositiveKeywordsModal() {
 function MoreNegativeKeywordsModal() {
   const { data: allNegativeKeywordsData } = useMyNegativeKeywordsQuery({});
 
-  const allNegativeKeywords = allNegativeKeywordsData.keywords || [];
+  const allNegativeKeywords = allNegativeKeywordsData?.keywords || [];
 
   return (
     <MoreKeywordReviewModal
diff --git a/src/entities/user/ui/more-keyword-review-modal.tsx b/src/entities/user/ui/more-keyword-review-modal.tsx
index 25590a07..b55fb84a 100644
--- a/src/entities/user/ui/more-keyword-review-modal.tsx
+++ b/src/entities/user/ui/more-keyword-review-modal.tsx
@@ -12,9 +12,11 @@ export default function MoreKeywordReviewModal({
   return (
     <Modal.Root>
       <Modal.Trigger asChild>
-        <button className="font-designer-12m text-text-subtlest cursor-pointer">
-          더보기
-        </button>
+        {keywords.length > 5 && (
+          <button className="font-designer-12m text-text-subtlest cursor-pointer">
+            더보기
+          </button>
+        )}
       </Modal.Trigger>
       <Modal.Portal>
         <Modal.Overlay />

From 0692843f026405637b8c657d27e48d46b66edc69 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Fri, 29 Aug 2025 21:58:31 +0900
Subject: [PATCH 13/33] =?UTF-8?q?fix:=20THIRTY=5FMIN=20=EA=B0=92=20?=
 =?UTF-8?q?=EC=98=A4=ED=83=80=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/lib/use-reminder-review.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/study/lib/use-reminder-review.tsx b/src/features/study/lib/use-reminder-review.tsx
index 53d9a089..4ab66b54 100644
--- a/src/features/study/lib/use-reminder-review.tsx
+++ b/src/features/study/lib/use-reminder-review.tsx
@@ -22,7 +22,7 @@ export const useReviewReminder = () => {
     const lastShown = localStorage.getItem('lastReviewModalShown');
 
     const diff = now.getTime() - Number(lastShown);
-    const THIRTY_MIN = 60 * 1000;
+    const THIRTY_MIN = 1000 * 60 * 30; // 30분
 
     if (!lastShown || diff >= THIRTY_MIN) {
       setShowReviewReminder(true);

From 440e91ebcaa3cfcf538f544142baf99eb60bfca7 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Fri, 29 Aug 2025 22:08:15 +0900
Subject: [PATCH 14/33] =?UTF-8?q?fix:=20=EC=8A=A4=ED=84=B0=EB=94=94=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=EC=9D=98=20=ED=9B=84=EA=B8=B0=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EC=A0=81=EC=9A=A9=20=EC=95=88=EB=90=9C=20?=
 =?UTF-8?q?=EB=B6=80=EB=B6=84=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/user-profile-modal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/entities/user/ui/user-profile-modal.tsx b/src/entities/user/ui/user-profile-modal.tsx
index 2d98c663..f49fe6ba 100644
--- a/src/entities/user/ui/user-profile-modal.tsx
+++ b/src/entities/user/ui/user-profile-modal.tsx
@@ -127,14 +127,14 @@ export default function UserProfileModal({
               />
             </div>
 
-            <div className="bg-border-subtle h-[2px] w-full" />
+            <div className="bg-border-subtle h-[2px] w-full flex-none" />
 
-            <div className="flex gap-400 px-250">
+            <div className="flex gap-400 pl-250">
               <span className="font-designer-16b text-text-default w-[132px] shrink-0">
                 받은 평가
               </span>
 
-              <div className="text-text-default font-designer-14r">
+              <div className="text-text-default font-designer-14r grow-1">
                 {/* todo: 기획 fix되면 수정 */}
                 {/* <span>n명의 유저들이 이런 점이 좋다고 했어요.</span> */}
 

From 01197cd7ad0474db49a754d1c94b2bb564d56169 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Fri, 29 Aug 2025 22:12:17 +0900
Subject: [PATCH 15/33] =?UTF-8?q?fix:=20=EC=8A=A4=ED=84=B0=EB=94=94=20?=
 =?UTF-8?q?=EC=A3=BC=EC=A0=9C=20=EC=97=86=EC=9C=BC=EB=A9=B4=20=ED=9B=84?=
 =?UTF-8?q?=EA=B8=B0=EC=97=90=20=ED=91=9C=EC=8B=9C=20x?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(my)/my-study-review/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(my)/my-study-review/page.tsx b/app/(my)/my-study-review/page.tsx
index 2a45f2f6..b653e736 100644
--- a/app/(my)/my-study-review/page.tsx
+++ b/app/(my)/my-study-review/page.tsx
@@ -220,7 +220,7 @@ function Review({ data }: { data: MyReviewItem }) {
         <div className="text-text-subtle">
           <span className="font-designer-14b mr-100">스터디 주제</span>
           <span className="font-designer-13r">
-            {data.studySubjects.join(', ')}
+            {data.studySubjects.filter((subject) => subject).join(', ')}
           </span>
         </div>
       </div>

From 20fa57747feb07effa52a567100c35f3dcf081d6 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Fri, 29 Aug 2025 23:03:29 +0900
Subject: [PATCH 16/33] =?UTF-8?q?fix:=20=EC=8A=A4=ED=84=B0=EB=94=94=20?=
 =?UTF-8?q?=ED=9B=84=EA=B8=B0=EC=97=90=EC=84=9C=20content=EB=8A=94=20?=
 =?UTF-8?q?=ED=95=84=EC=88=98=20x?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/study/ui/study-review-modal.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/features/study/ui/study-review-modal.tsx b/src/features/study/ui/study-review-modal.tsx
index dd959979..9e663392 100644
--- a/src/features/study/ui/study-review-modal.tsx
+++ b/src/features/study/ui/study-review-modal.tsx
@@ -74,12 +74,7 @@ function StudyReviewForm({ onClose }: { onClose: () => void }) {
   if (!data) return null;
 
   const handleSubmit = () => {
-    if (
-      form.keywordIds.length === 0 ||
-      form.satisfactionId === null ||
-      form.content === ''
-    )
-      return;
+    if (form.keywordIds.length === 0 || form.satisfactionId === null) return;
 
     addStudyReview(form, {
       onSuccess: () => {

From 53418c4a8ba38975965d971b311a52ee04cdea99 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Fri, 29 Aug 2025 23:16:41 +0900
Subject: [PATCH 17/33] =?UTF-8?q?refactor:=20=ED=9B=84=EA=B8=B0=EC=97=90?=
 =?UTF-8?q?=20=EC=9C=A0=EC=A0=80=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(my)/my-study-review/page.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/(my)/my-study-review/page.tsx b/app/(my)/my-study-review/page.tsx
index b653e736..7240604d 100644
--- a/app/(my)/my-study-review/page.tsx
+++ b/app/(my)/my-study-review/page.tsx
@@ -11,6 +11,7 @@ import {
   useUserPositiveKeywordsQuery,
 } from '@/features/study/model/use-review-query';
 import { formatKoreaRelativeTime } from '@/shared/lib/time';
+import UserAvatar from '@/shared/ui/avatar';
 
 export default function MyStudyReview() {
   const { data: positiveKeywordsData } = useUserPositiveKeywordsQuery({
@@ -176,12 +177,10 @@ function Review({ data }: { data: MyReviewItem }) {
   return (
     <li className="border-b-border-subtle flex flex-col gap-150 border-b py-250">
       <div className="flex items-center gap-150">
-        <Image
-          src={data.writer.profileImageUrl || '/profile-default.svg'}
-          width={32}
-          height={32}
+        <UserAvatar
+          size={32}
+          image={data.writer.profileImageUrl}
           alt={`${data.writer.memberName} 프로필 이미지`}
-          className="rounded-full"
         />
 
         <div>

From ad514873fb43eeafe70fa42ad3def3feac89b8f3 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Fri, 29 Aug 2025 23:38:42 +0900
Subject: [PATCH 18/33] =?UTF-8?q?fix:=20=ED=9B=84=EA=B8=B0=20=EB=82=B4?=
 =?UTF-8?q?=EC=9A=A9=EC=9D=98=20=EC=A4=84=20=EC=88=98=EC=97=90=20=EB=94=B0?=
 =?UTF-8?q?=EB=9D=BC=20'=EB=8D=94=EB=B3=B4=EA=B8=B0'=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=20=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(my)/my-study-review/page.tsx | 36 +++++++++++++++++++++++--------
 1 file changed, 27 insertions(+), 9 deletions(-)

diff --git a/app/(my)/my-study-review/page.tsx b/app/(my)/my-study-review/page.tsx
index 7240604d..21cffeda 100644
--- a/app/(my)/my-study-review/page.tsx
+++ b/app/(my)/my-study-review/page.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import Image from 'next/image';
-import { useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import KeywordReview from '@/entities/user/ui/keyword-review';
 import MoreKeywordReviewModal from '@/entities/user/ui/more-keyword-review-modal';
 import { MyReviewItem } from '@/features/study/api/types';
@@ -173,6 +173,19 @@ function MoreNegativeKeywordsModal() {
 
 function Review({ data }: { data: MyReviewItem }) {
   const [expanded, setExpanded] = useState(false);
+  const [showButton, setShowButton] = useState(false);
+  const contentRef = useRef<HTMLParagraphElement>(null);
+
+  useEffect(() => {
+    if (contentRef.current) {
+      const lineHeight = parseInt(
+        window.getComputedStyle(contentRef.current).lineHeight,
+        10,
+      );
+      const maxHeight = lineHeight * 3; // 3줄 기준
+      setShowButton(contentRef.current.scrollHeight > maxHeight);
+    }
+  }, [data.content]);
 
   return (
     <li className="border-b-border-subtle flex flex-col gap-150 border-b py-250">
@@ -196,18 +209,23 @@ function Review({ data }: { data: MyReviewItem }) {
 
       <div>
         <p
-          className={`text-text-default font-designer-15r ${expanded ? 'line-clamp-none' : 'line-clamp-3'}`}
+          ref={contentRef}
+          className={`text-text-default font-designer-15r ${
+            expanded ? 'line-clamp-none' : 'line-clamp-3'
+          }`}
         >
           {data.content}
         </p>
-        <button
-          className="font-designer-14r text-text-subtlest cursor-pointer"
-          onClick={() => setExpanded(!expanded)}
-        >
-          {expanded ? '접기' : '더보기'}
-        </button>
-      </div>
 
+        {showButton && (
+          <button
+            className="font-designer-14r text-text-subtlest cursor-pointer"
+            onClick={() => setExpanded(!expanded)}
+          >
+            {expanded ? '접기' : '더보기'}
+          </button>
+        )}
+      </div>
       <div>
         <div className="text-text-subtle">
           <span className="font-designer-14b mr-100">스터디 기간</span>

From 9ff42b2b527b2736a42cbede2ca3eeab1e2397e5 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Sat, 30 Aug 2025 00:24:31 +0900
Subject: [PATCH 19/33] =?UTF-8?q?refactor:=20=EC=8A=A4=ED=84=B0=EB=94=94?=
 =?UTF-8?q?=20=EB=A6=AC=EB=B7=B0=20content=EA=B0=80=20=EB=B9=88=20?=
 =?UTF-8?q?=EB=AC=B8=EC=9E=90=EC=97=B4=EC=9D=B4=EB=A9=B4=20=EC=84=9C?=
 =?UTF-8?q?=EB=B2=84=EC=97=90=EA=B2=8C=20Null=EB=A1=9C=20=EC=A0=84?=
 =?UTF-8?q?=EC=86=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/study/api/types.ts              |  2 +-
 src/features/study/ui/study-review-modal.tsx | 14 ++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/features/study/api/types.ts b/src/features/study/api/types.ts
index 92ab0371..360ab384 100644
--- a/src/features/study/api/types.ts
+++ b/src/features/study/api/types.ts
@@ -124,7 +124,7 @@ export interface AddStudyReviewRequest {
   targetMemberId: number;
   satisfactionId: 10 | 20 | 30;
   keywordIds: number[];
-  content: string;
+  content: string | null;
 }
 
 interface Keyword {
diff --git a/src/features/study/ui/study-review-modal.tsx b/src/features/study/ui/study-review-modal.tsx
index 9e663392..aa7251d8 100644
--- a/src/features/study/ui/study-review-modal.tsx
+++ b/src/features/study/ui/study-review-modal.tsx
@@ -76,11 +76,17 @@ function StudyReviewForm({ onClose }: { onClose: () => void }) {
   const handleSubmit = () => {
     if (form.keywordIds.length === 0 || form.satisfactionId === null) return;
 
-    addStudyReview(form, {
-      onSuccess: () => {
-        onClose();
+    addStudyReview(
+      {
+        ...form,
+        content: form.content || null,
       },
-    });
+      {
+        onSuccess: () => {
+          onClose();
+        },
+      },
+    );
   };
 
   return (

From 71088e67857ec5ff8a964b66da71d528522e5612 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Sat, 30 Aug 2025 02:51:22 +0900
Subject: [PATCH 20/33] =?UTF-8?q?refactor:=20=EC=8A=A4=ED=84=B0=EB=94=94?=
 =?UTF-8?q?=20=EB=A6=AC=EB=B7=B0=20content=EA=B0=80=20=EB=B9=88=20?=
 =?UTF-8?q?=EB=AC=B8=EC=9E=90=EC=97=B4=EC=9D=B4=EB=A9=B4=20=EC=84=9C?=
 =?UTF-8?q?=EB=B2=84=EC=97=90=EA=B2=8C=20undefined=EB=A1=9C=20=EC=A0=84?=
 =?UTF-8?q?=EC=86=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/study/api/types.ts              | 2 +-
 src/features/study/ui/study-review-modal.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/study/api/types.ts b/src/features/study/api/types.ts
index 360ab384..a77cbd89 100644
--- a/src/features/study/api/types.ts
+++ b/src/features/study/api/types.ts
@@ -124,7 +124,7 @@ export interface AddStudyReviewRequest {
   targetMemberId: number;
   satisfactionId: 10 | 20 | 30;
   keywordIds: number[];
-  content: string | null;
+  content?: string;
 }
 
 interface Keyword {
diff --git a/src/features/study/ui/study-review-modal.tsx b/src/features/study/ui/study-review-modal.tsx
index aa7251d8..e39d325b 100644
--- a/src/features/study/ui/study-review-modal.tsx
+++ b/src/features/study/ui/study-review-modal.tsx
@@ -79,7 +79,7 @@ function StudyReviewForm({ onClose }: { onClose: () => void }) {
     addStudyReview(
       {
         ...form,
-        content: form.content || null,
+        content: form.content || undefined,
       },
       {
         onSuccess: () => {

From e3cf0594f9c4e5a37dd8ce41b2be3bba75456fda Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 03:11:04 +0900
Subject: [PATCH 21/33] =?UTF-8?q?feat:=20=EC=98=A8=EB=8F=84=EB=B3=84=20?=
 =?UTF-8?q?=EC=BB=AC=EB=9F=AC,=20=EC=95=84=EC=9D=B4=EC=BD=98=20=ED=94=84?=
 =?UTF-8?q?=EB=A6=AC=EC=85=8B=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/config/sincerity-temp-presets.tsx | 65 ++++++++++++++++++++
 src/shared/icons/temp_1.svg                  |  4 ++
 src/shared/icons/temp_2.svg                  |  4 ++
 src/shared/icons/temp_3.svg                  |  4 ++
 src/shared/icons/temp_4.svg                  |  4 ++
 5 files changed, 81 insertions(+)
 create mode 100644 src/shared/config/sincerity-temp-presets.tsx
 create mode 100644 src/shared/icons/temp_1.svg
 create mode 100644 src/shared/icons/temp_2.svg
 create mode 100644 src/shared/icons/temp_3.svg
 create mode 100644 src/shared/icons/temp_4.svg

diff --git a/src/shared/config/sincerity-temp-presets.tsx b/src/shared/config/sincerity-temp-presets.tsx
new file mode 100644
index 00000000..994080a9
--- /dev/null
+++ b/src/shared/config/sincerity-temp-presets.tsx
@@ -0,0 +1,65 @@
+import TempType1 from '@/shared/icons/temp_1.svg';
+import TempType2 from '@/shared/icons/temp_2.svg';
+import TempType3 from '@/shared/icons/temp_3.svg';
+import TempType4 from '@/shared/icons/temp_4.svg';
+
+export type SincerityType = 'type1' | 'type2' | 'type3' | 'type4';
+
+export interface SincerityPreset {
+  indicatorClass: string;
+  textClass: string;
+  bgClass: string;
+  Icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+  label?: string;
+}
+
+export const SINCERITY_TEMP_PRESETS: Record<SincerityType, SincerityPreset> = {
+  type1: {
+    //  todo: Figma에 헥스코드로만 존재. 디자인 시스템 X.  현재 코드에서는 헥스값 인식을 하지 못하기 때문에 임의 컬러로 설정
+    //  현재 기획 여쭤본 상태, 컬러값에 따라 global에 추가후 변경 가능성 O.
+    //  indicatorClass: '#F5C400',
+    //  textClass: '#FFD21F',
+    indicatorClass: 'text-yellow-500',
+    textClass: 'text-yellow-400',
+    bgClass: 'bg-yellow-50',
+    Icon: TempType1,
+    label: '노란불씨',
+  },
+  type2: {
+    indicatorClass: 'text-orange-400',
+    textClass: 'text-orange-400',
+    bgClass: 'bg-orange-50',
+    Icon: TempType2,
+    label: '주황불꽃',
+  },
+  type3: {
+    indicatorClass: 'text-rose-500',
+    textClass: 'text-rose-500',
+    bgClass: 'bg-rose-50',
+    Icon: TempType3,
+    label: '불꽃',
+  },
+  type4: {
+    indicatorClass: 'text-indigo-500',
+    textClass: 'text-indigo-500',
+    bgClass: 'bg-indigo-50',
+    Icon: TempType4,
+    label: '푸른불꽃',
+  },
+} as const;
+
+const LEVEL_ID_TO_TYPE: Record<number, SincerityType> = {
+  5: 'type1', // 1단계
+  6: 'type2', // 2단계
+  7: 'type3', // 3단계
+  8: 'type4', // 4단계
+};
+
+// 매핑 안되는 값이 들어왔을 경우 FALLBACK
+const FALLBACK_TYPE: SincerityType = 'type1';
+
+export function getSincerityPresetByLevelId(levelId: number): SincerityPreset {
+  const type = LEVEL_ID_TO_TYPE[levelId] ?? FALLBACK_TYPE;
+
+  return SINCERITY_TEMP_PRESETS[type];
+}
diff --git a/src/shared/icons/temp_1.svg b/src/shared/icons/temp_1.svg
new file mode 100644
index 00000000..edbc9675
--- /dev/null
+++ b/src/shared/icons/temp_1.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.6 19.2C25.6 26.2692 21.302 28.8 16 28.8C10.6981 28.8 6.40002 26.2692 6.40002 19.2C6.40002 12.1308 16 3.2 16 3.2C16 3.2 25.6 12.1308 25.6 19.2Z" fill="#FFD21F"/>
+<path d="M20 23C20 26.0928 18.2092 27.2 16 27.2C13.7909 27.2 12 26.0928 12 23C12 19.9072 16 16 16 16C16 16 20 19.9072 20 23Z" fill="#FFFAEB"/>
+</svg>
diff --git a/src/shared/icons/temp_2.svg b/src/shared/icons/temp_2.svg
new file mode 100644
index 00000000..3bb87659
--- /dev/null
+++ b/src/shared/icons/temp_2.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.2 19.2C25.2 26.2692 20.9019 28.8 15.6 28.8C10.2981 28.8 6 26.2692 6 19.2C6 16.8734 8.8 8.8 10 8.8C10.8 8.8 12.419 11.7105 12.8 11.2C14 9.6 14.8 3.1999 15.6 3.2C16.4 3.2001 25.2 12.1308 25.2 19.2Z" fill="#FD853A"/>
+<path d="M19.6 23C19.6 26.0928 17.8091 27.2 15.6 27.2C13.3909 27.2 11.6 26.0928 11.6 23C11.6 19.9072 15.6 16 15.6 16C15.6 16 19.6 19.9072 19.6 23Z" fill="#FFF6ED"/>
+</svg>
diff --git a/src/shared/icons/temp_3.svg b/src/shared/icons/temp_3.svg
new file mode 100644
index 00000000..8ca85a33
--- /dev/null
+++ b/src/shared/icons/temp_3.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.7574 18.5916C25.7574 25.6608 21.4593 28.1916 16.1574 28.1916C10.8554 28.1916 6.55737 25.6608 6.55737 18.5916C6.55737 12 10.5574 8.1916 10.5574 8.1916C10.5574 8.1916 11.2322 11.1241 11.6 10.5916C15.6 4.8 13.7574 2.5915 14.5574 2.5916C14.968 2.59165 18.2425 4.2084 20 11.2C20.3077 12.4244 21.0974 7.35532 21.5999 8.1916C23.1395 10.7535 25.7574 12.8 25.7574 18.5916Z" fill="#F63D68"/>
+<path d="M20 21.4C20 24.4928 18.2091 25.6 16 25.6C13.7908 25.6 12 24.4928 12 21.4C12 19.0785 13.1666 16.85 13.6666 16.85C14 16.85 14.1745 18.4734 14.3333 18.25C14.8333 17.55 15.6666 14.4 16 14.4C16.3333 14.4 20 18.3072 20 21.4Z" fill="#FFF1F3"/>
+</svg>
diff --git a/src/shared/icons/temp_4.svg b/src/shared/icons/temp_4.svg
new file mode 100644
index 00000000..60119ca5
--- /dev/null
+++ b/src/shared/icons/temp_4.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.6 18.5916C25.6 25.6608 21.302 28.1916 16 28.1916C10.6981 28.1916 6.40002 25.6608 6.40002 18.5916C6.40002 12 10.4 8.1916 10.4 8.1916C10.4 8.1916 11.0748 11.1241 11.4426 10.5916C15.4426 4.8 13.6 2.5915 14.4 2.5916C14.8107 2.59165 18.0852 4.2084 19.8426 11.2C20.1504 12.4244 20.9401 7.35532 21.4426 8.1916C22.9821 10.7535 25.6 12.8 25.6 18.5916Z" fill="#6172F3"/>
+<path d="M19.8426 21.4C19.8426 24.4928 18.0517 25.6 15.8426 25.6C13.6335 25.6 11.8426 24.4928 11.8426 21.4C11.8426 19.0785 13.0093 16.85 13.5093 16.85C13.8426 16.85 14.0172 18.4734 14.1759 18.25C14.6759 17.55 15.5093 14.4 15.8426 14.4C16.1759 14.4 19.8426 18.3072 19.8426 21.4Z" fill="#EEF4FF"/>
+</svg>

From 5a948517aa71ed465e3eebb7aa14592c6b5c2360 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 03:11:49 +0900
Subject: [PATCH 22/33] =?UTF-8?q?feat:=20=EB=A7=88=EC=9D=B4=20=ED=94=84?=
 =?UTF-8?q?=EB=A1=9C=ED=95=84=20=EC=B9=B4=EB=93=9C=EC=97=90=20=EC=98=A8?=
 =?UTF-8?q?=EB=8F=84=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/my-profile-card.tsx | 23 +++++++++++++++++++++--
 src/widgets/home/sidebar.tsx             |  1 +
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/entities/user/ui/my-profile-card.tsx b/src/entities/user/ui/my-profile-card.tsx
index 32ab753a..66b8bf4a 100644
--- a/src/entities/user/ui/my-profile-card.tsx
+++ b/src/entities/user/ui/my-profile-card.tsx
@@ -3,12 +3,15 @@
 import Link from 'next/link';
 import React, { useState } from 'react';
 import { usePatchAutoMatchingMutation } from '@/entities/user/model/use-user-profile-query';
+import { getSincerityPresetByLevelId } from '@/shared/config/sincerity-temp-presets';
+import { cn } from '@/shared/shadcn/lib/utils';
 import UserAvatar from '@/shared/ui/avatar';
 import { ToggleSwitch } from '@/shared/ui/toggle';
 import AccessTimeIcon from 'public/icons/access_time.svg';
 import AssignmentIcon from 'public/icons/assignment.svg';
 import CodeIcon from 'public/icons/code.svg';
 import SettingIcon from 'public/icons/setting.svg';
+import { SincerityTemp } from '../api/types';
 
 interface MyProfileCardProps {
   memberId: number;
@@ -19,6 +22,7 @@ interface MyProfileCardProps {
   time?: string;
   techStacks?: string;
   studyApplied?: boolean;
+  sincerityTemp: SincerityTemp;
 }
 
 export default function MyProfileCard({
@@ -30,8 +34,10 @@ export default function MyProfileCard({
   time,
   techStacks,
   studyApplied,
+  sincerityTemp,
 }: MyProfileCardProps) {
   const [enabled, setEnabled] = useState(matching);
+  const preset = getSincerityPresetByLevelId(sincerityTemp.levelId);
 
   const { mutate: patchAutoMatching, isPending } =
     usePatchAutoMatchingMutation();
@@ -63,8 +69,21 @@ export default function MyProfileCard({
             <SettingIcon />
           </Link>
         </div>
-        <div className="flex flex-col">
-          <div className="font-designer-18b">{name?.trim() || '비회원'}님</div>
+        <div className="flex flex-col gap-75">
+          <div className="flex flex-row items-center gap-50">
+            <div className="font-designer-18b">
+              {name?.trim() || '비회원'}님
+            </div>
+            <div
+              className={cn(
+                'font-designer-13m rounded-full px-150 py-50',
+                preset.bgClass,
+                preset.textClass,
+              )}
+            >
+              {sincerityTemp.temperature.toFixed(1)} ℃
+            </div>
+          </div>
           <div className="flex flex-row items-center gap-100">
             <span className="font-designer-14r text-gray-800">스터디 매칭</span>
             <ToggleSwitch.Root
diff --git a/src/widgets/home/sidebar.tsx b/src/widgets/home/sidebar.tsx
index f588e6cb..88c8a5dd 100644
--- a/src/widgets/home/sidebar.tsx
+++ b/src/widgets/home/sidebar.tsx
@@ -30,6 +30,7 @@ export default async function Sidebar() {
           ?.map((t) => t.techStackName)
           .join(', ')}
         studyApplied={userProfile?.studyApplied ?? false}
+        sincerityTemp={userProfile.sincerityTemp}
       />
       {userProfile.studyApplied ? (
         <TodoList statusList={[false, false, false]} />

From ab9eb3eaddf57f901e225f9fdc17118571820b2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 03:15:53 +0900
Subject: [PATCH 23/33] =?UTF-8?q?style:=20=EB=84=A4=EC=9D=B4=EB=B0=8D=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/my-profile-card.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/entities/user/ui/my-profile-card.tsx b/src/entities/user/ui/my-profile-card.tsx
index 66b8bf4a..a895ce0c 100644
--- a/src/entities/user/ui/my-profile-card.tsx
+++ b/src/entities/user/ui/my-profile-card.tsx
@@ -37,7 +37,7 @@ export default function MyProfileCard({
   sincerityTemp,
 }: MyProfileCardProps) {
   const [enabled, setEnabled] = useState(matching);
-  const preset = getSincerityPresetByLevelId(sincerityTemp.levelId);
+  const temperPreset = getSincerityPresetByLevelId(sincerityTemp.levelId);
 
   const { mutate: patchAutoMatching, isPending } =
     usePatchAutoMatchingMutation();
@@ -77,8 +77,8 @@ export default function MyProfileCard({
             <div
               className={cn(
                 'font-designer-13m rounded-full px-150 py-50',
-                preset.bgClass,
-                preset.textClass,
+                temperPreset.bgClass,
+                temperPreset.textClass,
               )}
             >
               {sincerityTemp.temperature.toFixed(1)} ℃

From 3c86056ca087432461c8e1e54a9b3a5f4d70c53a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 03:37:52 +0900
Subject: [PATCH 24/33] =?UTF-8?q?fix:=20=EB=A8=B8=EC=A7=80=20=EC=BB=A8?=
 =?UTF-8?q?=ED=94=8C=EB=A6=AD=ED=8A=B8=20=EC=88=98=EC=A0=95=20->=20div=20?=
 =?UTF-8?q?=EC=9C=84=EC=B9=98=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/my-profile-card.tsx | 26 ++++++++++++------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/entities/user/ui/my-profile-card.tsx b/src/entities/user/ui/my-profile-card.tsx
index bd89efcf..13dfe550 100644
--- a/src/entities/user/ui/my-profile-card.tsx
+++ b/src/entities/user/ui/my-profile-card.tsx
@@ -105,19 +105,19 @@ export default function MyProfileCard({
               />
             </div>
           </div>
-          <div className="bg-background-alternative rounded-100 font-designer-15m text-text-default flex w-full flex-col gap-200 px-200 py-150">
-            <div className="flex items-center gap-100">
-              <AssignmentIcon />
-              <span>{subject?.trim() || '없음'}</span>
-            </div>
-            <div className="flex items-center gap-100">
-              <AccessTimeIcon />
-              <span>{time?.trim() || '없음'}</span>
-            </div>
-            <div className="flex items-center gap-100">
-              <CodeIcon />
-              <span>{techStacks?.trim() || '없음'}</span>
-            </div>
+        </div>
+        <div className="bg-background-alternative rounded-100 font-designer-15m text-text-default flex w-full flex-col gap-200 px-200 py-150">
+          <div className="flex items-center gap-100">
+            <AssignmentIcon />
+            <span>{subject?.trim() || '없음'}</span>
+          </div>
+          <div className="flex items-center gap-100">
+            <AccessTimeIcon />
+            <span>{time?.trim() || '없음'}</span>
+          </div>
+          <div className="flex items-center gap-100">
+            <CodeIcon />
+            <span>{techStacks?.trim() || '없음'}</span>
           </div>
         </div>
       </section>

From 4973b91848c551bfa6975bb178b7ae1479b7ce46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 03:50:36 +0900
Subject: [PATCH 25/33] =?UTF-8?q?feat:=20=EC=9C=A0=EC=A0=80=20=ED=94=84?=
 =?UTF-8?q?=EB=A1=9C=ED=95=84=20=EB=AA=A8=EB=8B=AC=EC=97=90=20=EC=84=B1?=
 =?UTF-8?q?=EC=8B=A4=EC=98=A8=EB=8F=84=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/user-profile-modal.tsx | 62 +++++++++++++++------
 1 file changed, 44 insertions(+), 18 deletions(-)

diff --git a/src/entities/user/ui/user-profile-modal.tsx b/src/entities/user/ui/user-profile-modal.tsx
index f49fe6ba..ec41d0d7 100644
--- a/src/entities/user/ui/user-profile-modal.tsx
+++ b/src/entities/user/ui/user-profile-modal.tsx
@@ -9,6 +9,7 @@ import GithubIcon from '@/features/my-page/ui/icon/github-logo.svg';
 import GlobeIcon from '@/features/my-page/ui/icon/globe-simple.svg';
 import PhoneIcon from '@/features/my-page/ui/icon/phone.svg';
 import { useUserPositiveKeywordsQuery } from '@/features/study/model/use-review-query';
+import { getSincerityPresetByLevelId } from '@/shared/config/sincerity-temp-presets';
 import UserAvatar from '@/shared/ui/avatar';
 import Badge from '@/shared/ui/badge';
 import { Modal } from '@/shared/ui/modal';
@@ -30,6 +31,9 @@ export default function UserProfileModal({
   if (isLoading || isError || !profile || !positiveKeywordsData) return null;
 
   const positiveKeywords = positiveKeywordsData?.keywords || [];
+  const temperPreset = getSincerityPresetByLevelId(
+    profile.sincerityTemp.levelId,
+  );
 
   return (
     <Modal.Root>
@@ -68,33 +72,55 @@ export default function UserProfileModal({
                       </Badge>
                     ))}
                 </div>
-                <div className="font-designer-28b pb-50">
-                  {profile.memberProfile.memberName}
+                <div className="flex items-center justify-between">
+                  <div className="font-designer-28b pb-50">
+                    {profile.memberProfile.memberName}
+                  </div>
+
+                  <span
+                    className="bg-border-default mx-150 block h-[12px] w-[2px]"
+                    aria-hidden="true"
+                  />
+
+                  <div className="flex items-center">
+                    <temperPreset.Icon className="h-400 w-400" />
+                    <span
+                      className={`${temperPreset.textClass} font-designer-14b pl-[2px]`}
+                    >
+                      {profile.sincerityTemp.temperature.toFixed(1)} ℃
+                    </span>
+                  </div>
                 </div>
                 <div className="font-designer-15m pb-300">
                   {profile.memberProfile.simpleIntroduction}
                 </div>
-                <div className="flex gap-250">
-                  <div className="flex flex-col gap-100">
-                    <div className="font-designer-14r text-text-subtle flex items-center gap-100">
-                      <CakeIcon width={16} height={16} />
+
+                <div className="grid grid-cols-2 gap-x-250 gap-y-100">
+                  <div className="flex items-center gap-100">
+                    <CakeIcon className="h-4 w-4" />
+                    <span className="font-designer-14r text-text-subtle leading-none">
                       {profile.memberProfile.birthDate ?? ''}
-                    </div>
-                    <div className="font-designer-14r text-text-subtle flex items-center gap-100">
-                      <PhoneIcon width={16} height={16} />
-                      {profile.memberProfile.tel ?? ''}
-                    </div>
+                    </span>
                   </div>
 
-                  <div className="flex flex-col gap-100">
-                    <div className="font-designer-14r text-text-subtle flex items-center gap-100">
-                      <GithubIcon width={16} height={16} />
+                  <div className="flex items-center gap-100">
+                    <GithubIcon className="h-4 w-4" />
+                    <span className="font-designer-14r text-text-subtle leading-none">
                       {profile.memberProfile.githubLink?.url ?? ''}
-                    </div>
-                    <div className="font-designer-14r text-text-subtle flex items-center gap-100">
-                      <GlobeIcon width={16} height={16} />
+                    </span>
+                  </div>
+                  <div className="flex items-center gap-100">
+                    <PhoneIcon className="h-4 w-4" />
+                    <span className="font-designer-14r text-text-subtle leading-none">
+                      {profile.memberProfile.tel ?? ''}
+                    </span>
+                  </div>
+
+                  <div className="flex items-center gap-100">
+                    <GlobeIcon className="h-4 w-4" />
+                    <span className="font-designer-14r text-text-subtle leading-none">
                       {profile.memberProfile.blogOrSnsLink?.url ?? ''}
-                    </div>
+                    </span>
                   </div>
                 </div>
               </div>

From c825f1da1005a59463c3466902113728dcef98e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 03:58:06 +0900
Subject: [PATCH 26/33] =?UTF-8?q?style:=20=EC=82=AC=EC=9A=A9=ED=95=98?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8A=94=20=EA=B0=80=EB=A1=9C=20=EC=84=B8?=
 =?UTF-8?q?=EB=A1=9C=EA=B0=92=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/user-profile-modal.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/entities/user/ui/user-profile-modal.tsx b/src/entities/user/ui/user-profile-modal.tsx
index ec41d0d7..e248ff18 100644
--- a/src/entities/user/ui/user-profile-modal.tsx
+++ b/src/entities/user/ui/user-profile-modal.tsx
@@ -97,27 +97,27 @@ export default function UserProfileModal({
 
                 <div className="grid grid-cols-2 gap-x-250 gap-y-100">
                   <div className="flex items-center gap-100">
-                    <CakeIcon className="h-4 w-4" />
+                    <CakeIcon />
                     <span className="font-designer-14r text-text-subtle leading-none">
                       {profile.memberProfile.birthDate ?? ''}
                     </span>
                   </div>
 
                   <div className="flex items-center gap-100">
-                    <GithubIcon className="h-4 w-4" />
+                    <GithubIcon />
                     <span className="font-designer-14r text-text-subtle leading-none">
                       {profile.memberProfile.githubLink?.url ?? ''}
                     </span>
                   </div>
                   <div className="flex items-center gap-100">
-                    <PhoneIcon className="h-4 w-4" />
+                    <PhoneIcon />
                     <span className="font-designer-14r text-text-subtle leading-none">
                       {profile.memberProfile.tel ?? ''}
                     </span>
                   </div>
 
                   <div className="flex items-center gap-100">
-                    <GlobeIcon className="h-4 w-4" />
+                    <GlobeIcon />
                     <span className="font-designer-14r text-text-subtle leading-none">
                       {profile.memberProfile.blogOrSnsLink?.url ?? ''}
                     </span>

From 9357e8d2962aef95fadd28388b87eb0260de020c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 04:13:21 +0900
Subject: [PATCH 27/33] =?UTF-8?q?fix:=20indicator=20=EC=83=89=EC=83=81=20b?=
 =?UTF-8?q?ackground=20=EC=A0=81=EC=9A=A9=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/config/sincerity-temp-presets.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/shared/config/sincerity-temp-presets.tsx b/src/shared/config/sincerity-temp-presets.tsx
index 994080a9..e78c10d2 100644
--- a/src/shared/config/sincerity-temp-presets.tsx
+++ b/src/shared/config/sincerity-temp-presets.tsx
@@ -19,28 +19,28 @@ export const SINCERITY_TEMP_PRESETS: Record<SincerityType, SincerityPreset> = {
     //  현재 기획 여쭤본 상태, 컬러값에 따라 global에 추가후 변경 가능성 O.
     //  indicatorClass: '#F5C400',
     //  textClass: '#FFD21F',
-    indicatorClass: 'text-yellow-500',
+    indicatorClass: 'bg-yellow-300',
     textClass: 'text-yellow-400',
     bgClass: 'bg-yellow-50',
     Icon: TempType1,
     label: '노란불씨',
   },
   type2: {
-    indicatorClass: 'text-orange-400',
+    indicatorClass: 'bg-orange-400',
     textClass: 'text-orange-400',
     bgClass: 'bg-orange-50',
     Icon: TempType2,
     label: '주황불꽃',
   },
   type3: {
-    indicatorClass: 'text-rose-500',
+    indicatorClass: 'bg-rose-500',
     textClass: 'text-rose-500',
     bgClass: 'bg-rose-50',
     Icon: TempType3,
     label: '불꽃',
   },
   type4: {
-    indicatorClass: 'text-indigo-500',
+    indicatorClass: 'bg-indigo-500',
     textClass: 'text-indigo-500',
     bgClass: 'bg-indigo-50',
     Icon: TempType4,

From 60d732692832772d73273503648b56c5ad768520 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 04:13:35 +0900
Subject: [PATCH 28/33] =?UTF-8?q?feat:=20=EC=84=B1=EC=8B=A4=EC=98=A8?=
 =?UTF-8?q?=EB=8F=84=20=EC=84=A4=EB=AA=85=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/images/help_outline.png | Bin 0 -> 552 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 public/images/help_outline.png

diff --git a/public/images/help_outline.png b/public/images/help_outline.png
new file mode 100644
index 0000000000000000000000000000000000000000..204622735cd7b34f562a6a7096906deec803c993
GIT binary patch
literal 552
zcmV+@0@wYCP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0li5?K~#7Ft&+V?
z0znYRXBHD<$0J<rM?jwd-{3S9XXR?_<qg2j*2+q6sklUt^9g{?4or;oJp!Es!i=+b
z+<AwFMkl%CGQ0oZeC!|KkAc4>>)ut36<3&`nq)X4pmrFTXd}RNb-A>od|+?^c`C=l
zM9%_3hXIU$Zt|cE;Cb3vfEuu<8A10u{wNPW^|VI7CX0k-bQp$aYV%v^1rax`n1GMN
zj*04Lmkp`djH@u*b%V#26d5i62BmH365zz1mD1`2Xb_>%56tM)yVR1t7u>D%|0;;q
z?!i&?6!@dP{puSa-tO&JMj!8!NLj!f)VWlTdL6%=^h2Vf#&ck9>?e(d%v`f4-M|cG
ziYarcl8qpXaAfdFI*y1;aW_y!<W{y2f*~WvFQi~Y#9~xq8O3~eSBwOp;_9{a!#S#J
zdBRCNMm{k1N0b4Oma-Tq*F9Z;D5e(#E{InPcC4{7z-loef%08xJH5=ZT*;m1N0NOt
zt)WsgWkzzfxNwGJYZOFm^*RrQnPYnc`I%SN0cizmDEZY=CBpP&lsq9r*><`7q>I#r
qKLB~qJZasDFDaUkz}D^kFYyH$jM!<93qmsh0000<MNUMnLSTY^z46fi

literal 0
HcmV?d00001


From d2b9b5ece1558bfcd65e5289be7b3c5b5693df0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 04:14:06 +0900
Subject: [PATCH 29/33] =?UTF-8?q?feat:=20progress=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/ui/progress/index.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/shared/ui/progress/index.tsx

diff --git a/src/shared/ui/progress/index.tsx b/src/shared/ui/progress/index.tsx
new file mode 100644
index 00000000..fb9ca504
--- /dev/null
+++ b/src/shared/ui/progress/index.tsx
@@ -0,0 +1,29 @@
+'use client';
+
+import * as RadixProgress from '@radix-ui/react-progress';
+import * as React from 'react';
+
+interface ProgressProps {
+  value: number;
+  indicatorColor?: string;
+}
+
+const Progress: React.FC<ProgressProps> = ({
+  value,
+  indicatorColor = 'bg-white',
+}) => {
+  return (
+    <RadixProgress.Root
+      className="bg-background-accent-gray-subtle relative h-100 w-full overflow-hidden rounded-full"
+      style={{ transform: 'translateZ(0)' }}
+      value={value}
+    >
+      <RadixProgress.Indicator
+        className={`h-full rounded-full transition-transform duration-[660ms] ease-[cubic-bezier(0.65,0,0.35,1)] ${indicatorColor}`}
+        style={{ transform: `translateX(-${100 - value}%)` }}
+      />
+    </RadixProgress.Root>
+  );
+};
+
+export default Progress;

From fc6c98fa7a8e86865101429269c79ce9b789de2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 04:14:16 +0900
Subject: [PATCH 30/33] =?UTF-8?q?feat:=20=ED=94=84=EB=A1=9C=ED=95=84=20?=
 =?UTF-8?q?=EC=84=B1=EC=8B=A4=EC=98=A8=EB=8F=84=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(my)/my-page/page.tsx           |  6 ++-
 src/features/my-page/ui/profile.tsx | 77 ++++++++++++++++++++++-------
 2 files changed, 64 insertions(+), 19 deletions(-)

diff --git a/app/(my)/my-page/page.tsx b/app/(my)/my-page/page.tsx
index d5b23f10..13ec9bfa 100644
--- a/app/(my)/my-page/page.tsx
+++ b/app/(my)/my-page/page.tsx
@@ -15,7 +15,11 @@ export default async function MyPage() {
 
   return (
     <div className="flex flex-col gap-[26.67px]">
-      <Profile memberId={memberId} memberProfile={userProfile.memberProfile} />
+      <Profile
+        memberId={memberId}
+        memberProfile={userProfile.memberProfile}
+        sincerityTemp={userProfile.sincerityTemp}
+      />
       <ProfileInfo memberId={memberId} memberInfo={userProfile.memberInfo} />
     </div>
   );
diff --git a/src/features/my-page/ui/profile.tsx b/src/features/my-page/ui/profile.tsx
index aa685de4..8b5eedc1 100644
--- a/src/features/my-page/ui/profile.tsx
+++ b/src/features/my-page/ui/profile.tsx
@@ -1,18 +1,29 @@
-import { MemberProfile } from '@/entities/user/api/types';
+import Image from 'next/image';
+import { MemberProfile, SincerityTemp } from '@/entities/user/api/types';
 import CakeIcon from '@/features/my-page/ui/icon/cake.svg';
 import GithubIcon from '@/features/my-page/ui/icon/github-logo.svg';
 import GlobeIcon from '@/features/my-page/ui/icon/globe-simple.svg';
 import PhoneIcon from '@/features/my-page/ui/icon/phone.svg';
 import ProfileEditModal from '@/features/my-page/ui/profile-edit-modal';
+import { getSincerityPresetByLevelId } from '@/shared/config/sincerity-temp-presets';
+import { cn } from '@/shared/shadcn/lib/utils';
 import UserAvatar from '@/shared/ui/avatar';
 import Badge from '@/shared/ui/badge';
+import Progress from '@/shared/ui/progress';
 
 interface ProfileProps {
   memberId: number;
   memberProfile: MemberProfile;
+  sincerityTemp: SincerityTemp;
 }
 
-export default function Profile({ memberId, memberProfile }: ProfileProps) {
+export default function Profile({
+  memberId,
+  memberProfile,
+  sincerityTemp,
+}: ProfileProps) {
+  const temperPreset = getSincerityPresetByLevelId(sincerityTemp.levelId);
+
   return (
     <div className="flex w-full max-w-[80%] gap-300 px-200">
       <UserAvatar
@@ -38,29 +49,59 @@ export default function Profile({ memberId, memberProfile }: ProfileProps) {
             </p>
           </div>
 
-          <div className="flex gap-250">
-            <div className="flex flex-col gap-100">
-              <div className="font-designer-14r text-text-subtle flex items-center gap-100">
-                <CakeIcon width={16} height={16} />
+          <div className="grid grid-cols-[200px_1fr] gap-y-100">
+            <div className="flex items-center gap-100">
+              <CakeIcon />
+              <span className="font-designer-14r text-text-subtle leading-none">
                 {memberProfile.birthDate ?? '생일을 입력해주세요!'}
-              </div>
-              <div className="font-designer-14r text-text-subtle flex items-center gap-100">
-                <PhoneIcon width={16} height={16} />
+              </span>
+            </div>
+            <div className="flex items-center gap-100">
+              <GithubIcon />
+              <span className="font-designer-14r text-text-subtle leading-none">
+                {memberProfile.githubLink?.url ?? '깃허브 링크를 입력해주세요!'}
+              </span>
+            </div>
+            <div className="flex items-center gap-100">
+              <PhoneIcon />
+              <span className="font-designer-14r text-text-subtle leading-none">
                 {memberProfile.tel ?? '번호를 입력해주세요!'}
-              </div>
+              </span>
             </div>
+            <div className="flex items-center gap-100">
+              <GlobeIcon />
+              <span className="font-designer-14r text-text-subtle leading-none">
+                {memberProfile.blogOrSnsLink?.url ??
+                  '블로그 링크를 입력해주세요!'}
+              </span>
+            </div>
+          </div>
 
-            <div className="flex flex-col gap-100">
-              <div className="font-designer-14r text-text-subtle flex items-center gap-100">
-                <GithubIcon width={16} height={16} />
-                {memberProfile.githubLink?.url || '깃허브 링크를 입력해주세요!'}
+          <div className="flex flex-col gap-100">
+            <div className="flex flex-row justify-between">
+              <div className="flex flex-row items-center gap-50">
+                <span>성실 온도</span>
+                <Image
+                  src="/images/help_outline.png"
+                  alt="성실온도 설명"
+                  width={16}
+                  height={16}
+                />
               </div>
-              <div className="font-designer-14r text-text-subtle flex items-center gap-100">
-                <GlobeIcon width={16} height={16} />
-                {memberProfile.blogOrSnsLink?.url ||
-                  '블로그 링크를 입력해주세요!'}
+              <div
+                className={cn(
+                  'font-designer-14b flex flex-row items-center gap-[2px]',
+                  temperPreset.textClass,
+                )}
+              >
+                <temperPreset.Icon />
+                <div>{sincerityTemp.temperature.toFixed(1)} ℃</div>
               </div>
             </div>
+            <Progress
+              value={sincerityTemp.temperature}
+              indicatorColor={temperPreset.indicatorClass}
+            />
           </div>
         </div>
 

From 3c944a8c3323cc403ba66e33d7479b989fb2165d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 04:19:01 +0900
Subject: [PATCH 31/33] =?UTF-8?q?style:=20=EC=A0=95=EB=A0=AC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/user-profile-modal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/entities/user/ui/user-profile-modal.tsx b/src/entities/user/ui/user-profile-modal.tsx
index e248ff18..7bbc47d7 100644
--- a/src/entities/user/ui/user-profile-modal.tsx
+++ b/src/entities/user/ui/user-profile-modal.tsx
@@ -72,13 +72,13 @@ export default function UserProfileModal({
                       </Badge>
                     ))}
                 </div>
-                <div className="flex items-center justify-between">
+                <div className="flex items-center justify-start">
                   <div className="font-designer-28b pb-50">
                     {profile.memberProfile.memberName}
                   </div>
 
                   <span
-                    className="bg-border-default mx-150 block h-[12px] w-[2px]"
+                    className="bg-border-default mx-150 block h-[12px] w-[1px]"
                     aria-hidden="true"
                   />
 

From 2a8fff72114b3105ef07ca6e44dcda8468637b54 Mon Sep 17 00:00:00 2001
From: aken-you <kinsk2839@naver.com>
Date: Sat, 30 Aug 2025 14:26:18 +0900
Subject: [PATCH 32/33] =?UTF-8?q?fix:=20=EC=8A=A4=ED=84=B0=EB=94=94=20?=
 =?UTF-8?q?=EC=8B=A0=EC=B2=AD=20=EB=B2=84=ED=8A=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/widgets/home/sidebar.tsx | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/widgets/home/sidebar.tsx b/src/widgets/home/sidebar.tsx
index 88c8a5dd..d6713d28 100644
--- a/src/widgets/home/sidebar.tsx
+++ b/src/widgets/home/sidebar.tsx
@@ -38,12 +38,23 @@ export default async function Sidebar() {
         <StartStudyModal
           memberId={memberId}
           trigger={
-            <Image
-              src="/apply-study.svg"
-              alt="스터디 시작 버튼"
-              width={68}
-              height={56}
-            />
+            <button className="bg-background-alternative rounded-100 flex items-center justify-between px-250 py-300">
+              <p className="flex flex-col items-start gap-50">
+                <span className="font-designer-15b text-text-default">
+                  CS 스터디를 시작해 보세요!
+                </span>
+                <span className="font-designer-12m text-text-subtlest">
+                  스터디 신청하기
+                </span>
+              </p>
+
+              <Image
+                src="/apply-study.svg"
+                alt="스터디 시작 버튼"
+                width={68}
+                height={56}
+              />
+            </button>
           }
         />
       )}

From 5b55bfd976f8a010b7b4c6f32503993c52adf67e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A1=B0=EB=AF=BC=EC=A3=BC?= <pida6716@gmail.com>
Date: Sat, 30 Aug 2025 14:30:52 +0900
Subject: [PATCH 33/33] =?UTF-8?q?fix:=20levelId=20->=20levelName=20?=
 =?UTF-8?q?=EA=B8=B0=EC=A4=80=EC=9C=BC=EB=A1=9C=20=EB=A7=A4=ED=95=91=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/user/ui/my-profile-card.tsx     |  4 +--
 src/entities/user/ui/user-profile-modal.tsx  |  6 ++--
 src/features/my-page/ui/profile.tsx          |  4 +--
 src/shared/config/sincerity-temp-presets.tsx | 34 +++++++++-----------
 4 files changed, 23 insertions(+), 25 deletions(-)

diff --git a/src/entities/user/ui/my-profile-card.tsx b/src/entities/user/ui/my-profile-card.tsx
index 13dfe550..cd2eac19 100644
--- a/src/entities/user/ui/my-profile-card.tsx
+++ b/src/entities/user/ui/my-profile-card.tsx
@@ -5,7 +5,7 @@ import React, { useState } from 'react';
 import { usePatchAutoMatchingMutation } from '@/entities/user/model/use-user-profile-query';
 import { useReviewReminder } from '@/features/study/lib/use-reminder-review';
 import StudyReviewModal from '@/features/study/ui/study-review-modal';
-import { getSincerityPresetByLevelId } from '@/shared/config/sincerity-temp-presets';
+import { getSincerityPresetByLevelName } from '@/shared/config/sincerity-temp-presets';
 import { cn } from '@/shared/shadcn/lib/utils';
 import UserAvatar from '@/shared/ui/avatar';
 import { ToggleSwitch } from '@/shared/ui/toggle';
@@ -41,7 +41,7 @@ export default function MyProfileCard({
   const { showReviewReminder, setShowReviewReminder } = useReviewReminder();
 
   const [enabled, setEnabled] = useState(matching);
-  const temperPreset = getSincerityPresetByLevelId(sincerityTemp.levelId);
+  const temperPreset = getSincerityPresetByLevelName(sincerityTemp.levelName);
 
   const { mutate: patchAutoMatching, isPending } =
     usePatchAutoMatchingMutation();
diff --git a/src/entities/user/ui/user-profile-modal.tsx b/src/entities/user/ui/user-profile-modal.tsx
index 7bbc47d7..a9ab7436 100644
--- a/src/entities/user/ui/user-profile-modal.tsx
+++ b/src/entities/user/ui/user-profile-modal.tsx
@@ -9,7 +9,7 @@ import GithubIcon from '@/features/my-page/ui/icon/github-logo.svg';
 import GlobeIcon from '@/features/my-page/ui/icon/globe-simple.svg';
 import PhoneIcon from '@/features/my-page/ui/icon/phone.svg';
 import { useUserPositiveKeywordsQuery } from '@/features/study/model/use-review-query';
-import { getSincerityPresetByLevelId } from '@/shared/config/sincerity-temp-presets';
+import { getSincerityPresetByLevelName } from '@/shared/config/sincerity-temp-presets';
 import UserAvatar from '@/shared/ui/avatar';
 import Badge from '@/shared/ui/badge';
 import { Modal } from '@/shared/ui/modal';
@@ -31,8 +31,8 @@ export default function UserProfileModal({
   if (isLoading || isError || !profile || !positiveKeywordsData) return null;
 
   const positiveKeywords = positiveKeywordsData?.keywords || [];
-  const temperPreset = getSincerityPresetByLevelId(
-    profile.sincerityTemp.levelId,
+  const temperPreset = getSincerityPresetByLevelName(
+    profile.sincerityTemp.levelName,
   );
 
   return (
diff --git a/src/features/my-page/ui/profile.tsx b/src/features/my-page/ui/profile.tsx
index 8b5eedc1..f1db1e9e 100644
--- a/src/features/my-page/ui/profile.tsx
+++ b/src/features/my-page/ui/profile.tsx
@@ -5,7 +5,7 @@ import GithubIcon from '@/features/my-page/ui/icon/github-logo.svg';
 import GlobeIcon from '@/features/my-page/ui/icon/globe-simple.svg';
 import PhoneIcon from '@/features/my-page/ui/icon/phone.svg';
 import ProfileEditModal from '@/features/my-page/ui/profile-edit-modal';
-import { getSincerityPresetByLevelId } from '@/shared/config/sincerity-temp-presets';
+import { getSincerityPresetByLevelName } from '@/shared/config/sincerity-temp-presets';
 import { cn } from '@/shared/shadcn/lib/utils';
 import UserAvatar from '@/shared/ui/avatar';
 import Badge from '@/shared/ui/badge';
@@ -22,7 +22,7 @@ export default function Profile({
   memberProfile,
   sincerityTemp,
 }: ProfileProps) {
-  const temperPreset = getSincerityPresetByLevelId(sincerityTemp.levelId);
+  const temperPreset = getSincerityPresetByLevelName(sincerityTemp.levelName);
 
   return (
     <div className="flex w-full max-w-[80%] gap-300 px-200">
diff --git a/src/shared/config/sincerity-temp-presets.tsx b/src/shared/config/sincerity-temp-presets.tsx
index e78c10d2..a915d0c3 100644
--- a/src/shared/config/sincerity-temp-presets.tsx
+++ b/src/shared/config/sincerity-temp-presets.tsx
@@ -3,7 +3,7 @@ import TempType2 from '@/shared/icons/temp_2.svg';
 import TempType3 from '@/shared/icons/temp_3.svg';
 import TempType4 from '@/shared/icons/temp_4.svg';
 
-export type SincerityType = 'type1' | 'type2' | 'type3' | 'type4';
+export type SincerityLabel = '1단계' | '2단계' | '3단계' | '4단계';
 
 export interface SincerityPreset {
   indicatorClass: string;
@@ -13,8 +13,8 @@ export interface SincerityPreset {
   label?: string;
 }
 
-export const SINCERITY_TEMP_PRESETS: Record<SincerityType, SincerityPreset> = {
-  type1: {
+export const SINCERITY_TEMP_PRESETS: Record<SincerityLabel, SincerityPreset> = {
+  '1단계': {
     //  todo: Figma에 헥스코드로만 존재. 디자인 시스템 X.  현재 코드에서는 헥스값 인식을 하지 못하기 때문에 임의 컬러로 설정
     //  현재 기획 여쭤본 상태, 컬러값에 따라 global에 추가후 변경 가능성 O.
     //  indicatorClass: '#F5C400',
@@ -25,21 +25,21 @@ export const SINCERITY_TEMP_PRESETS: Record<SincerityType, SincerityPreset> = {
     Icon: TempType1,
     label: '노란불씨',
   },
-  type2: {
+  '2단계': {
     indicatorClass: 'bg-orange-400',
     textClass: 'text-orange-400',
     bgClass: 'bg-orange-50',
     Icon: TempType2,
     label: '주황불꽃',
   },
-  type3: {
+  '3단계': {
     indicatorClass: 'bg-rose-500',
     textClass: 'text-rose-500',
     bgClass: 'bg-rose-50',
     Icon: TempType3,
     label: '불꽃',
   },
-  type4: {
+  '4단계': {
     indicatorClass: 'bg-indigo-500',
     textClass: 'text-indigo-500',
     bgClass: 'bg-indigo-50',
@@ -48,18 +48,16 @@ export const SINCERITY_TEMP_PRESETS: Record<SincerityType, SincerityPreset> = {
   },
 } as const;
 
-const LEVEL_ID_TO_TYPE: Record<number, SincerityType> = {
-  5: 'type1', // 1단계
-  6: 'type2', // 2단계
-  7: 'type3', // 3단계
-  8: 'type4', // 4단계
-};
+export function toLevelLabel(levelName?: string): SincerityLabel {
+  const n = Number((levelName ?? '').match(/\d+/)?.[0] ?? 1);
+  const clamped = Math.min(4, Math.max(1, n || 1));
 
-// 매핑 안되는 값이 들어왔을 경우 FALLBACK
-const FALLBACK_TYPE: SincerityType = 'type1';
-
-export function getSincerityPresetByLevelId(levelId: number): SincerityPreset {
-  const type = LEVEL_ID_TO_TYPE[levelId] ?? FALLBACK_TYPE;
+  return `${clamped}단계` as SincerityLabel;
+}
 
-  return SINCERITY_TEMP_PRESETS[type];
+// 매핑 안되는 값이 들어왔을 경우 FALLBACK
+export function getSincerityPresetByLevelName(
+  levelName?: string,
+): SincerityPreset {
+  return SINCERITY_TEMP_PRESETS[toLevelLabel(levelName)];
 }