From 7f38384f12ac203b9736b282e66aa931c9955fb7 Mon Sep 17 00:00:00 2001
From: Sinji <sinzi031012@naver.com>
Date: Wed, 5 Mar 2025 21:11:42 +0900
Subject: [PATCH 1/3] =?UTF-8?q?remove:=20mobile=20page=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/app/mobile/page.tsx | 34 ----------------------------------
 1 file changed, 34 deletions(-)
 delete mode 100644 src/app/mobile/page.tsx

diff --git a/src/app/mobile/page.tsx b/src/app/mobile/page.tsx
deleted file mode 100644
index 6856aed..0000000
--- a/src/app/mobile/page.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-'use client';
-
-import MobileLayout from '@/components/mobile/layout';
-import Dropdown from '@/components/mobile/Dropdown';
-import useDropdown from '@/hooks/useDropdown';
-import Spacing from '@/components/mobile/Spacing';
-
-export default function Mobile() {
-  const dropdownActions = [
-    { title: '전체', func: () => console.log('전체') },
-    { title: '대여 신청', func: () => console.log('대여 신청') },
-    { title: '반납 신청', func: () => console.log('반납 신청') },
-  ];
-
-  const { showDropdown, hideDropdown, isDropdownVisible } = useDropdown();
-
-  return (
-    <MobileLayout>
-      <Spacing size={8} />
-      <Dropdown
-        actions={dropdownActions}
-        isVisible={isDropdownVisible}
-        hideDropdown={hideDropdown}
-        positionClasses="top-5 right-5"
-      />
-      <button type="button" onClick={showDropdown}>
-        열기
-      </button>
-      <button type="button" onClick={hideDropdown}>
-        닫기
-      </button>
-    </MobileLayout>
-  );
-}

From 95e92afde348f34b4bca24ef9e520d8e203a0d62 Mon Sep 17 00:00:00 2001
From: Sinji <sinzi031012@naver.com>
Date: Wed, 5 Mar 2025 22:42:33 +0900
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=EB=B2=84=ED=8A=BC=20=ED=81=B4?=
 =?UTF-8?q?=EB=A6=AD=20=EC=8B=9C=20=EC=8A=A4=EC=BC=80=EC=9D=BC=20=EA=B4=80?=
 =?UTF-8?q?=EB=A0=A8=20=ED=95=B8=EB=93=A4=EB=9F=AC=20=EC=83=9D=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mobile/Alert/index.tsx | 10 ++++++++--
 src/utils/handleTouch.ts              |  9 +++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 src/utils/handleTouch.ts

diff --git a/src/components/mobile/Alert/index.tsx b/src/components/mobile/Alert/index.tsx
index dac4f95..f157930 100644
--- a/src/components/mobile/Alert/index.tsx
+++ b/src/components/mobile/Alert/index.tsx
@@ -1,3 +1,5 @@
+import { handleTouchStart, handleTouchEnd } from '@/utils/handleTouch';
+
 interface AlertProps {
   content: string; // alert창 문구
   ctaButtonText: string; // 오른쪽 버튼에 들어갈 문구
@@ -20,7 +22,7 @@ export default function Alert({
     : 'bg-warning text-white-primary'; // 빨간 버튼 (신청 취소)
 
   const defalutButtonClass =
-    'text-body-1-normal_semi w-[108px] rounded-[10px] py-[9px] font-medium outline-none';
+    'text-body-1-normal_semi w-[108px] rounded-[10px] py-[9px] font-medium outline-none ';
 
   return (
     <div className="fixed inset-0 z-20 flex items-center justify-center">
@@ -42,13 +44,17 @@ export default function Alert({
           <button
             type="button"
             onClick={onClickOther}
-            className={`${defalutButtonClass} bg-gray-tertiary text-gray-secondary`}
+            onTouchStart={handleTouchStart}
+            onTouchEnd={handleTouchEnd}
+            className={`${defalutButtonClass} bg-gray-tertiary text-gray-secondary transition-all`}
           >
             {otherButtonText}
           </button>
           <button
             type="button"
             onClick={onClickCta}
+            onTouchStart={handleTouchStart}
+            onTouchEnd={handleTouchEnd}
             className={` ${defalutButtonClass} ${ctaButtonClass}`}
           >
             {ctaButtonText}
diff --git a/src/utils/handleTouch.ts b/src/utils/handleTouch.ts
new file mode 100644
index 0000000..3c956b8
--- /dev/null
+++ b/src/utils/handleTouch.ts
@@ -0,0 +1,9 @@
+const handleTouchStart = (e: React.TouchEvent<HTMLButtonElement>) => {
+  e.currentTarget.style.transform = 'scale(0.95)';
+};
+
+const handleTouchEnd = (e: React.TouchEvent<HTMLButtonElement>) => {
+  e.currentTarget.style.transform = 'scale(1)';
+};
+
+export { handleTouchStart, handleTouchEnd };

From cc71a21e97c9f6ea34b4417c49c54afa0687090c Mon Sep 17 00:00:00 2001
From: Sinji <sinzi031012@naver.com>
Date: Wed, 5 Mar 2025 23:09:39 +0900
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20=EB=8B=A4=EB=A5=B8=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=EB=93=A4=EB=8F=84=20scale=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/mobile/admin/dashboard/_components/DashboardItem.tsx | 5 +++++
 src/app/mobile/main/_components/WelfareItem/index.tsx        | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/src/app/mobile/admin/dashboard/_components/DashboardItem.tsx b/src/app/mobile/admin/dashboard/_components/DashboardItem.tsx
index 0f8ec0d..9eaedb2 100644
--- a/src/app/mobile/admin/dashboard/_components/DashboardItem.tsx
+++ b/src/app/mobile/admin/dashboard/_components/DashboardItem.tsx
@@ -1,5 +1,6 @@
 import Image from 'next/image';
 import convertTime from '@/utils/convertTime';
+import { handleTouchStart, handleTouchEnd } from '@/utils/handleTouch';
 import { DashboardProps } from '@/types/dashboardType';
 
 export default function DashboardItem({
@@ -69,6 +70,8 @@ export default function DashboardItem({
           <button
             type="button"
             onClick={handleCancelBtn}
+            onTouchStart={handleTouchStart}
+            onTouchEnd={handleTouchEnd}
             className="w-14 text-return-red"
           >
             대여 취소
@@ -79,6 +82,8 @@ export default function DashboardItem({
         <button
           type="button"
           onClick={handleApproveBtn}
+          onTouchStart={handleTouchStart}
+          onTouchEnd={handleTouchEnd}
           className="text-return-blue"
         >
           {RentalApproveBtnText[status]}
diff --git a/src/app/mobile/main/_components/WelfareItem/index.tsx b/src/app/mobile/main/_components/WelfareItem/index.tsx
index 7af0494..162957d 100644
--- a/src/app/mobile/main/_components/WelfareItem/index.tsx
+++ b/src/app/mobile/main/_components/WelfareItem/index.tsx
@@ -1,4 +1,5 @@
 import Image from 'next/image';
+import { handleTouchStart, handleTouchEnd } from '@/utils/handleTouch';
 
 interface WelfareItemProps {
   itemName: string;
@@ -41,6 +42,8 @@ export default function WelfareItem({
         <button
           type="button"
           onClick={onRentalClick}
+          onTouchStart={handleTouchStart}
+          onTouchEnd={handleTouchEnd}
           className="box-border px-1 py-2.5 text-body-2-normal_semi font-semibold text-return-blue"
         >
           대여하기