From 5594f8e7a459ae1c9ea7b4fc2b9e596404aafa93 Mon Sep 17 00:00:00 2001
From: yoooooojin <ujin4903@sookmyung.ac.kr>
Date: Thu, 23 Jul 2026 00:35:56 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20iconButton=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=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/IconButton.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/common/IconButton.tsx b/src/components/common/IconButton.tsx
index 0022ecd..1b61f47 100644
--- a/src/components/common/IconButton.tsx
+++ b/src/components/common/IconButton.tsx
@@ -4,12 +4,14 @@ interface IconButtonProps {
   icon: string;
   onClick?: () => void;
   className?: string; // 예외적으로 색상을 바꿔야 할 때만 (예: text-point-red)
+  variant?: 'default' | 'ghost';
 }
 
 export const IconButton = ({
   icon,
   onClick,
   className = '',
+  variant = 'default', // 💡 2. 파라미터로 받고 기본값을 'default'로 설정
 }: IconButtonProps) => {
   return (
     <button
@@ -17,8 +19,12 @@ export const IconButton = ({
       onClick={onClick}
       className={`
         p-2 rounded-full transition-colors duration-200 
-        hover:bg-gray-100 active:bg-gray-200
         flex items-center justify-center
+        ${
+          variant === 'default'
+            ? 'hover:bg-gray-100 active:bg-gray-200' // default: 기존처럼 마우스 올리면 회색 배경
+            : 'hover:bg-transparent active:bg-transparent' // ghost: 마우스를 올려도 배경색 없이 투명함
+        }
         ${className}
       `}
     >

From 77c02d6fa331d724094562a37a77f5ffcf84540d Mon Sep 17 00:00:00 2001
From: yoooooojin <ujin4903@sookmyung.ac.kr>
Date: Thu, 23 Jul 2026 00:37:00 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20iconButton=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=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/IconButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/IconButton.tsx b/src/components/common/IconButton.tsx
index 1b61f47..d5f058b 100644
--- a/src/components/common/IconButton.tsx
+++ b/src/components/common/IconButton.tsx
@@ -11,7 +11,7 @@ export const IconButton = ({
   icon,
   onClick,
   className = '',
-  variant = 'default', // 💡 2. 파라미터로 받고 기본값을 'default'로 설정
+  variant = 'default',
 }: IconButtonProps) => {
   return (
     <button