From 9ebd3c47a677ec5e1df5490d18d83bf1d5d984ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B5=9C=EC=A7=80=EC=B2=A0?= <jcchoi@onasys.co.kr>
Date: Tue, 2 Sep 2025 14:34:52 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=20?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/dashboard/ui/dashboard-page.tsx | 74 +++++++++++++++----
 1 file changed, 61 insertions(+), 13 deletions(-)

diff --git a/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx b/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx
index c4901a00e..075efac41 100644
--- a/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx
+++ b/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx
@@ -73,20 +73,68 @@ function DashboardPage() {
   };
 
   return (
-    <div className="max-w-md mx-auto mt-20 p-8 border rounded shadow">
-      <h2 className="text-2xl mb-6">대시보드</h2>
-      {error && <div className="text-red-500 mb-4">{error}</div>}
-      {userInfo ? (
-        <div className="mb-4">
-          <div><b>이메일:</b> {userInfo.email || userInfo.userId}</div>
-          <div><b>이름:</b> {userInfo.userName || '-'}</div>
-          <div><b>2FA 활성화:</b> {userInfo.twoFactorEnabled ? '예' : '아니오'}</div>
+    <div className="p-6">
+      <div className="flex flex-col gap-1">
+        {/* 첫번째 라인 */}
+        <div className="grid grid-cols-7 gap-1">
+          {/* 총 회원수 카드 */}
+          <div className="card card-border h-80 !p-0 col-span-2">
+            
+            
+          </div>
+          {/* 전체 게시물 카드 */}
+          <div className="card card-border h-80 !p-0 col-span-2">
+            
+          </div>
+          {/* 오늘 접속자 수 카드 */}
+          <div className="card card-border h-80 !p-0  col-span-2">
+            
+          </div>
+
+          {/* 사용자 정보 카드 */}
+          <div className="card card-border h-80 p-10 col-span-1">
+              <h2 className="text-2xl mb-6">사용자 정보</h2>
+              {error && <div className="text-red-500 mb-4">{error}</div>}
+              {userInfo ? (
+                <div className="mb-4">
+                  <div><b>아이디:</b> {userInfo.userId}</div>
+                  <div><b>이메일:</b> {userInfo.email || userInfo.userId}</div>
+                  <div><b>이름:</b> {userInfo.userName || '-'}</div>
+                  <div><b>2FA 활성화:</b> {userInfo.twoFactorEnabled ? '예' : '아니오'}</div>
+                </div>
+              ) : (
+                !error && <div>사용자 정보를 불러오는 중...</div>
+              )}
+              <button className="btn w-full mb-2" onClick={handleLogout}>로그아웃</button>
+              <button className="btn w-full" onClick={handleChangePassword}>패스워드 변경</button>
+            </div>
         </div>
-      ) : (
-        !error && <div>사용자 정보를 불러오는 중...</div>
-      )}
-      <button className="btn w-full mb-2" onClick={handleLogout}>로그아웃</button>
-      <button className="btn w-full" onClick={handleChangePassword}>패스워드 변경</button>
+
+        {/* 두번째 라인 */}
+        <div className="grid grid-cols-2 gap-1">
+          <div className="card card-border h-80 p-10 col-span-1">
+          </div>
+          <div className="card card-border h-80 p-10 col-span-1">
+
+          </div>
+        </div>
+
+        {/* 세번째 라인 */}
+        <div className="grid grid-cols-2 gap-1">
+          <div className="card card-border h-80 p-10 col-span-1">
+          </div>
+          <div className="card card-border h-80 p-10 col-span-1">
+          </div>
+        </div>
+
+        {/* 네번째 라인 */}
+        <div className="grid grid-cols-2 gap-1">
+          <div className="card card-border h-80 p-10 col-span-1">
+          </div>
+          <div className="card card-border h-80 p-10 col-span-1">
+          </div>
+        </div>
+      </div>
     </div>
   );
 }