From 5f8ea4a6dc848b9d0cb68a6707bc0b5c5fb3fea9 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 12:27:12 +0900
Subject: [PATCH 01/39] =?UTF-8?q?style:=20=EA=B8=B0=EB=A1=9D=EA=B0=84=20?=
 =?UTF-8?q?=EA=B0=84=EA=B2=A9=2032px=20=E2=86=92=2040px=EC=9C=BC=EB=A1=9C?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/memory/MemoryContent/RecordList.styled.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/memory/MemoryContent/RecordList.styled.ts b/src/components/memory/MemoryContent/RecordList.styled.ts
index 441930ae..90477709 100644
--- a/src/components/memory/MemoryContent/RecordList.styled.ts
+++ b/src/components/memory/MemoryContent/RecordList.styled.ts
@@ -3,5 +3,5 @@ import styled from '@emotion/styled';
 export const RecordListContainer = styled.div`
   display: flex;
   flex-direction: column;
-  gap: 32px;
+  gap: 40px;
 `;

From 6cfa619fbaa7bd2a18364712bda9a7e45c6b3e86 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 12:30:47 +0900
Subject: [PATCH 02/39] =?UTF-8?q?fix:=20=EA=B8=B0=EB=A1=9D=EC=9E=A5=20?=
 =?UTF-8?q?=ED=88=B4=ED=8C=81=20=EB=A9=94=EC=8B=9C=EC=A7=80=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/components/memory/RecordInfoMessage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/memory/RecordInfoMessage.tsx b/src/components/memory/RecordInfoMessage.tsx
index 100f98f2..65bb612a 100644
--- a/src/components/memory/RecordInfoMessage.tsx
+++ b/src/components/memory/RecordInfoMessage.tsx
@@ -7,7 +7,7 @@ const RecordInfoMessage = () => {
       <InfoIcon>
         <img src={infoIcon} alt="정보" />
       </InfoIcon>
-      <InfoText>내 진행도에 따라 일부 댓글은 블러처리됩니다.</InfoText>
+      <InfoText>내 진행도에 따라 일부 기록은 블러처리됩니다.</InfoText>
     </Container>
   );
 };

From 274caf0928f731f56a5002e24ffda2184de4b978 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 12:50:00 +0900
Subject: [PATCH 03/39] =?UTF-8?q?fix:=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20?=
 =?UTF-8?q?=EC=95=88=EB=B3=B4=EC=9D=B4=EA=B2=8C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/createpost/PostContentSection.styled.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/createpost/PostContentSection.styled.ts b/src/components/createpost/PostContentSection.styled.ts
index 15b52217..982e2f4f 100644
--- a/src/components/createpost/PostContentSection.styled.ts
+++ b/src/components/createpost/PostContentSection.styled.ts
@@ -18,6 +18,7 @@ export const TextArea = styled.textarea`
   resize: none;
   outline: none;
   border: none;
+  overflow: hidden;
 
   &::placeholder {
     color: ${semanticColors.text.ghost};

From 6508d0048a94b0cfc7409c8ed20f834d8c3bcb67 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 12:53:21 +0900
Subject: [PATCH 04/39] =?UTF-8?q?fix:=20=EA=B8=80=20=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=EC=97=90=EC=84=9C=20=EC=B1=85=20?=
 =?UTF-8?q?=ED=91=9C=EC=A7=80=20=EB=B6=88=EB=9F=AC=EC=98=A4=EA=B8=B0=20?=
 =?UTF-8?q?=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0=20-=20=EC=B1=85=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=EB=A1=9C=EB=94=A9=20=EB=A1=9C=EC=A7=81=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/pages/post/UpdatePost.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/post/UpdatePost.tsx b/src/pages/post/UpdatePost.tsx
index 2991a416..3c78a74e 100644
--- a/src/pages/post/UpdatePost.tsx
+++ b/src/pages/post/UpdatePost.tsx
@@ -64,7 +64,7 @@ const UpdatePost = () => {
           id: 0,
           title: data.bookTitle,
           author: data.bookAuthor,
-          cover: '',
+          cover: data.bookImageUrl,
           isbn: data.isbn,
         });
 

From 12a9928ad5b4158413588ac850d811b3dc5f6f2f Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 12:57:32 +0900
Subject: [PATCH 05/39] =?UTF-8?q?fix:=20=EA=B8=80=20=EC=9E=91=EC=84=B1=20?=
 =?UTF-8?q?=EB=B0=8F=20=EC=88=98=EC=A0=95=20=EC=8B=9C=20=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=9C=84=EC=9D=98=20=E2=80=98=EC=9E=91=EC=84=B1?=
 =?UTF-8?q?=EC=A4=91=E2=80=99/'=EC=88=98=EC=A0=95=EC=A4=91'=20=EA=B8=80?=
 =?UTF-8?q?=EC=94=A8=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/post/CreatePost.tsx | 2 +-
 src/pages/post/UpdatePost.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/post/CreatePost.tsx b/src/pages/post/CreatePost.tsx
index 5948c444..faa0e04e 100644
--- a/src/pages/post/CreatePost.tsx
+++ b/src/pages/post/CreatePost.tsx
@@ -171,7 +171,7 @@ const CreatePost = () => {
       <TitleHeader
         leftIcon={<img src={leftarrow} alt="뒤로가기" />}
         title="새 글"
-        rightButton={loading ? '작성 중...' : '완료'}
+        rightButton="완료"
         onLeftClick={handleBackClick}
         onRightClick={handleCompleteClick}
         isNextActive={isFormValid && !loading}
diff --git a/src/pages/post/UpdatePost.tsx b/src/pages/post/UpdatePost.tsx
index 3c78a74e..597b4d16 100644
--- a/src/pages/post/UpdatePost.tsx
+++ b/src/pages/post/UpdatePost.tsx
@@ -152,7 +152,7 @@ const UpdatePost = () => {
       <TitleHeader
         leftIcon={<img src={leftarrow} alt="뒤로가기" />}
         title="글 수정"
-        rightButton={updateLoading ? '수정 중...' : '완료'}
+        rightButton="완료"
         onLeftClick={handleBackClick}
         onRightClick={handleCompleteClick}
         isNextActive={isFormValid && !updateLoading}

From db837d4124e2adc6b17cb503a85ffefdd24e8efe Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 13:03:04 +0900
Subject: [PATCH 06/39] =?UTF-8?q?style:=20=EB=8D=94=EB=B3=B4=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B0=94=ED=85=80=EC=8B=9C=ED=8A=B8=20=EC=95=84=EB=9E=98=20?=
 =?UTF-8?q?=EC=97=AC=EB=B0=B1=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Modal/MoreMenu.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/common/Modal/MoreMenu.tsx b/src/components/common/Modal/MoreMenu.tsx
index 7a3bf268..a2165114 100644
--- a/src/components/common/Modal/MoreMenu.tsx
+++ b/src/components/common/Modal/MoreMenu.tsx
@@ -142,30 +142,30 @@ const Button = styled.div<{ variant: 'edit' | 'delete' | 'report' | 'pin' }>`
     if (variant === 'pin') {
       return `
         &:first-of-type {
-          padding: 8px 12px 16px 12px;
+          padding: 13px 12px 21px 12px;
         }
         
         &:nth-of-type(2) {
-          padding: 8px 12px 16px 12px;
+          padding: 13px 12px 21px 12px;
         }
 
         &:last-of-type {
-          padding: 16px 12px 8px 12px;
+          padding: 21px 12px 13px 12px;
           border-bottom: none;
         }
       `;
     }
     return `
       &:first-of-type {
-        padding: 8px 12px 16px 12px;
+        padding: 13px 12px 21px 12px;
       }
       
       &:nth-of-type(2) {
-        padding: 8px 12px 16px 12px;
+        padding: 13px 12px 21px 12px;
       }
 
       &:last-of-type {
-        padding: 16px 12px 8px 12px;
+        padding: 21px 12px 13px 12px;
         border-bottom: none;
       }
     `;

From e51365656234805d3a436faede5acc9fda2cf280 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 13:13:27 +0900
Subject: [PATCH 07/39] =?UTF-8?q?fix:=20=EC=A7=84=ED=96=89=EB=8F=84=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=EC=97=90=20=EC=86=8C=EC=88=98=EC=A0=90=20?=
 =?UTF-8?q?=EB=82=B4=EB=A6=BC=20=EC=B2=98=EB=A6=AC=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/group/MyGroupCard.tsx   | 2 +-
 src/components/group/RecordSection.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/group/MyGroupCard.tsx b/src/components/group/MyGroupCard.tsx
index 8734c2b8..5e6dff8e 100644
--- a/src/components/group/MyGroupCard.tsx
+++ b/src/components/group/MyGroupCard.tsx
@@ -23,7 +23,7 @@ export const MyGroupCard = forwardRef<HTMLDivElement, MyGroupCardProps>((props,
         </div>
         <div>
           <ProgressText>
-            {group.userName}님의 진행도 <Percent>{group.progress}%</Percent>
+            {group.userName}님의 진행도 <Percent>{Math.floor(group.progress || 0)}%</Percent>
           </ProgressText>
           <Bar>
             <Fill width={group.progress || 0} />
diff --git a/src/components/group/RecordSection.tsx b/src/components/group/RecordSection.tsx
index 2ad44cd6..e3d34de7 100644
--- a/src/components/group/RecordSection.tsx
+++ b/src/components/group/RecordSection.tsx
@@ -28,7 +28,7 @@ const RecordSection = ({ currentPage, progress, onClick }: RecordSectionProps) =
       <RecordSectionContent>
         <CurrentPage>현재 페이지 {currentPage}</CurrentPage>
         <div style={{ display: 'flex', alignItems: 'baseline' }}>
-          <ProgressText>{progress}</ProgressText>
+          <ProgressText>{Math.floor(progress)}</ProgressText>
           <PercentText>%</PercentText>
         </div>
         <ProgressBar>

From 43c99a236a8cb8fea825224ff06e09fb23925e3f Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 13:15:07 +0900
Subject: [PATCH 08/39] =?UTF-8?q?fix:=20=EA=B8=B0=EB=A1=9D=EC=9E=A5=20?=
 =?UTF-8?q?=EB=92=A4=EB=A1=9C=EA=B0=80=EA=B8=B0=20=EC=8B=9C=20=EB=AA=A8?=
 =?UTF-8?q?=EC=9E=84=20=EB=A9=94=EC=9D=B8=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=EB=A1=9C=20=EC=9D=B4=EB=8F=99=ED=95=98=EB=8F=84=EB=A1=9D=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/pages/memory/Memory.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/memory/Memory.tsx b/src/pages/memory/Memory.tsx
index 083ae705..a0137dd1 100644
--- a/src/pages/memory/Memory.tsx
+++ b/src/pages/memory/Memory.tsx
@@ -189,7 +189,7 @@ const Memory = () => {
   // 이벤트 핸들러들
   const handleBackClick = useCallback(() => {
     if (roomId) {
-      navigate(`/rooms/${roomId}`);
+      navigate(`/group/detail/joined/${roomId}`);
     } else {
       navigate('/group');
     }

From 250c0d47e770cf152c3ddfe4b7472383f89d640c Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 13:17:15 +0900
Subject: [PATCH 09/39] =?UTF-8?q?style:=20min-height:=20100vh=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/groupDetail/ParticipatedGroupDetail.styled.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/groupDetail/ParticipatedGroupDetail.styled.ts b/src/pages/groupDetail/ParticipatedGroupDetail.styled.ts
index 055303d8..4618571c 100644
--- a/src/pages/groupDetail/ParticipatedGroupDetail.styled.ts
+++ b/src/pages/groupDetail/ParticipatedGroupDetail.styled.ts
@@ -9,7 +9,7 @@ export const ParticipatedWrapper = styled.div`
   justify-content: center;
   min-width: 320px;
   max-width: 767px;
-  height: 100%;
+  min-height: 100vh;
   margin: 0 auto;
   background-color: ${colors.black.main};
   overflow: hidden;

From 9622a6fb7a1db97e07caa9ab4c126f7d55c31190 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 13:26:30 +0900
Subject: [PATCH 10/39] =?UTF-8?q?refactor:=20=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=20=EC=A0=84=EC=B2=B4=20dim=20=EC=98=A4=EB=B2=84=EB=A0=88?=
 =?UTF-8?q?=EC=9D=B4=20=EC=B6=94=EA=B0=80=20=ED=9B=84=20=ED=95=84=ED=84=B0?=
 =?UTF-8?q?=EB=A5=BC=20=EC=B5=9C=EC=83=81=EB=8B=A8=20z-index=EB=A1=9C=20?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../memory/RecordFilters/PageInputMode.tsx    |  2 +
 .../memory/RecordFilters/RecordFilters.tsx    | 72 +++++++++++++------
 2 files changed, 51 insertions(+), 23 deletions(-)

diff --git a/src/components/memory/RecordFilters/PageInputMode.tsx b/src/components/memory/RecordFilters/PageInputMode.tsx
index 4d9cede1..5e2f0e65 100644
--- a/src/components/memory/RecordFilters/PageInputMode.tsx
+++ b/src/components/memory/RecordFilters/PageInputMode.tsx
@@ -16,6 +16,7 @@ interface PageInputModeProps {
   onInputChange: (type: 'start' | 'end', value: string) => void;
   onReset: () => void;
   onConfirm: () => void;
+  onCancel: () => void;
   hasAnyInput: boolean;
   isValid: boolean;
 }
@@ -26,6 +27,7 @@ const PageInputMode = ({
   onInputChange,
   onReset,
   onConfirm,
+  onCancel,
   hasAnyInput,
   isValid,
 }: PageInputModeProps) => {
diff --git a/src/components/memory/RecordFilters/RecordFilters.tsx b/src/components/memory/RecordFilters/RecordFilters.tsx
index a69e1271..4318fe10 100644
--- a/src/components/memory/RecordFilters/RecordFilters.tsx
+++ b/src/components/memory/RecordFilters/RecordFilters.tsx
@@ -77,6 +77,15 @@ const RecordFilters = ({
     }
   };
 
+  const handleCancel = () => {
+    setShowInputMode(false);
+    setStartPage('');
+    setEndPage('');
+    if (onPageRangeClear) {
+      onPageRangeClear();
+    }
+  };
+
   const handleOverallFilterClick = () => {
     onFilterChange('overall');
   };
@@ -95,31 +104,48 @@ const RecordFilters = ({
   const isPageInputMode = showInputMode && activeFilter === 'page' && !selectedPageRange;
 
   return (
-    <Container>
-      {isPageInputMode ? (
-        <PageInputMode
-          startPage={startPage}
-          endPage={endPage}
-          onInputChange={handleInputChange}
-          onReset={handleReset}
-          onConfirm={handleConfirm}
-          hasAnyInput={hasAnyInput}
-          isValid={isValid}
-        />
-      ) : (
-        <FilterButtons
-          activeFilter={activeFilter}
-          showInputMode={showInputMode}
-          readingProgress={readingProgress}
-          selectedSort={selectedSort}
-          isDropdownOpen={isDropdownOpen}
-          onPageFilterClick={handlePageFilterClick}
-          onOverallFilterClick={handleOverallFilterClick}
-          onSortButtonClick={handleSortButtonClick}
-          onSortSelect={handleSortSelect}
+    <>
+      {isPageInputMode && (
+        <div
+          style={{
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: 'transparent',
+            zIndex: 999,
+          }}
+          onClick={handleCancel}
         />
       )}
-    </Container>
+      <Container style={{ position: 'relative', zIndex: 1000 }}>
+        {isPageInputMode ? (
+          <PageInputMode
+            startPage={startPage}
+            endPage={endPage}
+            onInputChange={handleInputChange}
+            onReset={handleReset}
+            onConfirm={handleConfirm}
+            onCancel={handleCancel}
+            hasAnyInput={hasAnyInput}
+            isValid={isValid}
+          />
+        ) : (
+          <FilterButtons
+            activeFilter={activeFilter}
+            showInputMode={showInputMode}
+            readingProgress={readingProgress}
+            selectedSort={selectedSort}
+            isDropdownOpen={isDropdownOpen}
+            onPageFilterClick={handlePageFilterClick}
+            onOverallFilterClick={handleOverallFilterClick}
+            onSortButtonClick={handleSortButtonClick}
+            onSortSelect={handleSortSelect}
+          />
+        )}
+      </Container>
+    </>
   );
 };
 

From 6462d1642e3ae0347f66919c67dca6a6062e6433 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 13:31:40 +0900
Subject: [PATCH 11/39] =?UTF-8?q?fix:=20=EC=B4=9D=ED=8F=89=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EB=B9=84=ED=99=9C=EC=84=B1=ED=99=94=EB=90=9C=20?=
 =?UTF-8?q?=EC=83=81=ED=83=9C=EC=97=90=EC=84=9C=20=ED=81=B4=EB=A6=AD=20?=
 =?UTF-8?q?=EB=B0=A9=EC=A7=80=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/memory/RecordFilters/FilterButtons.styled.ts | 3 ++-
 src/components/memory/RecordFilters/FilterButtons.tsx       | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/memory/RecordFilters/FilterButtons.styled.ts b/src/components/memory/RecordFilters/FilterButtons.styled.ts
index f00e8dad..25dc2d24 100644
--- a/src/components/memory/RecordFilters/FilterButtons.styled.ts
+++ b/src/components/memory/RecordFilters/FilterButtons.styled.ts
@@ -18,7 +18,8 @@ export const FilterButton = styled.button<{ active: boolean; $disabled?: boolean
     $disabled ? semanticColors.text.tertiary : semanticColors.text.primary};
   font-size: ${typography.fontSize.sm};
   font-weight: ${typography.fontWeight.regular};
-  cursor: pointer;
+  cursor: ${({ $disabled }) => ($disabled ? 'not-allowed' : 'pointer')};
+  pointer-events: ${({ $disabled }) => ($disabled ? 'none' : 'auto')};
   transition: all 0.2s;
   line-height: 24px;
   display: flex;
diff --git a/src/components/memory/RecordFilters/FilterButtons.tsx b/src/components/memory/RecordFilters/FilterButtons.tsx
index d5fc4982..ef0362b4 100644
--- a/src/components/memory/RecordFilters/FilterButtons.tsx
+++ b/src/components/memory/RecordFilters/FilterButtons.tsx
@@ -59,7 +59,7 @@ const FilterButtons = ({
         <FilterButton
           active={activeFilter === 'overall'}
           $disabled={!isOverallEnabled}
-          onClick={onOverallFilterClick}
+          onClick={isOverallEnabled ? onOverallFilterClick : undefined}
         >
           총평 보기
         </FilterButton>

From b0d733456d8e51719f984f3217065305c16642de Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 13:39:52 +0900
Subject: [PATCH 12/39] =?UTF-8?q?fix:=20=EA=B8=B0=EB=A1=9D=20=EC=88=A8?=
 =?UTF-8?q?=EA=B8=B0=EA=B8=B0/=EA=B8=B0=EB=A1=9D=20=EB=B3=B4=EC=9D=B4?=
 =?UTF-8?q?=EA=B8=B0=20=EA=B0=9C=EB=B0=9C=EC=9A=A9=20=EB=B2=84=ED=8A=BC=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

---
 .../MemoryContent/MemoryContent.styled.ts     | 21 +------------------
 .../memory/MemoryContent/MemoryContent.tsx    |  9 +-------
 .../memory/RecordFilters/PageInputMode.tsx    |  2 --
 .../memory/RecordFilters/RecordFilters.tsx    |  1 -
 src/pages/memory/Memory.tsx                   | 14 +------------
 5 files changed, 3 insertions(+), 44 deletions(-)

diff --git a/src/components/memory/MemoryContent/MemoryContent.styled.ts b/src/components/memory/MemoryContent/MemoryContent.styled.ts
index f3b9c167..c4211a93 100644
--- a/src/components/memory/MemoryContent/MemoryContent.styled.ts
+++ b/src/components/memory/MemoryContent/MemoryContent.styled.ts
@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { semanticColors, typography } from '../../../styles/global/global';
+import { semanticColors } from '../../../styles/global/global';
 
 export const Content = styled.div`
   display: flex;
@@ -23,22 +23,3 @@ export const ScrollableSection = styled.div`
   display: flex;
   flex-direction: column;
 `;
-
-export const DevButton = styled.button`
-  position: fixed;
-  top: 100px;
-  right: 20px;
-  background: ${semanticColors.button.fill.primary};
-  color: ${semanticColors.text.primary};
-  border: none;
-  padding: 8px 12px;
-  border-radius: 4px;
-  font-size: ${typography.fontSize.xs};
-  cursor: pointer;
-  z-index: 100;
-  opacity: 0.8;
-
-  &:hover {
-    opacity: 1;
-  }
-`;
diff --git a/src/components/memory/MemoryContent/MemoryContent.tsx b/src/components/memory/MemoryContent/MemoryContent.tsx
index ce487c8b..dbbb3a20 100644
--- a/src/components/memory/MemoryContent/MemoryContent.tsx
+++ b/src/components/memory/MemoryContent/MemoryContent.tsx
@@ -7,7 +7,7 @@ import RecordInfoMessage from '../RecordInfoMessage';
 import EmptyRecord from '../EmptyRecord';
 import RecordList from './RecordList';
 import UploadProgressBar from '../UploadProgressBar/UploadProgressBar';
-import { Content, FixedSection, ScrollableSection, DevButton } from './MemoryContent.styled';
+import { Content, FixedSection, ScrollableSection } from './MemoryContent.styled';
 
 interface MemoryContentProps {
   activeTab: RecordType;
@@ -16,7 +16,6 @@ interface MemoryContentProps {
   selectedSort: SortType;
   records: Record[];
   selectedPageRange: { start: number; end: number } | null;
-  hasRecords: boolean;
   showUploadProgress: boolean;
   currentUserPage: number;
   onTabChange: (tab: RecordType) => void;
@@ -24,7 +23,6 @@ interface MemoryContentProps {
   onSortChange: (sort: SortType) => void;
   onPageRangeClear: () => void;
   onPageRangeSet: (range: { start: number; end: number }) => void;
-  onToggleRecords: () => void;
   onUploadComplete: () => void;
 }
 
@@ -35,21 +33,16 @@ const MemoryContent = ({
   selectedSort,
   records,
   selectedPageRange,
-  hasRecords,
   showUploadProgress,
   onTabChange,
   onFilterChange,
   onSortChange,
   onPageRangeClear,
   onPageRangeSet,
-  onToggleRecords,
   onUploadComplete,
 }: MemoryContentProps) => {
   return (
     <Content>
-      {/* 개발용 버튼 */}
-      <DevButton onClick={onToggleRecords}>{hasRecords ? '기록 숨기기' : '기록 보이기'}</DevButton>
-
       {/* 고정 영역: 탭과 필터만 */}
       <FixedSection>
         <RecordTabs activeTab={activeTab} onTabChange={onTabChange} />
diff --git a/src/components/memory/RecordFilters/PageInputMode.tsx b/src/components/memory/RecordFilters/PageInputMode.tsx
index 5e2f0e65..4d9cede1 100644
--- a/src/components/memory/RecordFilters/PageInputMode.tsx
+++ b/src/components/memory/RecordFilters/PageInputMode.tsx
@@ -16,7 +16,6 @@ interface PageInputModeProps {
   onInputChange: (type: 'start' | 'end', value: string) => void;
   onReset: () => void;
   onConfirm: () => void;
-  onCancel: () => void;
   hasAnyInput: boolean;
   isValid: boolean;
 }
@@ -27,7 +26,6 @@ const PageInputMode = ({
   onInputChange,
   onReset,
   onConfirm,
-  onCancel,
   hasAnyInput,
   isValid,
 }: PageInputModeProps) => {
diff --git a/src/components/memory/RecordFilters/RecordFilters.tsx b/src/components/memory/RecordFilters/RecordFilters.tsx
index 4318fe10..172dcf2f 100644
--- a/src/components/memory/RecordFilters/RecordFilters.tsx
+++ b/src/components/memory/RecordFilters/RecordFilters.tsx
@@ -127,7 +127,6 @@ const RecordFilters = ({
             onInputChange={handleInputChange}
             onReset={handleReset}
             onConfirm={handleConfirm}
-            onCancel={handleCancel}
             hasAnyInput={hasAnyInput}
             isValid={isValid}
           />
diff --git a/src/pages/memory/Memory.tsx b/src/pages/memory/Memory.tsx
index a0137dd1..7e5ca27c 100644
--- a/src/pages/memory/Memory.tsx
+++ b/src/pages/memory/Memory.tsx
@@ -61,9 +61,6 @@ const Memory = () => {
   // 업로드 프로그레스 상태
   const [showUploadProgress, setShowUploadProgress] = useState(false);
 
-  // 개발용 상태 - 기록 유무 전환
-  const [hasRecords, setHasRecords] = useState(true);
-
   // 기록 데이터
   const [myRecords, setMyRecords] = useState<Record[]>([]);
   const [groupRecords, setGroupRecords] = useState<Record[]>([]);
@@ -156,11 +153,8 @@ const Memory = () => {
 
   // 현재 탭에 따른 기록 목록 결정
   const currentRecords = useMemo(() => {
-    if (!hasRecords) {
-      return [];
-    }
     return activeTab === 'group' ? groupRecords : myRecords;
-  }, [activeTab, hasRecords, groupRecords, myRecords]);
+  }, [activeTab, groupRecords, myRecords]);
 
   // 정렬된 기록 목록
   const sortedRecords = useMemo(() => {
@@ -228,10 +222,6 @@ const Memory = () => {
     setActiveFilter('page');
   }, []);
 
-  const handleToggleRecords = useCallback(() => {
-    setHasRecords(!hasRecords);
-  }, [hasRecords]);
-
   const handleUploadComplete = useCallback(() => {
     setShowUploadProgress(false);
   }, []);
@@ -272,7 +262,6 @@ const Memory = () => {
           selectedSort={selectedSort}
           records={filteredRecords}
           selectedPageRange={selectedPageRange}
-          hasRecords={hasRecords}
           showUploadProgress={showUploadProgress}
           currentUserPage={currentUserPage}
           onTabChange={handleTabChange}
@@ -280,7 +269,6 @@ const Memory = () => {
           onSortChange={handleSortChange}
           onPageRangeClear={handlePageRangeClear}
           onPageRangeSet={handlePageRangeSet}
-          onToggleRecords={handleToggleRecords}
           onUploadComplete={handleUploadComplete}
         />
       </ScrollableContent>

From 180c42f3a0d3434827b1e6fd7cc9752297f60be6 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 13:42:53 +0900
Subject: [PATCH 13/39] =?UTF-8?q?fix:=20=EB=B0=94=ED=85=80=EC=8B=9C?=
 =?UTF-8?q?=ED=8A=B8=20width=20=ED=99=94=EB=A9=B4=20=ED=81=AC=EA=B8=B0?=
 =?UTF-8?q?=EC=97=90=20=EB=A7=9E=EC=B6=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CommentBottomSheet/GlobalCommentBottomSheet.styled.ts     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/common/CommentBottomSheet/GlobalCommentBottomSheet.styled.ts b/src/components/common/CommentBottomSheet/GlobalCommentBottomSheet.styled.ts
index 350e6589..487af12e 100644
--- a/src/components/common/CommentBottomSheet/GlobalCommentBottomSheet.styled.ts
+++ b/src/components/common/CommentBottomSheet/GlobalCommentBottomSheet.styled.ts
@@ -19,8 +19,8 @@ export const Overlay = styled.div<{ isOpen: boolean }>`
 
 export const BottomSheet = styled.div<{ isOpen: boolean }>`
   width: 100%;
-  max-width: 540px;
-  min-width: 360px;
+  max-width: 767px;
+  min-width: 320px;
   background: ${colors.darkgrey.main};
   border-radius: 20px 20px 0 0;
   display: flex;

From c86994153717b2eda95b581c8d2e7fda58db50ae Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 15:44:25 +0900
Subject: [PATCH 14/39] =?UTF-8?q?fix:=20dim=20=EC=98=81=EC=97=AD=20?=
 =?UTF-8?q?=ED=81=B4=EB=A6=AD=20=EC=8B=9C=20=EB=AA=A8=EB=8B=AC=20=EB=8B=AB?=
 =?UTF-8?q?=ED=9E=88=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Modal/MoreMenu.tsx      | 23 +++++--------------
 .../memory/RecordItem/RecordItem.tsx          |  8 ++++---
 2 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/src/components/common/Modal/MoreMenu.tsx b/src/components/common/Modal/MoreMenu.tsx
index a2165114..cbed4034 100644
--- a/src/components/common/Modal/MoreMenu.tsx
+++ b/src/components/common/Modal/MoreMenu.tsx
@@ -12,7 +12,7 @@ const MoreMenu = ({
   type,
 }: MoreMenuProps) => {
   return (
-    <Overlay onClick={onClose}>
+    <Overlay onClick={() => onClose?.()}>
       {type === 'post' ? (
         // post 타입: 기존 로직 유지
         <>
@@ -70,21 +70,16 @@ const Overlay = styled.div`
   bottom: 0;
   display: flex;
   justify-content: center;
-  align-items: center;
-  min-width: 320px;
-  max-width: 767px;
-  margin: 0 auto;
+  align-items: flex-end;
+  width: 100vw;
+  height: 100vh;
   background-color: rgba(18, 18, 18, 0.1);
   backdrop-filter: blur(2.5px);
   z-index: 1200;
 `;
 
 const ReportContainer = styled.div`
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-
+  position: relative;
   display: flex;
   flex-direction: column;
   min-width: 320px;
@@ -94,16 +89,11 @@ const ReportContainer = styled.div`
   padding: 20px;
   border-radius: 12px 12px 0px 0px;
   background-color: ${colors.darkgrey.main};
-  z-index: 1201;
 `;
 
 // 3개 버튼을 위한 컨테이너 (핀하기 포함)
 const RecordContainer = styled.div`
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-
+  position: relative;
   display: flex;
   flex-direction: column;
   min-width: 320px;
@@ -112,7 +102,6 @@ const RecordContainer = styled.div`
   padding: 20px;
   border-radius: 12px 12px 0px 0px;
   background-color: ${colors.darkgrey.main};
-  z-index: 1201;
 `;
 
 const Button = styled.div<{ variant: 'edit' | 'delete' | 'report' | 'pin' }>`
diff --git a/src/components/memory/RecordItem/RecordItem.tsx b/src/components/memory/RecordItem/RecordItem.tsx
index cea788b9..4d4d2c14 100644
--- a/src/components/memory/RecordItem/RecordItem.tsx
+++ b/src/components/memory/RecordItem/RecordItem.tsx
@@ -34,7 +34,7 @@ interface RecordItemProps {
 const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
   const navigate = useNavigate();
   const { roomId } = useParams<{ roomId: string }>();
-  const { openMoreMenu, openConfirm, openSnackbar } = usePopupActions();
+  const { openMoreMenu, openConfirm, openSnackbar, closePopup } = usePopupActions();
 
   const {
     id,
@@ -281,10 +281,11 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
 
         openMoreMenu({
           onReport: handleReport,
+          onClose: closePopup,
         });
       }, 800);
     },
-    [isMyRecord, openMoreMenu, handleReport],
+    [isMyRecord, openMoreMenu, handleReport, closePopup],
   );
 
   const handleTouchMove = useCallback((e: React.TouchEvent) => {
@@ -321,11 +322,12 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
         onEdit: handleEdit,
         onDelete: handleDeleteConfirm,
         onPin: handlePinConfirm,
+        onClose: closePopup,
         type: 'post', // 중요: post 타입으로 설정해야 핀하기 버튼이 표시됨
         isWriter: true, // 내 기록임을 명시
       });
     }
-  }, [isMyRecord, openMoreMenu, handleEdit, handleDeleteConfirm, handlePinConfirm]);
+  }, [isMyRecord, openMoreMenu, handleEdit, handleDeleteConfirm, handlePinConfirm, closePopup]);
 
   return (
     <Container

From bb15de0869e798e7778c260dd84c6c99e4bdbc8f Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 15:49:57 +0900
Subject: [PATCH 15/39] =?UTF-8?q?fix:=20=EB=AA=A8=EC=9E=84=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=EC=8B=9C=20=EC=83=9D=EC=84=B1=20=EC=A4=91=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/group/CreateGroup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/group/CreateGroup.tsx b/src/pages/group/CreateGroup.tsx
index e405b9ae..27be1d57 100644
--- a/src/pages/group/CreateGroup.tsx
+++ b/src/pages/group/CreateGroup.tsx
@@ -238,7 +238,7 @@ const CreateGroup = () => {
       <TitleHeader
         leftIcon={<img src={leftarrow} alt="뒤로가기" />}
         title="모임 만들기"
-        rightButton={isSubmitting ? '생성 중...' : '완료'}
+        rightButton="완료"
         onLeftClick={handleBackClick}
         onRightClick={handleCompleteClick}
         isNextActive={isFormValid}

From 28baad166d2cf212af7db6615a1d4bece0ff12e8 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 16:09:27 +0900
Subject: [PATCH 16/39] =?UTF-8?q?fix:=20=EA=B0=80=EC=9D=B4=EB=93=9C?=
 =?UTF-8?q?=ED=85=8D=EC=8A=A4=ED=8A=B8=20typo=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ActivityPeriodSection.styled.ts                  | 12 ++++++++----
 .../ActivityPeriodSection/ActivityPeriodSection.tsx  |  8 ++++----
 src/components/creategroup/RoomInfoSection.styled.ts |  6 +++---
 src/components/creategroup/RoomInfoSection.tsx       |  4 ++--
 4 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/creategroup/ActivityPeriodSection/ActivityPeriodSection.styled.ts b/src/components/creategroup/ActivityPeriodSection/ActivityPeriodSection.styled.ts
index bd2fbc16..f9f15250 100644
--- a/src/components/creategroup/ActivityPeriodSection/ActivityPeriodSection.styled.ts
+++ b/src/components/creategroup/ActivityPeriodSection/ActivityPeriodSection.styled.ts
@@ -14,12 +14,16 @@ export const DateRangeContainer = styled.div`
   width: 100%;
 `;
 
-export const DateGroup = styled.div`
+export const DateGroup = styled.div<{ alignItems?: 'start' | 'end' | 'center' }>`
   display: flex;
   align-items: center;
   gap: 2px;
   flex: 1;
-  justify-content: center;
+  justify-content: ${({ alignItems = 'center' }) => {
+    if (alignItems === 'start') return 'flex-start';
+    if (alignItems === 'end') return 'flex-end';
+    return 'center';
+  }};
 `;
 
 export const WheelContainer = styled.div`
@@ -89,11 +93,11 @@ export const WheelItem = styled.div<{ isSelected: boolean }>`
   }
 `;
 
-export const DateUnitText = styled.div`
+export const DateUnitText = styled.div<{ isLast?: boolean }>`
   color: ${semanticColors.text.primary};
   font-size: ${typography.fontSize.xs};
   font-weight: ${typography.fontWeight.regular};
-  margin-right: 6px;
+  margin-right: ${({ isLast }) => (isLast ? '0px' : '6px')};
 `;
 
 export const SeparatorText = styled.div`
diff --git a/src/components/creategroup/ActivityPeriodSection/ActivityPeriodSection.tsx b/src/components/creategroup/ActivityPeriodSection/ActivityPeriodSection.tsx
index 35acd25d..8d1d3895 100644
--- a/src/components/creategroup/ActivityPeriodSection/ActivityPeriodSection.tsx
+++ b/src/components/creategroup/ActivityPeriodSection/ActivityPeriodSection.tsx
@@ -189,7 +189,7 @@ const ActivityPeriodSection = ({
       <DatePickerContainer>
         <DateRangeContainer>
           {/* 시작일 */}
-          <DateGroup>
+          <DateGroup alignItems="end">
             <DateWheel
               values={years}
               selectedValue={startDate.year}
@@ -212,13 +212,13 @@ const ActivityPeriodSection = ({
               onChange={handleStartDayChange}
               width={24}
             />
-            <DateUnitText>일</DateUnitText>
+            <DateUnitText isLast>일</DateUnitText>
           </DateGroup>
 
           <SeparatorText>~</SeparatorText>
 
           {/* 종료일 */}
-          <DateGroup>
+          <DateGroup alignItems="start">
             <DateWheel
               values={years}
               selectedValue={endDate.year}
@@ -241,7 +241,7 @@ const ActivityPeriodSection = ({
               onChange={handleEndDayChange}
               width={24}
             />
-            <DateUnitText>일</DateUnitText>
+            <DateUnitText isLast>일</DateUnitText>
           </DateGroup>
         </DateRangeContainer>
 
diff --git a/src/components/creategroup/RoomInfoSection.styled.ts b/src/components/creategroup/RoomInfoSection.styled.ts
index 87637b48..d1b0c68d 100644
--- a/src/components/creategroup/RoomInfoSection.styled.ts
+++ b/src/components/creategroup/RoomInfoSection.styled.ts
@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { typography, semanticColors } from '../../styles/global/global';
+import { typography, semanticColors, colors } from '../../styles/global/global';
 
 export const TextAreaBox = styled.div`
   position: relative;
@@ -13,7 +13,7 @@ export const TextArea = styled.textarea`
   border: none;
   outline: none;
   color: ${semanticColors.text.primary};
-  font-size: ${typography.fontSize.base};
+  font-size: ${typography.fontSize.sm};
   width: 100%;
   resize: none;
   font-family: ${typography.fontFamily.primary};
@@ -22,7 +22,7 @@ export const TextArea = styled.textarea`
   margin: 0;
 
   &::placeholder {
-    color: ${semanticColors.text.primary};
+    color: ${colors.grey[300]};
     font-size: ${typography.fontSize.sm};
   }
 `;
diff --git a/src/components/creategroup/RoomInfoSection.tsx b/src/components/creategroup/RoomInfoSection.tsx
index b4ecdc29..e3b5f48c 100644
--- a/src/components/creategroup/RoomInfoSection.tsx
+++ b/src/components/creategroup/RoomInfoSection.tsx
@@ -20,7 +20,7 @@ const RoomInfoSection = ({
         <SectionTitle>방 제목</SectionTitle>
         <TextAreaBox>
           <TextArea
-            placeholder="방 제목을 입력합니다."
+            placeholder="방 제목을 입력해주세요."
             value={roomTitle}
             onChange={e => onRoomTitleChange(e.target.value)}
             maxLength={15}
@@ -36,7 +36,7 @@ const RoomInfoSection = ({
         <SectionTitle>한 줄 소개</SectionTitle>
         <TextAreaBox>
           <TextArea
-            placeholder="방에 대한 소개 입력입니다."
+            placeholder="방에 대한 짧은 소개글을 작성해주세요."
             value={roomDescription}
             onChange={e => onRoomDescriptionChange(e.target.value)}
             maxLength={75}

From 0baa26fff7d016c05086386ab78db6f2deab33ff Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 16:21:45 +0900
Subject: [PATCH 17/39] =?UTF-8?q?fix:=20=EC=98=A4=EB=8A=98=EC=9D=98=20?=
 =?UTF-8?q?=ED=95=9C=EB=A7=88=EB=94=94=20=EC=9E=90=EC=A0=95=20=EA=B8=B0?=
 =?UTF-8?q?=EC=A4=80=EC=9C=BC=EB=A1=9C=20=EC=9E=91=EC=84=B1=20=EC=B9=B4?=
 =?UTF-8?q?=EC=9A=B4=ED=8A=B8=20=EB=A6=AC=EC=85=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/today-words/TodayWords.tsx | 32 ++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/pages/today-words/TodayWords.tsx b/src/pages/today-words/TodayWords.tsx
index f80932d7..78edb875 100644
--- a/src/pages/today-words/TodayWords.tsx
+++ b/src/pages/today-words/TodayWords.tsx
@@ -30,18 +30,32 @@ const TodayWords = () => {
   // 하루 5개 제한 관련
   const DAILY_LIMIT = 5;
   
+  // 오늘 날짜를 여러 포맷으로 생성하는 함수
+  const getTodayDateStrings = useCallback(() => {
+    const today = new Date();
+    const year = today.getFullYear();
+    const month = String(today.getMonth() + 1).padStart(2, '0');
+    const day = String(today.getDate()).padStart(2, '0');
+    
+    return [
+      `${year}.${month}.${day}`,        // 2024.01.15
+      `${year}년 ${month}월 ${day}일`,   // 2024년 01월 15일
+      `${year}-${month}-${day}`,        // 2024-01-15
+      `${month}/${day}/${year}`,        // 01/15/2024
+    ];
+  }, []);
+
   // 오늘 작성한 내 메시지 개수 계산
   const getTodayMyMessageCount = useCallback(() => {
-    const today = new Date().toLocaleDateString('ko-KR', {
-      year: 'numeric',
-      month: '2-digit',
-      day: '2-digit',
-    }).replace(/\. /g, '.').replace(/\.$/, '');
+    const todayFormats = getTodayDateStrings();
     
-    return messages.filter(message => 
-      message.isWriter === true && message.timestamp === today
-    ).length;
-  }, [messages]);
+    return messages.filter(message => {
+      if (!message.isWriter) return false;
+      
+      // 여러 날짜 포맷과 비교
+      return todayFormats.includes(message.timestamp);
+    }).length;
+  }, [messages, getTodayDateStrings]);
 
   const todayMyMessageCount = getTodayMyMessageCount();
 

From 60f9b5efcfddbaaedba7f6cf7c1a629f1fa8b727 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 16:33:59 +0900
Subject: [PATCH 18/39] =?UTF-8?q?fix:=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EB=A1=9C=EB=94=A9=20=EC=8B=9C=20=EA=B0=80=EC=9E=A5=20=ED=95=98?=
 =?UTF-8?q?=EB=8B=A8=20=EB=A9=94=EC=8B=9C=EC=A7=80=EA=B0=80=20=EB=B3=B4?=
 =?UTF-8?q?=EC=9D=B4=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/today-words/TodayWords.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/pages/today-words/TodayWords.tsx b/src/pages/today-words/TodayWords.tsx
index 78edb875..8da724aa 100644
--- a/src/pages/today-words/TodayWords.tsx
+++ b/src/pages/today-words/TodayWords.tsx
@@ -66,8 +66,7 @@ const TodayWords = () => {
 
   // API 데이터를 Message 타입으로 변환하는 함수
   const convertToMessage = (item: TodayCommentItem): Message => {
-    // 네트워크 응답에서 postDate가 "1일 전" 형태의 문자열로 오는 것으로 보임
-    // 따라서 postDate를 그대로 timeAgo로 사용
+    // 서버에서 받아오는 postDate를 그대로 사용 (이미 날짜 기반으로 계산된 값)
     const timeAgo = item.postDate || '방금 전';
     
     // createdAt은 현재 시간으로 설정 (정확한 시간이 필요하다면 다른 API 필드 사용)
@@ -113,6 +112,13 @@ const TodayWords = () => {
         setNextCursor(response.data.nextCursor);
         setIsLast(response.data.isLast);
         setHasInitiallyLoaded(true);
+        
+        // 초기 로딩 시 스크롤을 맨 아래로 이동
+        if (isRefresh) {
+          setTimeout(() => {
+            window.scrollTo({ top: document.body.scrollHeight, behavior: 'auto' });
+          }, 100);
+        }
       } else {
         openSnackbar({
           message: response.message || '오늘의 한마디 목록을 불러오는데 실패했습니다.',
@@ -153,21 +159,21 @@ const TodayWords = () => {
       setIsLoading(false);
       setIsLoadingMore(false);
     }
-  }, [roomId]);
+  }, [roomId, convertToMessage, openSnackbar]);
 
   // 더 많은 메시지 로드
   const loadMoreMessages = useCallback(() => {
     if (!isLoadingMore && !isLast && nextCursor && roomId) {
       loadMessages(nextCursor);
     }
-  }, [isLoadingMore, isLast, nextCursor, roomId]);
+  }, [isLoadingMore, isLast, nextCursor, roomId, loadMessages]);
 
   // 컴포넌트 마운트 시 초기 데이터 로드
   useEffect(() => {
     if (roomId && !hasInitiallyLoaded) {
       loadMessages(undefined, true);
     }
-  }, [roomId, hasInitiallyLoaded]);
+  }, [roomId, hasInitiallyLoaded, loadMessages]);
 
   // 무한 스크롤 처리
   useEffect(() => {

From b055dc39506c08e44fdddc2853c6c7e6bdc6eeb4 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 16:43:46 +0900
Subject: [PATCH 19/39] =?UTF-8?q?fix:=20=EC=B2=AB=20=EB=B2=88=EC=A7=B8=20?=
 =?UTF-8?q?=ED=95=9C=EB=A7=88=EB=94=94=20=EC=9E=91=EC=84=B1=20=EC=8B=9C?=
 =?UTF-8?q?=EC=97=90=EB=A7=8C=20=EC=84=B1=EA=B3=B5=20=EB=A9=94=EC=8B=9C?=
 =?UTF-8?q?=EC=A7=80=20=EB=9C=A8=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/today-words/TodayWords.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/today-words/TodayWords.tsx b/src/pages/today-words/TodayWords.tsx
index 8da724aa..b60ff53c 100644
--- a/src/pages/today-words/TodayWords.tsx
+++ b/src/pages/today-words/TodayWords.tsx
@@ -229,14 +229,15 @@ const TodayWords = () => {
         setIsLast(false);
         setHasInitiallyLoaded(false);
 
-        // 5개 도달 시 흰색 토스트, 아니면 일반 성공 메시지
+        // 첫 번째 한마디 작성 시만 성공 메시지, 5개 도달 시 제한 메시지
         if (todayMyMessageCount + 1 >= DAILY_LIMIT) {
           openSnackbar({
             message: '오늘의 한마디는 하루에 다섯번까지 작성할 수 있어요',
             variant: 'top',
             onClose: () => {},
           });
-        } else {
+        } else if (todayMyMessageCount === 0) {
+          // 첫 번째 한마디 작성 시만 토스트 메시지 표시
           openSnackbar({
             message: '오늘의 한마디가 작성되었습니다.',
             variant: 'top',

From a5bbdf8169296c5abbc6bc078cc1225ced597e9d Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 16:51:16 +0900
Subject: [PATCH 20/39] =?UTF-8?q?fix:=20isError=20prop=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=20=ED=9B=84=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Modal/Snackbar.tsx | 7 ++++---
 src/pages/today-words/TodayWords.tsx     | 2 ++
 src/stores/usePopupStore.ts              | 1 +
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/common/Modal/Snackbar.tsx b/src/components/common/Modal/Snackbar.tsx
index 452b3190..f2060a7b 100644
--- a/src/components/common/Modal/Snackbar.tsx
+++ b/src/components/common/Modal/Snackbar.tsx
@@ -3,7 +3,7 @@ import { colors, typography } from '@/styles/global/global';
 import type { SnackbarProps } from '@/stores/usePopupStore';
 import { useEffect, useState } from 'react';
 
-const Snackbar = ({ message, actionText, variant, onActionClick, onClose }: SnackbarProps) => {
+const Snackbar = ({ message, actionText, variant, isError, onActionClick, onClose }: SnackbarProps) => {
   const [visible, setVisible] = useState(false);
 
   useEffect(() => {
@@ -20,7 +20,7 @@ const Snackbar = ({ message, actionText, variant, onActionClick, onClose }: Snac
 
   return (
     <Container variant={variant} visible={visible}>
-      <Discription>{message}</Discription>
+      <Discription isError={isError}>{message}</Discription>
       {variant === 'bottom' && actionText && <Button onClick={onActionClick}>{actionText}</Button>}
     </Container>
   );
@@ -55,9 +55,10 @@ const Container = styled.div<{ variant: 'top' | 'bottom'; visible: boolean }>`
   z-index: 1100;
 `;
 
-const Discription = styled.div`
+const Discription = styled.div<{ isError?: boolean }>`
   font-size: ${typography.fontSize.xs};
   font-weight: ${typography.fontWeight.medium};
+  color: ${({ isError }) => isError ? colors.red : colors.white};
 `;
 
 const Button = styled.div`
diff --git a/src/pages/today-words/TodayWords.tsx b/src/pages/today-words/TodayWords.tsx
index b60ff53c..193cff0a 100644
--- a/src/pages/today-words/TodayWords.tsx
+++ b/src/pages/today-words/TodayWords.tsx
@@ -208,6 +208,7 @@ const TodayWords = () => {
       openSnackbar({
         message: '오늘의 한마디는 하루에 다섯번까지 작성할 수 있어요',
         variant: 'top',
+        isError: true,
         onClose: () => {},
       });
       return;
@@ -234,6 +235,7 @@ const TodayWords = () => {
           openSnackbar({
             message: '오늘의 한마디는 하루에 다섯번까지 작성할 수 있어요',
             variant: 'top',
+            isError: true,
             onClose: () => {},
           });
         } else if (todayMyMessageCount === 0) {
diff --git a/src/stores/usePopupStore.ts b/src/stores/usePopupStore.ts
index c545818f..b166d414 100644
--- a/src/stores/usePopupStore.ts
+++ b/src/stores/usePopupStore.ts
@@ -25,6 +25,7 @@ export interface SnackbarProps {
   message: string;
   actionText?: string;
   variant: 'top' | 'bottom';
+  isError?: boolean;
   onActionClick?: () => void;
   onClose: () => void;
 }

From 04a0ec1897382870ff82078a13478d666ac26d85 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 16:55:57 +0900
Subject: [PATCH 21/39] =?UTF-8?q?fix:=20=EC=B1=85=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=EC=97=90=20=EC=A0=80=EC=9E=90+'=EC=A0=80'=20?=
 =?UTF-8?q?=ED=98=95=ED=83=9C=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/group/GroupBookSection.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/group/GroupBookSection.tsx b/src/components/group/GroupBookSection.tsx
index f3b9ce1e..174c83d8 100644
--- a/src/components/group/GroupBookSection.tsx
+++ b/src/components/group/GroupBookSection.tsx
@@ -18,7 +18,7 @@ const GroupBookSection = ({ title, author, onClick }: GroupBookSectionProps) =>
     <StyledGroupBookSection onClick={onClick}>
       <BookTitle>{title}</BookTitle>
       <RightSection>
-        <BookAuthor>{author}</BookAuthor>
+        <BookAuthor>{author} 저</BookAuthor>
         <ChevronIcon src={rightChevron} alt="책 이동 버튼" />
       </RightSection>
     </StyledGroupBookSection>

From 2986f6d5e4bba5411ad7f5141f5f61914f0cb093 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 16:59:27 +0900
Subject: [PATCH 22/39] =?UTF-8?q?fix:=20=EC=B1=85=20=EC=83=81=EC=84=B8?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=9D=BC?=
 =?UTF-8?q?=EC=9A=B0=ED=8C=85=20=EA=B2=BD=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/groupDetail/ParticipatedGroupDetail.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/groupDetail/ParticipatedGroupDetail.tsx b/src/pages/groupDetail/ParticipatedGroupDetail.tsx
index cc597407..150aa91d 100644
--- a/src/pages/groupDetail/ParticipatedGroupDetail.tsx
+++ b/src/pages/groupDetail/ParticipatedGroupDetail.tsx
@@ -141,7 +141,7 @@ const ParticipatedGroupDetail = () => {
 
   const handleBookSectionClick = () => {
     if (roomData?.data.isbn) {
-      navigate(`/book/${roomData.data.isbn}`);
+      navigate(`/search/book/${roomData.data.isbn}`);
     }
   };
 

From 7dd01a14827b830e41876a4580159b5b7683db45 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 17:26:18 +0900
Subject: [PATCH 23/39] =?UTF-8?q?fix:=20=EC=9E=A5=EB=A5=B4=20=ED=83=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=98=20=EC=83=89=EC=83=81=EC=9D=84=20=EC=9E=A5?=
 =?UTF-8?q?=EB=A5=B4=EC=97=90=20=EB=A7=9E=EA=B2=8C=20=EB=A7=A4=ED=95=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/groupDetail/GroupDetail.styled.ts   | 21 +++++++++++++++++--
 .../groupDetail/ParticipatedGroupDetail.tsx   |  2 +-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/pages/groupDetail/GroupDetail.styled.ts b/src/pages/groupDetail/GroupDetail.styled.ts
index fcfe1db1..2853b5da 100644
--- a/src/pages/groupDetail/GroupDetail.styled.ts
+++ b/src/pages/groupDetail/GroupDetail.styled.ts
@@ -135,8 +135,25 @@ export const Tag = styled.div`
   }
 `;
 
-export const TagGenre = styled.span`
-  color: ${colors.character.orange};
+const getGenreColor = (genre?: string): string => {
+  switch (genre) {
+    case '문학':
+      return colors.character.mint;
+    case '과학·IT':
+      return colors.character.lavender;
+    case '예술':
+      return colors.character.pink;
+    case '사회과학':
+      return colors.character.orange;
+    case '인문학':
+      return colors.character.skyblue;
+    default:
+      return colors.character.orange;
+  }
+};
+
+export const TagGenre = styled.span<{ genre?: string }>`
+  color: ${({ genre }) => getGenreColor(genre)};
 `;
 
 export const BookSection = styled.section`
diff --git a/src/pages/groupDetail/ParticipatedGroupDetail.tsx b/src/pages/groupDetail/ParticipatedGroupDetail.tsx
index 150aa91d..3dab152b 100644
--- a/src/pages/groupDetail/ParticipatedGroupDetail.tsx
+++ b/src/pages/groupDetail/ParticipatedGroupDetail.tsx
@@ -234,7 +234,7 @@ const ParticipatedGroupDetail = () => {
           </MetaInfo>
           <TagRow>
             <Tag>
-              장르 <TagGenre>{data.category}</TagGenre>
+              장르 <TagGenre genre={data.category}>{data.category}</TagGenre>
             </Tag>
           </TagRow>
         </BannerSection>

From 8180ee880d875de7ac8fd17ea41caf0b987f6411 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 17:32:10 +0900
Subject: [PATCH 24/39] =?UTF-8?q?fix:=20=EC=A2=8C=EC=9A=B0=2020px=20?=
 =?UTF-8?q?=ED=8C=A8=EB=94=A9=20=EC=9C=A0=EC=A7=80=EB=A1=9C=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/components/group/CommentSection.styled.ts   | 2 +-
 src/components/group/GroupBookSection.styled.ts | 4 ++--
 src/components/group/HotTopicSection.styled.ts  | 2 +-
 src/components/group/RecordSection.styled.ts    | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/group/CommentSection.styled.ts b/src/components/group/CommentSection.styled.ts
index 8cf2f2b7..a1e036ed 100644
--- a/src/components/group/CommentSection.styled.ts
+++ b/src/components/group/CommentSection.styled.ts
@@ -4,7 +4,7 @@ import { colors, typography } from '@/styles/global/global';
 export const CommentSection = styled.section`
   display: flex;
   flex-direction: column;
-  width: 90%;
+  width: calc(100% - 40px);
   gap: 12px;
   background: ${colors.darkgrey.dark};
   margin: 20px 20px 0 20px;
diff --git a/src/components/group/GroupBookSection.styled.ts b/src/components/group/GroupBookSection.styled.ts
index 9663dd57..0012b6e5 100644
--- a/src/components/group/GroupBookSection.styled.ts
+++ b/src/components/group/GroupBookSection.styled.ts
@@ -5,9 +5,9 @@ export const GroupBookSection = styled.section`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  width: 90%;
+  width: calc(100% - 40px);
   background: ${colors.darkgrey.dark};
-  margin: 0 20px 0 20px;
+  margin: 0 20px;
   padding: 10px 12px;
   border-radius: 12px;
   cursor: pointer;
diff --git a/src/components/group/HotTopicSection.styled.ts b/src/components/group/HotTopicSection.styled.ts
index 1c0c553e..a3626893 100644
--- a/src/components/group/HotTopicSection.styled.ts
+++ b/src/components/group/HotTopicSection.styled.ts
@@ -4,7 +4,7 @@ import { colors, typography } from '@/styles/global/global';
 export const HotTopicSection = styled.section`
   display: flex;
   flex-direction: column;
-  width: 90%;
+  width: calc(100% - 40px);
   gap: 12px;
   background: ${colors.darkgrey.dark};
   margin: 20px 20px 80px 20px;
diff --git a/src/components/group/RecordSection.styled.ts b/src/components/group/RecordSection.styled.ts
index 34054029..3ff17e12 100644
--- a/src/components/group/RecordSection.styled.ts
+++ b/src/components/group/RecordSection.styled.ts
@@ -4,7 +4,7 @@ import { colors, semanticColors, typography } from '@/styles/global/global';
 export const RecordSection = styled.section`
   display: flex;
   flex-direction: column;
-  width: 90%;
+  width: calc(100% - 40px);
   gap: 12px;
   background: ${colors.darkgrey.dark};
   margin: 20px 20px 0 20px;

From 52d4ae5b2a2da1e5d8bb042aa5ff7e7ae0fde778 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 17:46:00 +0900
Subject: [PATCH 25/39] =?UTF-8?q?fix:=20=EA=B8=B0=EB=A1=9D=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20=EB=B2=84=ED=8A=BC=20=EB=84=A4=EB=B9=84=EA=B2=8C?=
 =?UTF-8?q?=EC=9D=B4=EC=85=98=20=EC=BD=94=EB=93=9C=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Modal/MoreMenu.tsx        | 15 +--------------
 src/components/memory/RecordItem/RecordItem.tsx | 11 +++--------
 2 files changed, 4 insertions(+), 22 deletions(-)

diff --git a/src/components/common/Modal/MoreMenu.tsx b/src/components/common/Modal/MoreMenu.tsx
index cbed4034..a5da92e3 100644
--- a/src/components/common/Modal/MoreMenu.tsx
+++ b/src/components/common/Modal/MoreMenu.tsx
@@ -2,15 +2,7 @@ import styled from '@emotion/styled';
 import { colors, typography } from '@/styles/global/global';
 import type { MoreMenuProps } from '@/stores/usePopupStore';
 
-const MoreMenu = ({
-  onEdit,
-  onDelete,
-  onClose,
-  onReport,
-  onPin,
-  isWriter,
-  type,
-}: MoreMenuProps) => {
+const MoreMenu = ({ onEdit, onDelete, onClose, onReport, isWriter, type }: MoreMenuProps) => {
   return (
     <Overlay onClick={() => onClose?.()}>
       {type === 'post' ? (
@@ -25,11 +17,6 @@ const MoreMenu = ({
                 <Button variant="delete" onClick={onDelete}>
                   삭제하기
                 </Button>
-                {onPin && (
-                  <Button variant="pin" onClick={onPin}>
-                    피드에 핀하기
-                  </Button>
-                )}
               </RecordContainer>
             </>
           ) : (
diff --git a/src/components/memory/RecordItem/RecordItem.tsx b/src/components/memory/RecordItem/RecordItem.tsx
index 4d4d2c14..9dca108a 100644
--- a/src/components/memory/RecordItem/RecordItem.tsx
+++ b/src/components/memory/RecordItem/RecordItem.tsx
@@ -129,14 +129,9 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
   };
 
   const handleEdit = useCallback(() => {
-    const currentRoomId = roomId || '1';
-
-    if (type === 'poll') {
-      navigate(`/memory/poll/edit/${currentRoomId}/${record.id}`);
-    } else {
-      navigate(`/memory/record/edit/${currentRoomId}/${record.id}`);
-    }
-  }, [roomId, type, record.id, navigate]);
+    // API 개발 전까지 수정 기능 비활성화
+    console.log('수정 기능은 개발 중입니다.');
+  }, []);
 
   const handleDelete = useCallback(async () => {
     const currentRoomId = roomId || '1';

From 83f65244a4c9969f7320faae9799552bc9c67c15 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 18:56:48 +0900
Subject: [PATCH 26/39] =?UTF-8?q?fix:=20=EB=82=B4=20=EA=B8=B0=EB=A1=9D=20?=
 =?UTF-8?q?=EA=B8=B8=EA=B2=8C=20=EB=88=8C=EB=9F=AC=EC=84=9C=20=EB=8D=94?=
 =?UTF-8?q?=EB=B3=B4=EA=B8=B0=20=EB=A9=94=EB=89=B4=20=ED=91=9C=EC=8B=9C?=
 =?UTF-8?q?=ED=95=98=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../memory/RecordItem/RecordItem.tsx          | 37 +++++++++----------
 1 file changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/components/memory/RecordItem/RecordItem.tsx b/src/components/memory/RecordItem/RecordItem.tsx
index 9dca108a..59d855c5 100644
--- a/src/components/memory/RecordItem/RecordItem.tsx
+++ b/src/components/memory/RecordItem/RecordItem.tsx
@@ -261,8 +261,6 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
   // 길게 누르기 이벤트 핸들러
   const handleTouchStart = useCallback(
     (e: React.TouchEvent) => {
-      if (isMyRecord) return;
-
       setIsPressed(true);
       hasTriggeredLongPress.current = false;
       pressStartPos.current = {
@@ -274,13 +272,24 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
         hasTriggeredLongPress.current = true;
         setIsPressed(false);
 
-        openMoreMenu({
-          onReport: handleReport,
-          onClose: closePopup,
-        });
+        if (isMyRecord) {
+          openMoreMenu({
+            onEdit: handleEdit,
+            onDelete: handleDeleteConfirm,
+            onPin: handlePinConfirm,
+            onClose: closePopup,
+            type: 'post',
+            isWriter: true,
+          });
+        } else {
+          openMoreMenu({
+            onReport: handleReport,
+            onClose: closePopup,
+          });
+        }
       }, 800);
     },
-    [isMyRecord, openMoreMenu, handleReport, closePopup],
+    [isMyRecord, openMoreMenu, handleReport, handleEdit, handleDeleteConfirm, handlePinConfirm, closePopup],
   );
 
   const handleTouchMove = useCallback((e: React.TouchEvent) => {
@@ -311,18 +320,8 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
       hasTriggeredLongPress.current = false;
       return;
     }
-
-    if (isMyRecord) {
-      openMoreMenu({
-        onEdit: handleEdit,
-        onDelete: handleDeleteConfirm,
-        onPin: handlePinConfirm,
-        onClose: closePopup,
-        type: 'post', // 중요: post 타입으로 설정해야 핀하기 버튼이 표시됨
-        isWriter: true, // 내 기록임을 명시
-      });
-    }
-  }, [isMyRecord, openMoreMenu, handleEdit, handleDeleteConfirm, handlePinConfirm, closePopup]);
+    // 모든 기록(내 기록 포함)은 이제 길게 누르기로만 더보기 메뉴 표시
+  }, []);
 
   return (
     <Container

From a7235382190f7b75a5367d5bd9cc437dd25fd41c Mon Sep 17 00:00:00 2001
From: heeyongKim <166043860+heeeeyong@users.noreply.github.com>
Date: Wed, 20 Aug 2025 19:00:24 +0900
Subject: [PATCH 27/39] =?UTF-8?q?fix:=20=EB=82=B4=20=EB=AA=A8=EC=9E=84?=
 =?UTF-8?q?=EB=B0=A9=20=EB=AA=A8=EB=8B=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/group/Modal.styles.ts | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/group/Modal.styles.ts b/src/components/group/Modal.styles.ts
index 0d1665bd..84ce7760 100644
--- a/src/components/group/Modal.styles.ts
+++ b/src/components/group/Modal.styles.ts
@@ -4,11 +4,14 @@ import styled from '@emotion/styled';
 export const Overlay = styled.div<{ $whiteBg?: boolean }>`
   display: flex;
   justify-content: center;
-  align-items: flex-start;
+  align-items: center;
   position: fixed;
   top: 0;
-  left: 0;
-  width: 100vw;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 100%;
+  max-width: 767px;
+  min-width: 320px;
   height: 100vh;
   background: ${({ $whiteBg }) => ($whiteBg ? 'white' : colors.black.main)};
   z-index: 110;

From 778b713c5781a2f4a82113eb95edcd8678b628da Mon Sep 17 00:00:00 2001
From: heeyongKim <166043860+heeeeyong@users.noreply.github.com>
Date: Wed, 20 Aug 2025 19:03:12 +0900
Subject: [PATCH 28/39] =?UTF-8?q?fix:=20=EB=A1=9C=EB=94=A9=EC=8A=A4?=
 =?UTF-8?q?=ED=94=BC=EB=84=88=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/LoadingSpinner.tsx | 4 ++++
 src/pages/searchBook/SearchBook.tsx      | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/common/LoadingSpinner.tsx b/src/components/common/LoadingSpinner.tsx
index cc69312c..99b4bf6a 100644
--- a/src/components/common/LoadingSpinner.tsx
+++ b/src/components/common/LoadingSpinner.tsx
@@ -24,6 +24,10 @@ const LoadingSpinner = ({
 const Container = styled.div<{ fullHeight: boolean }>`
   display: flex;
   flex-direction: column;
+  width: 100%;
+  max-width: 767px;
+  min-width: 320px;
+  margin: 0 auto;
   justify-content: center;
   align-items: center;
   ${({ fullHeight }) =>
diff --git a/src/pages/searchBook/SearchBook.tsx b/src/pages/searchBook/SearchBook.tsx
index f6b8e42a..ff362416 100644
--- a/src/pages/searchBook/SearchBook.tsx
+++ b/src/pages/searchBook/SearchBook.tsx
@@ -238,7 +238,7 @@ const SearchBook = () => {
 
   if (isLoading || error || !bookDetail) {
     if (isLoading) {
-      return <LoadingSpinner fullHeight={true} />;
+      return <LoadingSpinner fullHeight={true} size="large" message="책 정보 불러오는 중..." />;
     }
     return (
       <Wrapper>

From e610e8e723e59a5cf961f2ff26d31e8661cb195a Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 19:10:48 +0900
Subject: [PATCH 29/39] =?UTF-8?q?fix:=20=EB=B8=94=EB=9D=BC=EC=9D=B8?=
 =?UTF-8?q?=EB=93=9C=20=EC=B2=98=EB=A6=AC=20=EB=90=9C=20=EA=B8=B0=EB=A1=9D?=
 =?UTF-8?q?=EC=97=90=20=EC=83=81=ED=9A=A8=EC=9E=91=EC=9A=A9=20=EB=B6=88?=
 =?UTF-8?q?=EA=B0=80=EB=8A=A5=ED=95=98=EB=8F=84=EB=A1=9D=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

---
 .../memory/MemoryContent/RecordList.tsx       | 19 ++++++----
 .../memory/RecordItem/PollRecord.tsx          | 12 ++++---
 .../memory/RecordItem/RecordItem.tsx          | 35 ++++++++++++++-----
 3 files changed, 45 insertions(+), 21 deletions(-)

diff --git a/src/components/memory/MemoryContent/RecordList.tsx b/src/components/memory/MemoryContent/RecordList.tsx
index 4f1beb1b..41ad9e6b 100644
--- a/src/components/memory/MemoryContent/RecordList.tsx
+++ b/src/components/memory/MemoryContent/RecordList.tsx
@@ -10,13 +10,18 @@ interface RecordListProps {
 const RecordList = ({ records, readingProgress }: RecordListProps) => {
   return (
     <RecordListContainer>
-      {records.map(record => (
-        <RecordItem
-          key={record.id}
-          record={record}
-          shouldBlur={record.recordType === 'overall' && readingProgress < 80}
-        />
-      ))}
+      {records.map(record => {
+        // 기록의 페이지 범위와 현재 읽기 진행도를 비교하여 블라인드 처리 여부 결정
+        const shouldBlur = record.pageRange ? parseInt(record.pageRange) > readingProgress : false;
+        
+        return (
+          <RecordItem
+            key={record.id}
+            record={record}
+            shouldBlur={shouldBlur}
+          />
+        );
+      })}
     </RecordListContainer>
   );
 };
diff --git a/src/components/memory/RecordItem/PollRecord.tsx b/src/components/memory/RecordItem/PollRecord.tsx
index 14fb76d0..a21bc333 100644
--- a/src/components/memory/RecordItem/PollRecord.tsx
+++ b/src/components/memory/RecordItem/PollRecord.tsx
@@ -20,10 +20,11 @@ interface PollRecordProps {
   content: string;
   pollOptions: PollOption[];
   postId: number; // 투표 API 호출에 필요한 postId
+  shouldBlur?: boolean; // 블라인드 처리 여부
   onVoteUpdate?: (updatedOptions: PollOption[]) => void; // 투표 결과 업데이트 콜백
 }
 
-const PollRecord = ({ content, pollOptions, postId, onVoteUpdate }: PollRecordProps) => {
+const PollRecord = ({ content, pollOptions, postId, shouldBlur = false, onVoteUpdate }: PollRecordProps) => {
   const [animate, setAnimate] = useState(false);
   const [currentOptions, setCurrentOptions] = useState(pollOptions);
   const [isVoting, setIsVoting] = useState(false);
@@ -67,7 +68,7 @@ const PollRecord = ({ content, pollOptions, postId, onVoteUpdate }: PollRecordPr
 
   // 투표 옵션 클릭 핸들러
   const handleOptionClick = async (option: PollOption) => {
-    if (isVoting || !roomId) return;
+    if (isVoting || !roomId || shouldBlur) return;
 
     setIsVoting(true);
 
@@ -148,10 +149,11 @@ const PollRecord = ({ content, pollOptions, postId, onVoteUpdate }: PollRecordPr
           <PollOptionStyled 
             key={option.id} 
             isHighest={option.isHighest}
-            onClick={() => handleOptionClick(option)}
+            onClick={shouldBlur ? undefined : () => handleOptionClick(option)}
             style={{ 
-              cursor: isVoting ? 'not-allowed' : 'pointer',
-              opacity: isVoting ? 0.7 : 1
+              cursor: shouldBlur ? 'default' : (isVoting ? 'not-allowed' : 'pointer'),
+              opacity: shouldBlur ? 1 : (isVoting ? 0.7 : 1),
+              pointerEvents: shouldBlur ? 'none' : 'auto'
             }}
           >
             <PollBar>
diff --git a/src/components/memory/RecordItem/RecordItem.tsx b/src/components/memory/RecordItem/RecordItem.tsx
index 59d855c5..59c7c3ab 100644
--- a/src/components/memory/RecordItem/RecordItem.tsx
+++ b/src/components/memory/RecordItem/RecordItem.tsx
@@ -353,6 +353,7 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
             content={content} 
             pollOptions={pollOptions || []} 
             postId={parseInt(id)}
+            shouldBlur={shouldBlur}
             onVoteUpdate={(updatedOptions) => {
               // TODO: 부모 컴포넌트로 투표 결과 업데이트 전달
               console.log('투표 결과 업데이트:', updatedOptions);
@@ -362,29 +363,45 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
       </ContentSection>
 
       <ActionSection>
-        <ActionButton onClick={(e) => {
-          e.stopPropagation();
-          handleLikeClick();
-        }}>
+        <ActionButton 
+          onClick={shouldBlur ? undefined : (e) => {
+            e.stopPropagation();
+            handleLikeClick();
+          }}
+          style={{
+            cursor: shouldBlur ? 'default' : 'pointer',
+            pointerEvents: shouldBlur ? 'none' : 'auto'
+          }}
+        >
           <img
             src={isLiked ? heartFilledIcon : heartIcon}
             alt={isLiked ? '좋아요 취소' : '좋아요'}
           />
           <span>{currentLikeCount}</span>
         </ActionButton>
-        <ActionButton onClick={(e) => {
-          e.stopPropagation();
-          handleCommentClick();
-        }}>
+        <ActionButton 
+          onClick={shouldBlur ? undefined : (e) => {
+            e.stopPropagation();
+            handleCommentClick();
+          }}
+          style={{
+            cursor: shouldBlur ? 'default' : 'pointer',
+            pointerEvents: shouldBlur ? 'none' : 'auto'
+          }}
+        >
           <img src={commentIcon} alt="댓글" />
           <span>{commentCount}</span>
         </ActionButton>
         {isMyRecord && (
           <ActionButton 
-            onClick={(e) => {
+            onClick={shouldBlur ? undefined : (e) => {
               e.stopPropagation(); // 이벤트 버블링 방지
               handlePinConfirm();
             }}
+            style={{
+              cursor: shouldBlur ? 'default' : 'pointer',
+              pointerEvents: shouldBlur ? 'none' : 'auto'
+            }}
           >
             <img src={pinIcon} alt="피드에 핀하기" />
           </ActionButton>

From fdc64e5fbe70f758a31ba583bf5d0a273b45f9d1 Mon Sep 17 00:00:00 2001
From: heeyongKim <166043860+heeeeyong@users.noreply.github.com>
Date: Wed, 20 Aug 2025 19:13:12 +0900
Subject: [PATCH 30/39] =?UTF-8?q?fix:=20isMyself=20=EB=B3=80=EC=88=98=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

---
 src/components/feed/UserProfileItem.tsx | 9 +++++++--
 src/pages/feed/FollowerListPage.tsx     | 1 +
 src/types/follow.ts                     | 1 +
 src/types/user.ts                       | 1 +
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/feed/UserProfileItem.tsx b/src/components/feed/UserProfileItem.tsx
index bc8694ba..50641d80 100644
--- a/src/components/feed/UserProfileItem.tsx
+++ b/src/components/feed/UserProfileItem.tsx
@@ -17,13 +17,18 @@ const UserProfileItem = ({
   userId,
   isLast,
   type,
+  isMyself,
 }: UserProfileItemProps) => {
   const navigate = useNavigate();
   const [followed, setFollowed] = useState(isFollowing);
   const { openPopup } = usePopupStore();
 
   const handleProfileClick = () => {
-    navigate(`/otherfeed/${userId}`);
+    if (isMyself) {
+      navigate(`/myfeed/${userId}`);
+    } else {
+      navigate(`/otherfeed/${userId}`);
+    }
   };
 
   const toggleFollow = async (e: React.MouseEvent) => {
@@ -62,7 +67,7 @@ const UserProfileItem = ({
             </div>
           </div>
         </div>
-        {type === 'followlist' && (
+        {type === 'followlist' && !isMyself && (
           <div className="followbutton" onClick={toggleFollow}>
             {followed ? '띱 취소' : '띱 하기'}
           </div>
diff --git a/src/pages/feed/FollowerListPage.tsx b/src/pages/feed/FollowerListPage.tsx
index 69931a95..6d54b7e8 100644
--- a/src/pages/feed/FollowerListPage.tsx
+++ b/src/pages/feed/FollowerListPage.tsx
@@ -135,6 +135,7 @@ const FollowerListPage = () => {
             type={type as UserProfileType}
             isFollowing={user.isFollowing}
             isLast={index === userList.length - 1}
+            isMyself={user.isMyself}
           />
         ))}
       </UserProfileList>
diff --git a/src/types/follow.ts b/src/types/follow.ts
index c1183b99..3fd5f735 100644
--- a/src/types/follow.ts
+++ b/src/types/follow.ts
@@ -6,4 +6,5 @@ export interface FollowData {
   aliasColor?: string;
   followerCount?: number;
   isFollowing?: boolean;
+  isMyself?: boolean;
 }
diff --git a/src/types/user.ts b/src/types/user.ts
index 5a05c8b6..dd08b47f 100644
--- a/src/types/user.ts
+++ b/src/types/user.ts
@@ -10,4 +10,5 @@ export interface UserProfileItemProps {
   userId: number;
   isLast?: boolean;
   type?: UserProfileType;
+  isMyself?: boolean;
 }

From 5da1c7c360f91c329dde56a525642109c8449892 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 19:26:26 +0900
Subject: [PATCH 31/39] =?UTF-8?q?fix:=20=EB=B8=94=EB=9D=BC=EC=9D=B8?=
 =?UTF-8?q?=EB=93=9C=20=EC=B2=98=EB=A6=AC=20=EC=8B=9C=EC=8A=A4=ED=85=9C=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

---
 .../memory/MemoryContent/MemoryContent.tsx    |  3 +--
 .../memory/MemoryContent/RecordList.tsx       | 18 ++++-----------
 src/pages/memory/Memory.tsx                   | 23 +++++++++++++++----
 src/types/memory.ts                           |  3 +++
 4 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/src/components/memory/MemoryContent/MemoryContent.tsx b/src/components/memory/MemoryContent/MemoryContent.tsx
index dbbb3a20..f62eb506 100644
--- a/src/components/memory/MemoryContent/MemoryContent.tsx
+++ b/src/components/memory/MemoryContent/MemoryContent.tsx
@@ -17,7 +17,6 @@ interface MemoryContentProps {
   records: Record[];
   selectedPageRange: { start: number; end: number } | null;
   showUploadProgress: boolean;
-  currentUserPage: number;
   onTabChange: (tab: RecordType) => void;
   onFilterChange: (filter: FilterType) => void;
   onSortChange: (sort: SortType) => void;
@@ -74,7 +73,7 @@ const MemoryContent = ({
         {records.length === 0 && <EmptyRecord type={activeTab} />}
 
         {/* 기록 목록 */}
-        {records.length > 0 && <RecordList records={records} readingProgress={readingProgress} />}
+        {records.length > 0 && <RecordList records={records} />}
       </ScrollableSection>
     </Content>
   );
diff --git a/src/components/memory/MemoryContent/RecordList.tsx b/src/components/memory/MemoryContent/RecordList.tsx
index 41ad9e6b..e8f2b79e 100644
--- a/src/components/memory/MemoryContent/RecordList.tsx
+++ b/src/components/memory/MemoryContent/RecordList.tsx
@@ -4,24 +4,14 @@ import { RecordListContainer } from './RecordList.styled';
 
 interface RecordListProps {
   records: Record[];
-  readingProgress: number;
 }
 
-const RecordList = ({ records, readingProgress }: RecordListProps) => {
+const RecordList = ({ records }: RecordListProps) => {
   return (
     <RecordListContainer>
-      {records.map(record => {
-        // 기록의 페이지 범위와 현재 읽기 진행도를 비교하여 블라인드 처리 여부 결정
-        const shouldBlur = record.pageRange ? parseInt(record.pageRange) > readingProgress : false;
-        
-        return (
-          <RecordItem
-            key={record.id}
-            record={record}
-            shouldBlur={shouldBlur}
-          />
-        );
-      })}
+      {records.map(record => (
+        <RecordItem key={record.id} record={record} shouldBlur={record.isLocked} />
+      ))}
     </RecordListContainer>
   );
 };
diff --git a/src/pages/memory/Memory.tsx b/src/pages/memory/Memory.tsx
index 7e5ca27c..965d15f7 100644
--- a/src/pages/memory/Memory.tsx
+++ b/src/pages/memory/Memory.tsx
@@ -29,6 +29,7 @@ const convertPostToRecord = (post: Post): Record => {
     pageRange: post.isOverview ? undefined : post.page.toString(),
     isWriter: post.isWriter,
     isLiked: post.isLiked,
+    isLocked: post.isLocked, // 블러 처리 여부 추가
     pollOptions: post.voteItems.map((item, index) => ({
       id: item.voteItemId.toString(),
       text: item.itemName,
@@ -64,6 +65,10 @@ const Memory = () => {
   // 기록 데이터
   const [myRecords, setMyRecords] = useState<Record[]>([]);
   const [groupRecords, setGroupRecords] = useState<Record[]>([]);
+  
+  // API에서 받은 페이지 정보
+  const [totalPages, setTotalPages] = useState<number>(0);
+  const [currentUserPage, setCurrentUserPage] = useState<number>(0);
 
   // API 데이터 로드 함수
   const loadMemoryPosts = useCallback(async () => {
@@ -111,6 +116,14 @@ const Memory = () => {
         }
 
         setIsOverviewEnabled(response.data.isOverviewEnabled);
+        
+        // 페이지 정보 설정 (API에서 제공되면)
+        if (response.data.totalPages !== undefined) {
+          setTotalPages(response.data.totalPages);
+        }
+        if (response.data.currentUserPage !== undefined) {
+          setCurrentUserPage(response.data.currentUserPage);
+        }
       } else {
         setError(response.message);
       }
@@ -226,9 +239,12 @@ const Memory = () => {
     setShowUploadProgress(false);
   }, []);
 
-  // 독서 진행률 계산
-  const readingProgress = isOverviewEnabled ? 85 : 70;
-  const currentUserPage = 350; // 임시로 350으로 설정 (나중에 API에서 가져올 것)
+  // 독서 진행률 계산 (전체 페이지 대비 현재 페이지 퍼센트)
+  const readingProgress = totalPages > 0 ? Math.round((currentUserPage / totalPages) * 100) : 0;
+  
+  // 총평 활성화 상태를 읽기 진행률에 따라 표시용으로 활용
+  const overviewStatus = isOverviewEnabled ? '총평 활성화' : '총평 비활성화';
+  console.log('📊 현재 상태:', overviewStatus, `진행률: ${readingProgress}%`);
 
   // 에러 상태 렌더링
   if (error) {
@@ -263,7 +279,6 @@ const Memory = () => {
           records={filteredRecords}
           selectedPageRange={selectedPageRange}
           showUploadProgress={showUploadProgress}
-          currentUserPage={currentUserPage}
           onTabChange={handleTabChange}
           onFilterChange={handleFilterChange}
           onSortChange={handleSortChange}
diff --git a/src/types/memory.ts b/src/types/memory.ts
index 6b56bae2..d2797bc3 100644
--- a/src/types/memory.ts
+++ b/src/types/memory.ts
@@ -45,6 +45,8 @@ export interface MemoryPostsData {
   isbn: string;
   nextCursor: string | null;
   isLast: boolean;
+  totalPages?: number; // 전체 페이지 수
+  currentUserPage?: number; // 현재 사용자가 읽은 페이지
 }
 
 // API 응답 타입
@@ -70,6 +72,7 @@ export interface Record {
   pageRange?: string;
   isWriter: boolean;
   isLiked: boolean; // 좋아요 상태 추가
+  isLocked: boolean; // 블러 처리 여부 추가
   pollOptions?: PollOption[];
 }
 

From 137c4d01b4c4b52ae538b9fd0cb77badbbb21ecd Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 19:35:21 +0900
Subject: [PATCH 32/39] =?UTF-8?q?style:=20=EC=BB=A4=EC=84=9C=20=EC=83=89?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=EC=9E=85=EB=A0=A5=EB=B0=95?=
 =?UTF-8?q?=EC=8A=A4=20=ED=99=95=EC=9E=A5=ED=95=98=EB=8F=84=EB=A1=9D=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/components/memory/PageRangeModal.styled.ts        | 5 +++--
 src/components/memory/PageRangeModal.tsx              | 2 ++
 src/components/recordwrite/PageRangeSection.styled.ts | 7 ++++---
 src/components/recordwrite/PageRangeSection.tsx       | 1 +
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/memory/PageRangeModal.styled.ts b/src/components/memory/PageRangeModal.styled.ts
index e68ad823..918f7cdc 100644
--- a/src/components/memory/PageRangeModal.styled.ts
+++ b/src/components/memory/PageRangeModal.styled.ts
@@ -153,15 +153,16 @@ export const InputGroup = styled.div`
   padding: 12px 16px;
 `;
 
-export const PageInput = styled.input<{ active?: boolean }>`
+export const PageInput = styled.input<{ active?: boolean; inputLength?: number }>`
   background: none;
   border: none;
   outline: none;
   color: ${semanticColors.text.primary};
   font-size: ${typography.fontSize.base};
-  width: 40px;
+  width: ${props => props.inputLength ? `${Math.max(40, props.inputLength * 12 + 10)}px` : '40px'};
   text-align: center;
   caret-color: ${colors.neongreen};
+  transition: width 0.2s ease;
 
   ${({ active }) =>
     active &&
diff --git a/src/components/memory/PageRangeModal.tsx b/src/components/memory/PageRangeModal.tsx
index 38347d55..d95e10bb 100644
--- a/src/components/memory/PageRangeModal.tsx
+++ b/src/components/memory/PageRangeModal.tsx
@@ -98,6 +98,7 @@ const PageRangeModal = ({ onClose, onSelect }: PageRangeModalProps) => {
               readOnly
               onClick={() => handleInputFocus('start')}
               active={activeInput === 'start'}
+              inputLength={startPage.length || 1}
             />
             <Separator>~</Separator>
             <PageInput
@@ -106,6 +107,7 @@ const PageRangeModal = ({ onClose, onSelect }: PageRangeModalProps) => {
               readOnly
               onClick={() => handleInputFocus('end')}
               active={activeInput === 'end'}
+              inputLength={endPage.length || 1}
             />
             <PageLabel>p</PageLabel>
             <ResetButton onClick={handleReset}>
diff --git a/src/components/recordwrite/PageRangeSection.styled.ts b/src/components/recordwrite/PageRangeSection.styled.ts
index 0d292b11..8d48e085 100644
--- a/src/components/recordwrite/PageRangeSection.styled.ts
+++ b/src/components/recordwrite/PageRangeSection.styled.ts
@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { typography, semanticColors } from '../../styles/global/global';
+import { colors, typography, semanticColors } from '../../styles/global/global';
 
 export const Section = styled.div`
   display: flex;
@@ -41,7 +41,7 @@ export const InputWrapper = styled.div`
   font-family: ${typography.fontFamily.primary};
 `;
 
-export const PageInput = styled.input`
+export const PageInput = styled.input<{ inputLength?: number }>`
   background: none;
   border: none;
   outline: none;
@@ -49,9 +49,10 @@ export const PageInput = styled.input`
   font-size: ${typography.fontSize.sm};
   font-weight: ${typography.fontWeight.regular};
   font-family: ${typography.fontFamily.primary};
-  width: 30px;
+  width: ${props => (props.inputLength ? `${Math.max(30, props.inputLength * 8 + 10)}px` : '30px')};
   padding: 0;
   margin: 0;
+  caret-color: ${colors.white};
 
   &::placeholder {
     color: ${semanticColors.text.ghost};
diff --git a/src/components/recordwrite/PageRangeSection.tsx b/src/components/recordwrite/PageRangeSection.tsx
index 91082ea0..741bf4f4 100644
--- a/src/components/recordwrite/PageRangeSection.tsx
+++ b/src/components/recordwrite/PageRangeSection.tsx
@@ -88,6 +88,7 @@ const PageRangeSection = ({
                 value={pageRange}
                 onChange={handleInputChange}
                 inputMode="numeric"
+                inputLength={pageRange.length || lastRecordedPage.toString().length}
               />
               <PageSuffix>/{totalPages}p</PageSuffix>
             </InputWrapper>

From da75273fcc296bac3662bdefb524511cf63ef707 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 19:39:59 +0900
Subject: [PATCH 33/39] =?UTF-8?q?refactor:=20=EC=9E=85=EB=A0=A5=20?=
 =?UTF-8?q?=EA=B2=80=EC=A6=9D=20=EB=A1=9C=EC=A7=81=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RecordFilters/PageInputMode.styled.ts     |  7 +++--
 .../memory/RecordFilters/PageInputMode.tsx    |  4 +--
 .../memory/RecordFilters/RecordFilters.tsx    | 27 ++++++++++++-------
 .../recordwrite/PageRangeSection.styled.ts    | 11 ++++++++
 .../recordwrite/PageRangeSection.tsx          |  5 ++--
 5 files changed, 37 insertions(+), 17 deletions(-)

diff --git a/src/components/memory/RecordFilters/PageInputMode.styled.ts b/src/components/memory/RecordFilters/PageInputMode.styled.ts
index ffb08ffe..2d72b50b 100644
--- a/src/components/memory/RecordFilters/PageInputMode.styled.ts
+++ b/src/components/memory/RecordFilters/PageInputMode.styled.ts
@@ -38,16 +38,15 @@ export const PageInput = styled.input`
     color: ${semanticColors.text.tertiary};
   }
 
-  /* 숫자 입력 스피너 제거 */
+  /* 숫자 입력 스피너 제거 (inputMode="numeric" 사용으로 불필요하지만 안전장치) */
   &::-webkit-outer-spin-button,
   &::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
   }
 
-  &[type='number'] {
-    -moz-appearance: textfield;
-  }
+  /* Firefox에서 숫자 타입 기본 스타일 제거 */
+  -moz-appearance: textfield;
 `;
 
 export const Separator = styled.span`
diff --git a/src/components/memory/RecordFilters/PageInputMode.tsx b/src/components/memory/RecordFilters/PageInputMode.tsx
index 4d9cede1..58c45242 100644
--- a/src/components/memory/RecordFilters/PageInputMode.tsx
+++ b/src/components/memory/RecordFilters/PageInputMode.tsx
@@ -36,7 +36,7 @@ const PageInputMode = ({
           value={startPage}
           placeholder=""
           onChange={e => onInputChange('start', e.target.value)}
-          type="number"
+          inputMode="numeric"
           autoFocus
           style={{
             width: startPage.length > 0 ? `${Math.max(36, startPage.length * 12)}px` : '36px',
@@ -49,7 +49,7 @@ const PageInputMode = ({
           value={endPage}
           placeholder=""
           onChange={e => onInputChange('end', e.target.value)}
-          type="number"
+          inputMode="numeric"
           style={{
             width: endPage.length > 0 ? `${Math.max(36, endPage.length * 12)}px` : '36px',
           }}
diff --git a/src/components/memory/RecordFilters/RecordFilters.tsx b/src/components/memory/RecordFilters/RecordFilters.tsx
index 172dcf2f..a713c553 100644
--- a/src/components/memory/RecordFilters/RecordFilters.tsx
+++ b/src/components/memory/RecordFilters/RecordFilters.tsx
@@ -46,13 +46,13 @@ const RecordFilters = ({
   };
 
   const handleInputChange = (type: 'start' | 'end', value: string) => {
-    // 숫자만 입력 허용
-    const numericValue = value.replace(/[^0-9]/g, '');
-
-    if (type === 'start') {
-      setStartPage(numericValue);
-    } else {
-      setEndPage(numericValue);
+    // 숫자만 입력 허용 (빈 문자열 또는 숫자)
+    if (value === '' || /^\d+$/.test(value)) {
+      if (type === 'start') {
+        setStartPage(value);
+      } else {
+        setEndPage(value);
+      }
     }
   };
 
@@ -65,7 +65,8 @@ const RecordFilters = ({
     const start = parseInt(startPage);
     const end = parseInt(endPage);
 
-    if (start && end && start <= end) {
+    // NaN 체크 포함한 유효성 검사
+    if (!isNaN(start) && !isNaN(end) && start > 0 && end > 0 && start <= end) {
       // 페이지 범위를 상위 컴포넌트에 전달
       if (onPageRangeSet) {
         onPageRangeSet({ start, end });
@@ -99,7 +100,15 @@ const RecordFilters = ({
     setIsDropdownOpen(false);
   };
 
-  const isValid = Boolean(startPage && endPage && parseInt(startPage) <= parseInt(endPage));
+  const isValid = Boolean(
+    startPage && 
+    endPage && 
+    !isNaN(parseInt(startPage)) && 
+    !isNaN(parseInt(endPage)) && 
+    parseInt(startPage) > 0 && 
+    parseInt(endPage) > 0 && 
+    parseInt(startPage) <= parseInt(endPage)
+  );
   const hasAnyInput = startPage.length > 0 || endPage.length > 0;
   const isPageInputMode = showInputMode && activeFilter === 'page' && !selectedPageRange;
 
diff --git a/src/components/recordwrite/PageRangeSection.styled.ts b/src/components/recordwrite/PageRangeSection.styled.ts
index 8d48e085..48ed45b6 100644
--- a/src/components/recordwrite/PageRangeSection.styled.ts
+++ b/src/components/recordwrite/PageRangeSection.styled.ts
@@ -53,10 +53,21 @@ export const PageInput = styled.input<{ inputLength?: number }>`
   padding: 0;
   margin: 0;
   caret-color: ${colors.white};
+  transition: width 0.2s ease;
 
   &::placeholder {
     color: ${semanticColors.text.ghost};
   }
+
+  /* 숫자 입력 스피너 제거 */
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  /* Firefox에서 기본 스타일 제거 */
+  -moz-appearance: textfield;
 `;
 
 export const PageSuffix = styled.span`
diff --git a/src/components/recordwrite/PageRangeSection.tsx b/src/components/recordwrite/PageRangeSection.tsx
index 741bf4f4..d50b483f 100644
--- a/src/components/recordwrite/PageRangeSection.tsx
+++ b/src/components/recordwrite/PageRangeSection.tsx
@@ -48,14 +48,15 @@ const PageRangeSection = ({
   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const value = e.target.value;
 
-    // 숫자만 입력 허용
+    // 숫자만 입력 허용 (빈 문자열 또는 양수)
     if (value === '' || /^\d+$/.test(value)) {
       onPageRangeChange(value);
 
       // 전체 페이지 수를 초과하면 에러 상태로 변경
       if (value !== '') {
         const page = parseInt(value);
-        setHasError(page > totalPages);
+        // NaN 체크도 포함하여 안전성 확보
+        setHasError(isNaN(page) || page <= 0 || page > totalPages);
       } else {
         setHasError(false);
       }

From 489aa4699adfe2241c71580398810ed7efb4539d Mon Sep 17 00:00:00 2001
From: heeyongKim <166043860+heeeeyong@users.noreply.github.com>
Date: Wed, 20 Aug 2025 19:59:58 +0900
Subject: [PATCH 34/39] =?UTF-8?q?fix:=20=ED=94=BC=EB=93=9C=20=EC=B1=85=20?=
 =?UTF-8?q?=EC=A0=80=EC=9E=A5=20=EB=A1=9C=EC=A7=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Post/PostFooter.tsx | 12 +++++-
 src/components/feed/FeedPost.tsx          |  4 +-
 src/pages/mypage/SavePage.tsx             | 47 +++++++++++++++++++----
 src/types/post.ts                         |  1 +
 4 files changed, 52 insertions(+), 12 deletions(-)

diff --git a/src/components/common/Post/PostFooter.tsx b/src/components/common/Post/PostFooter.tsx
index 7132ee41..418d9671 100644
--- a/src/components/common/Post/PostFooter.tsx
+++ b/src/components/common/Post/PostFooter.tsx
@@ -52,6 +52,7 @@ interface PostFooterProps {
   isLiked?: boolean;
   isPublic?: boolean;
   isDetail?: boolean;
+  onSaveToggle?: (feedId: number, newSaveState: boolean) => void;
 }
 
 const PostFooter = ({
@@ -63,6 +64,7 @@ const PostFooter = ({
   isLiked = false,
   isPublic = true,
   isDetail = false,
+  onSaveToggle,
 }: PostFooterProps) => {
   const [liked, setLiked] = useState(isLiked);
   const [likeCount, setLikeCount] = useState<number>(initialLikeCount);
@@ -90,9 +92,15 @@ const PostFooter = ({
       const response = await postSaveFeed(feedId, !saved);
 
       if (response.isSuccess) {
+        const newSaveState = response.data?.isSaved ?? !saved;
         // 성공 시 상태 업데이트
-        setSaved(response.data?.isSaved ?? !saved);
-        console.log('저장 상태 변경 성공:', response.data?.isSaved);
+        setSaved(newSaveState);
+        console.log('저장 상태 변경 성공:', newSaveState);
+        
+        // 부모 컴포넌트에 알림
+        if (onSaveToggle) {
+          onSaveToggle(feedId, newSaveState);
+        }
       } else {
         console.error('저장 상태 변경 실패:', response.message);
       }
diff --git a/src/components/feed/FeedPost.tsx b/src/components/feed/FeedPost.tsx
index 8d421eb0..28d3105a 100644
--- a/src/components/feed/FeedPost.tsx
+++ b/src/components/feed/FeedPost.tsx
@@ -26,13 +26,13 @@ const BorderBottom = styled.div`
   background: #1c1c1c;
 `;
 
-const FeedPost = ({ showHeader, isLast, isMyFeed, ...postData }: FeedPostProps) => {
+const FeedPost = ({ showHeader, isLast, isMyFeed, onSaveToggle, ...postData }: FeedPostProps) => {
   return (
     <>
       <Container>
         {showHeader && <PostHeader {...postData} />}
         <PostBody {...postData} />
-        <PostFooter isMyFeed={!!isMyFeed} {...postData} />
+        <PostFooter isMyFeed={!!isMyFeed} onSaveToggle={onSaveToggle} {...postData} />
       </Container>
       {!isLast && <BorderBottom />}
     </>
diff --git a/src/pages/mypage/SavePage.tsx b/src/pages/mypage/SavePage.tsx
index 54ac2391..12530160 100644
--- a/src/pages/mypage/SavePage.tsx
+++ b/src/pages/mypage/SavePage.tsx
@@ -11,6 +11,7 @@ import { colors, typography } from '@/styles/global/global';
 import { getSavedBooksInMy, type SavedBookInMy } from '@/api/books/getSavedBooksInMy';
 import { getSavedFeedsInMy, type SavedFeedInMy } from '@/api/feeds/getSavedFeedsInMy';
 import { postSaveBook } from '@/api/books/postSaveBook';
+
 import LoadingSpinner from '@/components/common/LoadingSpinner';
 
 const tabs = ['피드', '책'];
@@ -38,7 +39,17 @@ const SavePage = () => {
     navigate('/mypage');
   };
 
-  // 저장된 피드 로드
+  // 저장된 책 목록 로드 함수
+  const loadSavedBooks = useCallback(async () => {
+    try {
+      const response = await getSavedBooksInMy();
+      setSavedBooks(response.data.bookList);
+    } catch (error) {
+      console.error('저장된 책 목록 로드 실패:', error);
+    }
+  }, []);
+
+  // 저장된 피드 목록 로드 함수
   const loadSavedFeeds = useCallback(async (cursor: string | null = null) => {
     try {
       setFeedLoading(true);
@@ -61,7 +72,7 @@ const SavePage = () => {
     }
   }, []);
 
-  // 페이지 진입 시 모든 데이터 로드
+  // 페이지 진입 시 모든 데이터 로드 (한 번만 실행)
   useEffect(() => {
     const loadAllData = async () => {
       try {
@@ -88,7 +99,7 @@ const SavePage = () => {
     };
 
     loadAllData();
-  }, []); // 한 번만 실행
+  }, []); // 빈 의존성 배열로 변경
 
   // Intersection Observer 설정 (피드)
   useEffect(() => {
@@ -122,10 +133,15 @@ const SavePage = () => {
       const newSaveState = !currentBook.isSaved;
       await postSaveBook(isbn, newSaveState);
 
-      // 로컬 상태 업데이트
-      setSavedBooks(prev =>
-        prev.map(book => (book.isbn === isbn ? { ...book, isSaved: newSaveState } : book)),
-      );
+      // 저장 취소인 경우 저장된 책 목록을 다시 불러옴
+      if (!newSaveState) {
+        await loadSavedBooks();
+      } else {
+        // 저장인 경우 로컬 상태만 업데이트
+        setSavedBooks(prev =>
+          prev.map(book => (book.isbn === isbn ? { ...book, isSaved: newSaveState } : book)),
+        );
+      }
 
       console.log('저장 토글:', isbn, newSaveState);
     } catch (error) {
@@ -133,6 +149,19 @@ const SavePage = () => {
     }
   };
 
+  // 피드 저장 토글 처리
+  const handleFeedSaveToggle = async (feedId: number, newSaveState: boolean) => {
+    try {
+      if (!newSaveState) {
+        // 저장 취소인 경우 리스트에서 제거
+        setSavedFeeds(prev => prev.filter(feed => feed.feedId !== feedId));
+        console.log('피드 저장 취소 완료:', feedId);
+      }
+    } catch (error) {
+      console.error('피드 저장 상태 변경 실패:', error);
+    }
+  };
+
   return (
     <Wrapper>
       <TitleHeader
@@ -153,6 +182,7 @@ const SavePage = () => {
                   showHeader={true}
                   isMyFeed={false}
                   isLast={index === savedFeeds.length - 1}
+                  onSaveToggle={handleFeedSaveToggle}
                   {...feed}
                 />
               ))}
@@ -258,8 +288,9 @@ const EmptyState = styled.div`
 const BookList = styled.div`
   display: flex;
   flex-direction: column;
+  width: 100%;
   min-width: 320px;
-  max-width: 540px;
+  max-width: 767px;
   padding-top: 32px;
   margin: 0 auto;
   width: 100%;
diff --git a/src/types/post.ts b/src/types/post.ts
index f275a192..a329791e 100644
--- a/src/types/post.ts
+++ b/src/types/post.ts
@@ -31,6 +31,7 @@ export interface FeedPostProps extends PostData {
   isMyFeed?: boolean;
   isTotalFeed?: boolean;
   isLast?: boolean;
+  onSaveToggle?: (feedId: number, newSaveState: boolean) => void;
 }
 
 export type PostBodyProps = Pick<

From 2c7655ccd00d742d7d163aed6ae36aa3a904016d Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 20:22:52 +0900
Subject: [PATCH 35/39] =?UTF-8?q?fix:=20=ED=8C=9D=EC=97=85=20=EC=A0=9C?=
 =?UTF-8?q?=EB=8C=80=EB=A1=9C=20=EB=8F=99=EC=9E=91=ED=95=98=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../memory/RecordItem/RecordItem.tsx          | 96 ++++++++++++-------
 1 file changed, 63 insertions(+), 33 deletions(-)

diff --git a/src/components/memory/RecordItem/RecordItem.tsx b/src/components/memory/RecordItem/RecordItem.tsx
index 59c7c3ab..71368449 100644
--- a/src/components/memory/RecordItem/RecordItem.tsx
+++ b/src/components/memory/RecordItem/RecordItem.tsx
@@ -53,7 +53,7 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
   // 좋아요 상태 관리 - record 객체에서 isLiked 속성 가져오기
   const [isLiked, setIsLiked] = useState(record.isLiked || false);
   const [currentLikeCount, setCurrentLikeCount] = useState(likeCount);
-  
+
   // 전역 댓글 바텀시트
   const { openCommentBottomSheet } = useCommentBottomSheetStore();
 
@@ -199,8 +199,11 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
 
     try {
       const response = await pinRecordToFeed(parseInt(currentRoomId), recordId);
-      
+
       if (response.isSuccess) {
+        // 팝업 먼저 닫기
+        closePopup();
+        
         // 피드 작성 페이지로 이동하면서 데이터 전달
         navigate('/feed/write', {
           state: {
@@ -212,12 +215,12 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
               recordContent: content,
               roomId: currentRoomId,
               recordId: record.id,
-            }
-          }
+            },
+          },
         });
       } else {
         let errorMessage = '핀하기에 실패했습니다.';
-        
+
         if (response.code === 130000) {
           errorMessage = '존재하지 않는 기록입니다.';
         } else if (response.code === 130003) {
@@ -228,6 +231,9 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
           errorMessage = '존재하지 않는 책입니다.';
         }
 
+        // 실패한 경우에도 팝업 닫기
+        closePopup();
+        
         openSnackbar({
           message: errorMessage,
           variant: 'top',
@@ -236,22 +242,27 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
       }
     } catch (error) {
       console.error('핀하기 API 호출 실패:', error);
+      
+      // 네트워크 오류 시에도 팝업 닫기
+      closePopup();
+      
       openSnackbar({
         message: '네트워크 오류가 발생했습니다. 다시 시도해주세요.',
         variant: 'top',
         onClose: () => {},
       });
     }
-  }, [roomId, record.id, content, navigate, openSnackbar]);
+  }, [roomId, record.id, content, navigate, openSnackbar, closePopup]);
 
   // 핀하기 확인 팝업 핸들러
   const handlePinConfirm = useCallback(() => {
     openConfirm({
-      title: '기록을 피드에 핀하시겠어요?',
-      disc: '기록의 내용으로 피드 글 작성 페이지가 열립니다.',
+      title: '이 기록을 피드에 핀할까요?',
+      disc: '핀하면 내 피드에 글을 옮길 수 있어요.',
       onConfirm: handlePinRecord,
+      onClose: closePopup, // "아니오" 버튼 클릭 시 팝업 닫기
     });
-  }, [openConfirm, handlePinRecord]);
+  }, [openConfirm, handlePinRecord, closePopup]);
 
   // 댓글 버튼 클릭 핸들러
   const handleCommentClick = useCallback(() => {
@@ -289,7 +300,15 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
         }
       }, 800);
     },
-    [isMyRecord, openMoreMenu, handleReport, handleEdit, handleDeleteConfirm, handlePinConfirm, closePopup],
+    [
+      isMyRecord,
+      openMoreMenu,
+      handleReport,
+      handleEdit,
+      handleDeleteConfirm,
+      handlePinConfirm,
+      closePopup,
+    ],
   );
 
   const handleTouchMove = useCallback((e: React.TouchEvent) => {
@@ -349,12 +368,12 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
         {type === 'text' ? (
           <TextRecord content={content} />
         ) : (
-          <PollRecord 
-            content={content} 
-            pollOptions={pollOptions || []} 
+          <PollRecord
+            content={content}
+            pollOptions={pollOptions || []}
             postId={parseInt(id)}
             shouldBlur={shouldBlur}
-            onVoteUpdate={(updatedOptions) => {
+            onVoteUpdate={updatedOptions => {
               // TODO: 부모 컴포넌트로 투표 결과 업데이트 전달
               console.log('투표 결과 업데이트:', updatedOptions);
             }}
@@ -363,14 +382,18 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
       </ContentSection>
 
       <ActionSection>
-        <ActionButton 
-          onClick={shouldBlur ? undefined : (e) => {
-            e.stopPropagation();
-            handleLikeClick();
-          }}
+        <ActionButton
+          onClick={
+            shouldBlur
+              ? undefined
+              : e => {
+                  e.stopPropagation();
+                  handleLikeClick();
+                }
+          }
           style={{
             cursor: shouldBlur ? 'default' : 'pointer',
-            pointerEvents: shouldBlur ? 'none' : 'auto'
+            pointerEvents: shouldBlur ? 'none' : 'auto',
           }}
         >
           <img
@@ -379,35 +402,42 @@ const RecordItem = ({ record, shouldBlur = false }: RecordItemProps) => {
           />
           <span>{currentLikeCount}</span>
         </ActionButton>
-        <ActionButton 
-          onClick={shouldBlur ? undefined : (e) => {
-            e.stopPropagation();
-            handleCommentClick();
-          }}
+        <ActionButton
+          onClick={
+            shouldBlur
+              ? undefined
+              : e => {
+                  e.stopPropagation();
+                  handleCommentClick();
+                }
+          }
           style={{
             cursor: shouldBlur ? 'default' : 'pointer',
-            pointerEvents: shouldBlur ? 'none' : 'auto'
+            pointerEvents: shouldBlur ? 'none' : 'auto',
           }}
         >
           <img src={commentIcon} alt="댓글" />
           <span>{commentCount}</span>
         </ActionButton>
         {isMyRecord && (
-          <ActionButton 
-            onClick={shouldBlur ? undefined : (e) => {
-              e.stopPropagation(); // 이벤트 버블링 방지
-              handlePinConfirm();
-            }}
+          <ActionButton
+            onClick={
+              shouldBlur
+                ? undefined
+                : e => {
+                    e.stopPropagation(); // 이벤트 버블링 방지
+                    handlePinConfirm();
+                  }
+            }
             style={{
               cursor: shouldBlur ? 'default' : 'pointer',
-              pointerEvents: shouldBlur ? 'none' : 'auto'
+              pointerEvents: shouldBlur ? 'none' : 'auto',
             }}
           >
             <img src={pinIcon} alt="피드에 핀하기" />
           </ActionButton>
         )}
       </ActionSection>
-
     </Container>
   );
 };

From 3a15bb905cec8ca530e3fb036f8c0f16aa805367 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 20:28:28 +0900
Subject: [PATCH 36/39] =?UTF-8?q?feat:=20=ED=95=80=ED=95=98=EA=B8=B0=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EA=B5=AC=ED=98=84=20=EB=B0=8F=20=EC=9D=BC?=
 =?UTF-8?q?=EB=B6=80=20=EC=8A=A4=ED=83=80=EC=9D=BC=EB=A7=81=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/components/createpost/PostContentSection.styled.ts | 5 +++--
 src/components/createpost/PostContentSection.tsx       | 4 ----
 src/pages/post/CreatePost.tsx                          | 2 +-
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/createpost/PostContentSection.styled.ts b/src/components/createpost/PostContentSection.styled.ts
index 982e2f4f..4522c73f 100644
--- a/src/components/createpost/PostContentSection.styled.ts
+++ b/src/components/createpost/PostContentSection.styled.ts
@@ -7,10 +7,10 @@ export const TextAreaBox = styled.div`
   flex-direction: column;
 `;
 
-export const TextArea = styled.textarea`
+export const TextArea = styled.textarea<{ readOnly?: boolean }>`
   width: 100%;
   min-height: 100px;
-  background-color: ${semanticColors.background.primary};
+  background-color: ${props => props.readOnly ? '#f5f5f5' : semanticColors.background.primary};
   color: ${semanticColors.text.secondary};
   font-size: ${typography.fontSize.sm};
   font-weight: ${typography.fontWeight.regular};
@@ -19,6 +19,7 @@ export const TextArea = styled.textarea`
   outline: none;
   border: none;
   overflow: hidden;
+  cursor: ${props => props.readOnly ? 'not-allowed' : 'text'};
 
   &::placeholder {
     color: ${semanticColors.text.ghost};
diff --git a/src/components/createpost/PostContentSection.tsx b/src/components/createpost/PostContentSection.tsx
index 9a98deb0..1c8c8731 100644
--- a/src/components/createpost/PostContentSection.tsx
+++ b/src/components/createpost/PostContentSection.tsx
@@ -21,10 +21,6 @@ const PostContentSection = ({ content, onContentChange, readOnly = false }: Post
           maxLength={maxLength}
           rows={4}
           readOnly={readOnly}
-          style={{ 
-            backgroundColor: readOnly ? '#f5f5f5' : 'transparent',
-            cursor: readOnly ? 'not-allowed' : 'text'
-          }}
         />
         <CharacterCount>
           {content.length} / {maxLength}
diff --git a/src/pages/post/CreatePost.tsx b/src/pages/post/CreatePost.tsx
index faa0e04e..10c6bc84 100644
--- a/src/pages/post/CreatePost.tsx
+++ b/src/pages/post/CreatePost.tsx
@@ -189,7 +189,7 @@ const CreatePost = () => {
         <PostContentSection 
           content={postContent} 
           onContentChange={setPostContent}
-          readOnly={isFromPin}
+          readOnly={false}
         />
 
         <Section showDivider />

From e3a5ccfc5af3fe03e1056e555487146b28452bc0 Mon Sep 17 00:00:00 2001
From: heeyongKim <166043860+heeeeyong@users.noreply.github.com>
Date: Wed, 20 Aug 2025 20:45:55 +0900
Subject: [PATCH 37/39] =?UTF-8?q?fix:=20=EC=82=AC=EC=A7=84=20=ED=81=B4?=
 =?UTF-8?q?=EB=A6=AD=20=EB=B2=94=EC=9C=84=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Post/PostBody.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/common/Post/PostBody.tsx b/src/components/common/Post/PostBody.tsx
index 59f44074..383434b2 100644
--- a/src/components/common/Post/PostBody.tsx
+++ b/src/components/common/Post/PostBody.tsx
@@ -9,6 +9,7 @@ const Container = styled.div`
   flex-direction: column;
   width: 100%;
   gap: 16px;
+  cursor: pointer;
 `;
 
 const PostContent = styled.div<{ hasImage: boolean }>`
@@ -82,9 +83,11 @@ const PostBody = ({
   }, [contentBody]);
 
   return (
-    <Container>
-      <BookInfoCard bookTitle={bookTitle} bookAuthor={bookAuthor} isbn={isbn} />
-      <PostContent hasImage={hasImage} onClick={() => handlePostClick(feedId)}>
+    <Container onClick={() => handlePostClick(feedId)}>
+      <div onClick={(e) => e.stopPropagation()}>
+        <BookInfoCard bookTitle={bookTitle} bookAuthor={bookAuthor} isbn={isbn} />
+      </div>
+      <PostContent hasImage={hasImage}>
         <div className="content" ref={contentRef}>
           {contentBody}
         </div>

From 43b9e065015a5767d07f126130daf5a313515340 Mon Sep 17 00:00:00 2001
From: fr0gydev <ljh130334@naver.com>
Date: Wed, 20 Aug 2025 21:02:03 +0900
Subject: [PATCH 38/39] =?UTF-8?q?feat:=20=ED=88=B4=ED=8C=81=20=EA=B5=AC?=
 =?UTF-8?q?=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/memory/record-x.svg                |  3 +
 .../recordwrite/PageRangeSection.styled.ts    | 50 ++++++++++++
 .../recordwrite/PageRangeSection.tsx          | 78 +++++++++++++++----
 3 files changed, 115 insertions(+), 16 deletions(-)
 create mode 100644 src/assets/memory/record-x.svg

diff --git a/src/assets/memory/record-x.svg b/src/assets/memory/record-x.svg
new file mode 100644
index 00000000..fb4d0d6c
--- /dev/null
+++ b/src/assets/memory/record-x.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.2061 6L6.20605 18M6.20605 6L18.2061 18" stroke="#FEFEFE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/recordwrite/PageRangeSection.styled.ts b/src/components/recordwrite/PageRangeSection.styled.ts
index 48ed45b6..564078e0 100644
--- a/src/components/recordwrite/PageRangeSection.styled.ts
+++ b/src/components/recordwrite/PageRangeSection.styled.ts
@@ -136,6 +136,7 @@ export const InfoIcon = styled.div`
   justify-content: center;
   width: 20px;
   height: 20px;
+  cursor: pointer;
 
   img {
     width: 20px;
@@ -176,3 +177,52 @@ export const ToggleSlider = styled.div<{ active: boolean; disabled?: boolean }>`
   transition: left 0.3s;
   opacity: ${props => (props.disabled ? 0.7 : 1)};
 `;
+
+export const TooltipContainer = styled.div`
+  position: relative;
+  width: 100%;
+`;
+
+export const Tooltip = styled.div<{ variant: 'red' | 'green' }>`
+  position: absolute;
+  top: 33px;
+  right: 0;
+  left: 0;
+  background-color: ${props => (props.variant === 'red' ? '#3d3d3d' : '#3d3d3d')};
+  border-radius: 12px;
+  padding: 21px 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 10;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+`;
+
+export const TooltipText = styled.span<{ variant: 'red' | 'green' }>`
+  color: ${props => (props.variant === 'red' ? '#FF9496' : semanticColors.text.point.green)};
+  font-size: ${typography.fontSize.xs};
+  font-weight: ${typography.fontWeight.medium};
+  flex: 1;
+`;
+
+export const TooltipCloseButton = styled.button`
+  background: none;
+  border: none;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+`;
+
+export const TooltipArrow = styled.div<{ variant: 'red' | 'green' }>`
+  position: absolute;
+  bottom: 60px;
+  right: 61px;
+  width: 12px;
+  height: 12px;
+  background-color: #3d3d3d;
+  transform: rotate(45deg);
+  z-index: 9;
+`;
diff --git a/src/components/recordwrite/PageRangeSection.tsx b/src/components/recordwrite/PageRangeSection.tsx
index d50b483f..fd8d7692 100644
--- a/src/components/recordwrite/PageRangeSection.tsx
+++ b/src/components/recordwrite/PageRangeSection.tsx
@@ -16,9 +16,15 @@ import {
   ToggleLabel,
   ToggleSwitch,
   ToggleSlider,
+  TooltipContainer,
+  Tooltip,
+  TooltipText,
+  TooltipCloseButton,
+  TooltipArrow,
 } from './PageRangeSection.styled';
 import closeIcon from '../../assets/common/delete.svg';
 import infoIcon from '../../assets/common/infoIcon.svg';
+import recordcloseIcon from '../../assets/memory/record-x.svg';
 
 interface PageRangeSectionProps {
   pageRange: string;
@@ -41,6 +47,8 @@ const PageRangeSection = ({
   readingProgress,
 }: PageRangeSectionProps) => {
   const [hasError, setHasError] = useState(false);
+  const [showRedTooltip, setShowRedTooltip] = useState(false);
+  const [showGreenTooltip, setShowGreenTooltip] = useState(false);
 
   // 80% 이상일 때만 총평 활성화
   const canUseOverall = readingProgress >= 80;
@@ -71,8 +79,22 @@ const PageRangeSection = ({
   const handleToggleClick = () => {
     if (canUseOverall) {
       onOverallToggle();
+    } else {
+      // 80% 미만이면 빨간 툴팁 표시
+      setShowRedTooltip(true);
+      setShowGreenTooltip(false);
     }
-    // 80% 미만이면 아무것도 하지 않음
+  };
+
+  const handleInfoClick = () => {
+    // i 아이콘 클릭 시 초록 툴팁 표시
+    setShowGreenTooltip(true);
+    setShowRedTooltip(false);
+  };
+
+  const handleCloseTooltip = () => {
+    setShowRedTooltip(false);
+    setShowGreenTooltip(false);
   };
 
   return (
@@ -103,21 +125,45 @@ const PageRangeSection = ({
       </PageRangeContainer>
       {!isOverallEnabled && hasError && <ErrorMessage>전체페이지를 초과할 수 없어요.</ErrorMessage>}
 
-      <ToggleContainer>
-        <LeftSection>
-          <InfoIcon>
-            <img src={infoIcon} alt="정보" />
-          </InfoIcon>
-          <ToggleLabel disabled={!canUseOverall}>총평</ToggleLabel>
-        </LeftSection>
-        <ToggleSwitch
-          active={isOverallEnabled}
-          onClick={handleToggleClick}
-          disabled={!canUseOverall}
-        >
-          <ToggleSlider active={isOverallEnabled} disabled={!canUseOverall} />
-        </ToggleSwitch>
-      </ToggleContainer>
+      <TooltipContainer>
+        {showRedTooltip && (
+          <Tooltip variant="red">
+            <TooltipText variant="red">
+              독서 진행도 80%를 달성해야 총평을 작성할 수 있어요.
+            </TooltipText>
+            <TooltipCloseButton onClick={handleCloseTooltip}>
+              <img src={recordcloseIcon} alt="닫기" />
+            </TooltipCloseButton>
+            <TooltipArrow variant="red" />
+          </Tooltip>
+        )}
+        {showGreenTooltip && (
+          <Tooltip variant="green">
+            <TooltipText variant="green">
+              독서 진행도 80%를 달성해야 총평을 작성할 수 있어요.
+            </TooltipText>
+            <TooltipCloseButton onClick={handleCloseTooltip}>
+              <img src={recordcloseIcon} alt="닫기" />
+            </TooltipCloseButton>
+            <TooltipArrow variant="green" />
+          </Tooltip>
+        )}
+        <ToggleContainer>
+          <LeftSection>
+            <InfoIcon onClick={handleInfoClick}>
+              <img src={infoIcon} alt="정보" />
+            </InfoIcon>
+            <ToggleLabel disabled={!canUseOverall}>총평</ToggleLabel>
+          </LeftSection>
+          <ToggleSwitch
+            active={isOverallEnabled}
+            onClick={handleToggleClick}
+            disabled={!canUseOverall}
+          >
+            <ToggleSlider active={isOverallEnabled} disabled={!canUseOverall} />
+          </ToggleSwitch>
+        </ToggleContainer>
+      </TooltipContainer>
     </Section>
   );
 };

From ae2f98a471efcd80c29bb3869a78ea27e38fa7c7 Mon Sep 17 00:00:00 2001
From: heeyongKim <166043860+heeeeyong@users.noreply.github.com>
Date: Wed, 20 Aug 2025 21:08:31 +0900
Subject: [PATCH 39/39] =?UTF-8?q?fix:=20=EB=82=B4=20=EB=9D=B1=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20=EC=A0=84=EC=B2=B4=20=EB=B0=94=20=EC=84=A0=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/pages/feed/FollowerListPage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/feed/FollowerListPage.tsx b/src/pages/feed/FollowerListPage.tsx
index 6d54b7e8..c4129f26 100644
--- a/src/pages/feed/FollowerListPage.tsx
+++ b/src/pages/feed/FollowerListPage.tsx
@@ -157,7 +157,9 @@ const Wrapper = styled.div`
 const TotalBar = styled.div`
   position: fixed;
   top: 0;
-  width: 727px;
+  width: 94.8%;
+  max-width: 727px;
+  min-width: 320px;
   padding: 76px 0px 4px 0px;
   border-bottom: 1px solid var(--color-darkgrey-dark);
   background-color: var(--color-black-main);