From 20f4d2be8d0c687970fa4b7dcae3302a87fad03d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=A4=80=EC=98=81?= <ff1451@gmail.com>
Date: Fri, 20 Feb 2026 01:28:58 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=B2=AB=20=EA=B8=80=EC=9E=90=20?=
 =?UTF-8?q?=EB=B3=B4=EC=97=AC=EC=A3=BC=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

---
 src/pages/Manager/ManagedMemberList/index.tsx     | 15 ++++++++++++---
 src/pages/User/MyPage/components/UserInfoCard.tsx |  5 ++++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/pages/Manager/ManagedMemberList/index.tsx b/src/pages/Manager/ManagedMemberList/index.tsx
index dac2ae50..43ba8323 100644
--- a/src/pages/Manager/ManagedMemberList/index.tsx
+++ b/src/pages/Manager/ManagedMemberList/index.tsx
@@ -208,7 +208,10 @@ function ManagedMemberList() {
             {groupMembers.map((member) => (
               <Card key={member.userId} className="flex-row items-center gap-2">
                 <div className="flex flex-1 items-center gap-2">
-                  <img className="h-10 w-10 rounded-full object-cover" src={member.imageUrl} alt={member.name} />
+                  {/* <img className="h-10 w-10 rounded-full object-cover" src={member.imageUrl} alt={member.name} /> */}
+                  <div className="flex h-10 w-10 items-center justify-center rounded-full bg-indigo-100 text-indigo-400">
+                    {member.name.charAt(0)}
+                  </div>
                   <div>
                     <div className="text-body2 text-indigo-700">
                       {member.name} <span className="text-body3 text-indigo-400">({member.studentNumber})</span>
@@ -300,7 +303,10 @@ function ManagedMemberList() {
                   }`}
                 >
                   <div className="flex items-center gap-2">
-                    <img className="h-8 w-8 rounded-full object-cover" src={member.imageUrl} alt={member.name} />
+                    {/* <img className="h-8 w-8 rounded-full object-cover" src={member.imageUrl} alt={member.name} /> */}
+                    <div className="flex h-8 w-8 items-center justify-center rounded-full bg-indigo-100 text-indigo-400">
+                      {member.name.charAt(0)}
+                    </div>
                     <div className={`text-body3 ${isSelected ? 'text-indigo-700' : 'text-indigo-400'}`}>
                       {member.name} ({member.studentNumber})
                     </div>
@@ -349,7 +355,10 @@ function ManagedMemberList() {
                   }`}
                 >
                   <div className="flex items-center gap-2">
-                    <img className="h-8 w-8 rounded-full object-cover" src={member.imageUrl} alt={member.name} />
+                    {/* <img className="h-8 w-8 rounded-full object-cover" src={member.imageUrl} alt={member.name} /> */}
+                    <div className="flex h-8 w-8 items-center justify-center rounded-full bg-indigo-100 text-indigo-400">
+                      {member.name.charAt(0)}
+                    </div>
                     <div className={`text-body3 ${isSelected ? 'text-indigo-700' : 'text-indigo-400'}`}>
                       {member.name} ({member.studentNumber})
                     </div>
diff --git a/src/pages/User/MyPage/components/UserInfoCard.tsx b/src/pages/User/MyPage/components/UserInfoCard.tsx
index 325c4a6b..35c5b347 100644
--- a/src/pages/User/MyPage/components/UserInfoCard.tsx
+++ b/src/pages/User/MyPage/components/UserInfoCard.tsx
@@ -99,7 +99,10 @@ function UserInfoCard({ type }: UserInfoCardProps) {
     <Card {...cardProps}>
       <div className="flex items-center justify-between gap-3">
         <div className="flex items-center gap-3">
-          <img className="h-12 w-12 rounded-full" src={myInfo.imageUrl} alt="Member Avatar" />
+          {/* <img className="h-12 w-12 rounded-full" src={myInfo.imageUrl} alt="Member Avatar" /> */}
+          <div className="flex h-12 w-12 items-center justify-center rounded-full bg-indigo-100 text-indigo-400">
+            {myInfo.name.charAt(0)}
+          </div>
           <div>
             <div className={twMerge('text-h2 font-bold text-indigo-700')}>{myInfo.name}</div>
             <div className="mt-1.5 text-xs leading-3.5 font-medium text-indigo-300">