From 11dd228f93fa492465ba40e39d86f63a5308ee28 Mon Sep 17 00:00:00 2001
From: Saebom <spring180@naver.com>
Date: Fri, 19 Sep 2025 23:58:16 +0900
Subject: [PATCH 1/5] =?UTF-8?q?feat:=20useAuthStore=20=EC=82=AC=EC=9A=A9?=
 =?UTF-8?q?=ED=95=B4=EC=84=9C=20=EC=82=AC=EC=9A=A9=EC=9E=90=20=EC=9D=B4?=
 =?UTF-8?q?=EB=A6=84=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/history/History.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/page/history/History.tsx b/src/page/history/History.tsx
index b6b80e0e..fff895b2 100644
--- a/src/page/history/History.tsx
+++ b/src/page/history/History.tsx
@@ -5,6 +5,7 @@ import StreakTracker from '@/page/history/StreakTrackerSection/StreakTrackerSect
 import { useGetHistory } from '@/api/domain/history/hook/useGetHistory';
 import { useMandalartId } from '@/common/hook/useMandalartId';
 import Loading from '@/common/component/Loading/Loading';
+import { useAuthStore } from '@/store/useAuthStore';
 
 const STREAK_BANNER_MESSAGE = '작은 실천을 66일 이어가면 나의 목표에 도달합니다';
 const STREAK_DESCRIPTION_MESSAGE = '하루에 하나라도 실천하면 오늘의 점이 찍혀요!';
@@ -14,6 +15,7 @@ const History = () => {
   const mandalartId = useMandalartId();
 
   const { data, isLoading } = useGetHistory(mandalartId);
+  const user = useAuthStore((state) => state.user);
 
   const handleOutsideClick = () => {
     setSelectedDay(null);
@@ -28,7 +30,7 @@ const History = () => {
       <div className={styles.layoutContainer}>
         <h1 className={styles.titleContainer}>{data.title}</h1>
         <p className={styles.descriptionContainer}>
-          김도트님, 목표를 향해 <br />
+          {user.name}님, 목표를 향해 <br />
           <strong className={styles.progressText}>{data.progressDays}</strong>일째 달려가고 있어요
         </p>
         <section className={styles.streakTrackerWrapper}>

From 4a15a633e0253ac559fb637467985f8e2197b5ff Mon Sep 17 00:00:00 2001
From: Saebom <spring180@naver.com>
Date: Sat, 20 Sep 2025 00:01:51 +0900
Subject: [PATCH 2/5] =?UTF-8?q?refactor:=20index=20=ED=8C=8C=EC=9D=BC?=
 =?UTF-8?q?=EC=97=90=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=AC=B6?=
 =?UTF-8?q?=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/history/StreakTrackerSection/StreakTrackerSection.tsx | 3 +--
 src/page/history/component/index.ts                            | 2 ++
 2 files changed, 3 insertions(+), 2 deletions(-)
 create mode 100644 src/page/history/component/index.ts

diff --git a/src/page/history/StreakTrackerSection/StreakTrackerSection.tsx b/src/page/history/StreakTrackerSection/StreakTrackerSection.tsx
index 6e7f9a12..a518375a 100644
--- a/src/page/history/StreakTrackerSection/StreakTrackerSection.tsx
+++ b/src/page/history/StreakTrackerSection/StreakTrackerSection.tsx
@@ -1,7 +1,6 @@
 import { useState } from 'react';
 
-import StreakDetail from '@/page/history/component/StreakDetail/StreakDetail';
-import StreakGrid from '@/page/history/component/StreakGrid/StreakGrid';
+import { StreakDetail, StreakGrid } from '@/page/history/component';
 import * as styles from '@/page/history/StreakTrackerSection/StreakTrackerSection.css';
 import { useGetStreak } from '@/api/domain/history/hook/useGetStreak';
 import { useMandalartId } from '@/common/hook/useMandalartId';
diff --git a/src/page/history/component/index.ts b/src/page/history/component/index.ts
new file mode 100644
index 00000000..da0b5fad
--- /dev/null
+++ b/src/page/history/component/index.ts
@@ -0,0 +1,2 @@
+export { default as StreakDetail } from '@/page/history/component/StreakDetail/StreakDetail';
+export { default as StreakGrid } from '@/page/history/component/StreakGrid/StreakGrid';

From b16d9539cbe6f1f715de60aa4b3f5b796e3ec84c Mon Sep 17 00:00:00 2001
From: Saebom <spring180@naver.com>
Date: Sat, 20 Sep 2025 00:17:30 +0900
Subject: [PATCH 3/5] =?UTF-8?q?refactor:=20dangerouslySetInnerHTML=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/history/component/StreakDetail/StreakDetail.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/page/history/component/StreakDetail/StreakDetail.tsx b/src/page/history/component/StreakDetail/StreakDetail.tsx
index aab51300..a5b5866d 100644
--- a/src/page/history/component/StreakDetail/StreakDetail.tsx
+++ b/src/page/history/component/StreakDetail/StreakDetail.tsx
@@ -1,8 +1,6 @@
 import * as styles from '@/page/history/component/StreakDetail/StreakDetail.css';
 import type { Streak } from '@/page/history/type/StreakDataType';
 
-const DEFAULT_MESSAGE = '원하는 날의 점을 클릭하고 <br/> 그날 내가 한 일을 확인해보세요!';
-
 type StreakDetailProps = {
   detailData?: Streak;
 };
@@ -14,7 +12,9 @@ const StreakDetail = ({ detailData }: StreakDetailProps) => {
   if (isEmpty) {
     return (
       <div className={styles.detailContainer({ state })}>
-        <p className={styles.defaultText} dangerouslySetInnerHTML={{ __html: DEFAULT_MESSAGE }} />
+        <p className={styles.defaultText}>
+          원하는 날의 점을 클릭하고 <br /> 그날 내가 한 일을 확인해보세요!
+        </p>
       </div>
     );
   }

From 79eada9778543ff927fe24391acc65b532a4637e Mon Sep 17 00:00:00 2001
From: Saebom <spring180@naver.com>
Date: Sat, 20 Sep 2025 00:20:34 +0900
Subject: [PATCH 4/5] =?UTF-8?q?refactor:=20layout=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../StreakDetail/StreakDetail.css.ts          | 25 ++++++++-----------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/page/history/component/StreakDetail/StreakDetail.css.ts b/src/page/history/component/StreakDetail/StreakDetail.css.ts
index 73c31d2b..05d3da25 100644
--- a/src/page/history/component/StreakDetail/StreakDetail.css.ts
+++ b/src/page/history/component/StreakDetail/StreakDetail.css.ts
@@ -1,7 +1,7 @@
 import { recipe } from '@vanilla-extract/recipes';
 import { style } from '@vanilla-extract/css';
 
-import { colors, fonts } from '@/style/token';
+import { colors, fonts, layout } from '@/style/token';
 
 export const detailContainer = recipe({
   base: {
@@ -11,11 +11,7 @@ export const detailContainer = recipe({
   },
   variants: {
     state: {
-      empty: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-      },
+      empty: layout.flexCenter,
       filled: {
         padding: '3rem',
       },
@@ -43,11 +39,12 @@ export const todoCount = style({
   ...fonts.subtitle01,
 });
 
-export const todoList = style({
-  display: 'flex',
-  flexDirection: 'column',
-  gap: '1.2rem',
-  marginTop: '2.4rem',
-  color: colors.grey11,
-  ...fonts.body03,
-});
+export const todoList = style([
+  layout.flexColumn,
+  {
+    gap: '1.2rem',
+    marginTop: '2.4rem',
+    color: colors.grey11,
+    ...fonts.body03,
+  },
+]);

From d1a94100d8520ce8ca2b9595cc6b543e930fe625 Mon Sep 17 00:00:00 2001
From: Saebom <spring180@naver.com>
Date: Sun, 21 Sep 2025 15:57:39 +0900
Subject: [PATCH 5/5] =?UTF-8?q?style:=20=EC=8A=A4=ED=83=80=EC=9D=BC=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/page/history/History.css.ts                             | 6 +++---
 .../StreakTrackerSection/StreakTrackerSection.css.ts        | 4 ++++
 .../history/StreakTrackerSection/StreakTrackerSection.tsx   | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/page/history/History.css.ts b/src/page/history/History.css.ts
index 766f01d2..e1997ed1 100644
--- a/src/page/history/History.css.ts
+++ b/src/page/history/History.css.ts
@@ -24,8 +24,8 @@ export const titleContainer = style({
 });
 
 export const descriptionContainer = style({
-  marginTop: '2rem',
-  padding: '7.6rem 5rem',
+  marginTop: '2.3rem',
+  padding: '6.7rem 8.6rem',
   backgroundColor: colors.grey2,
   borderRadius: '12px',
   color: colors.grey11,
@@ -37,7 +37,7 @@ export const descriptionContainer = style({
 });
 
 export const streakTrackerWrapper = style({
-  paddingTop: '8rem',
+  paddingTop: '7.7rem',
   paddingBottom: '9.8rem',
 });
 
diff --git a/src/page/history/StreakTrackerSection/StreakTrackerSection.css.ts b/src/page/history/StreakTrackerSection/StreakTrackerSection.css.ts
index 59ea258e..13453c07 100644
--- a/src/page/history/StreakTrackerSection/StreakTrackerSection.css.ts
+++ b/src/page/history/StreakTrackerSection/StreakTrackerSection.css.ts
@@ -4,3 +4,7 @@ export const streakTrackerContainer = style({
   display: 'flex',
   gap: '2rem',
 });
+
+export const streakGridContainer = style({
+  flexGrow: '1',
+});
diff --git a/src/page/history/StreakTrackerSection/StreakTrackerSection.tsx b/src/page/history/StreakTrackerSection/StreakTrackerSection.tsx
index a518375a..f7fbfb65 100644
--- a/src/page/history/StreakTrackerSection/StreakTrackerSection.tsx
+++ b/src/page/history/StreakTrackerSection/StreakTrackerSection.tsx
@@ -31,7 +31,7 @@ const StreakTracker = ({ selectedDay, setSelectedDay }: StreakTrackerProps) => {
 
   return (
     <div className={styles.streakTrackerContainer}>
-      <div onClick={(e) => e.stopPropagation()}>
+      <div onClick={(e) => e.stopPropagation()} className={styles.streakGridContainer}>
         <StreakGrid streaks={data.streaks} onHover={setHoveredDay} onSelect={setSelectedDay} />
       </div>
       <StreakDetail detailData={detailData} />