대시보드 레이아웃 수정

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">
+    <div className="p-6">
-      <h2 className="text-2xl mb-6">대시보드</h2>
+      <div className="flex flex-col gap-1">
-      {error && <div className="text-red-500 mb-4">{error}</div>}
+        {/* 첫번째 라인 */}
-      {userInfo ? (
+        <div className="grid grid-cols-7 gap-1">
-        <div className="mb-4">
+          {/* 총 회원수 카드 */}
-          <div><b>이메일:</b> {userInfo.email || userInfo.userId}</div>
+          <div className="card card-border h-80 !p-0 col-span-2">
-          <div><b>이름:</b> {userInfo.userName || '-'}</div>
+            
-          <div><b>2FA 활성화:</b> {userInfo.twoFactorEnabled ? '예' : '아니오'}</div>
+            
+          </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>
+        {/* 두번째 라인 */}
-      )}
+        <div className="grid grid-cols-2 gap-1">
-      <button className="btn w-full mb-2" onClick={handleLogout}>로그아웃</button>
+          <div className="card card-border h-80 p-10 col-span-1">
-      <button className="btn w-full" onClick={handleChangePassword}>패스워드 변경</button>
+          </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>
   );
 }