From 12416ba64dabe30c77bb8d137c925a1d804eecaa Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Mon, 23 Mar 2026 16:53:50 +0900
Subject: [PATCH 01/20] =?UTF-8?q?fix:=20Input=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=EC=97=90=20=EB=A7=9E=EA=B2=8C=20textarea=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/textarea/TextareaField.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/common/textarea/TextareaField.tsx b/src/components/common/textarea/TextareaField.tsx
index c6da7400..6901df34 100644
--- a/src/components/common/textarea/TextareaField.tsx
+++ b/src/components/common/textarea/TextareaField.tsx
@@ -24,6 +24,7 @@ export default function TextareaField({
   minRows = 4,
 }: TProps) {
   const ref = useRef<HTMLTextAreaElement | null>(null);
+
   const resize = () => {
     const el = ref.current;
     if (!el) return;
@@ -47,7 +48,20 @@ export default function TextareaField({
         rows={minRows}
         value={value}
         className={twMerge(
-          "w-full resize-none overflow-hidden rounded-component-md bg-gray-50 px-5 py-4 outline-none transition-smooth hover:bg-gray-100 focus:bg-white focus:ring-2 focus:ring-logo-1/30 text-body1 text-text-main placeholder:text-text-placeholder",
+          "w-full rounded-component-md bg-white ring-1 ring-logo-1/30 transition-colors duration-200 ease-out overflow-hidden",
+          disabled
+            ? "bg-gray-100 cursor-not-allowed"
+            : "hover:bg-gray-100 hover:ring-logo-1/40 focus-within:bg-white focus-within:ring-2 focus-within:ring-logo-1/50",
+        )}
+      />
+      <textarea
+        ref={ref}
+        id={id}
+        rows={minRows}
+        value={value}
+        className={twMerge(
+          "w-full resize-none overflow-hidden bg-transparent px-5 py-4 outline-none text-body1 text-text-main placeholder:text-text-placeholder",
+          "disabled:cursor-not-allowed disabled:text-text-disabled",
           className,
         )}
         placeholder={placeholder}

From ad8b06e75e611cb2c53ef2f5f415efcdd95cd909 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Mon, 23 Mar 2026 16:55:16 +0900
Subject: [PATCH 02/20] =?UTF-8?q?fix:=20placeholder=20=EB=82=B4=20?=
 =?UTF-8?q?=EB=82=B4=EC=9A=A9=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workspace/Workspace.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/workspace/Workspace.tsx b/src/pages/workspace/Workspace.tsx
index dd77f04e..1eedee79 100644
--- a/src/pages/workspace/Workspace.tsx
+++ b/src/pages/workspace/Workspace.tsx
@@ -194,7 +194,7 @@ export default function WorkspacePage() {
         <div className="flex-1">
           <Input
             aria-label="조직 검색"
-            placeholder="조직을 검색하세요"
+            placeholder="워크스페이스 검색하기"
             value={query}
             onChange={(e) => setQuery(e.target.value)}
             rightElement={<SearchIcon className="w-6 h-6 fill-chart-3" />}
@@ -267,7 +267,7 @@ export default function WorkspacePage() {
 
             <Input
               label="워크스페이스 이름"
-              placeholder="조직의 이름을 입력하세요."
+              placeholder="사용할 워크스페이스의 이름을 입력하세요."
               value={newName}
               onChange={(e) => setNewName(e.target.value)}
               disabled={isCreating}
@@ -275,7 +275,7 @@ export default function WorkspacePage() {
             <TextareaField
               id="workspace-desc"
               label="워크스페이스 설명"
-              placeholder="조직에 대한 간단한 설명을 입력하세요"
+              placeholder="워크스페이스에 대한 간단한 설명을 입력하세요"
               value={newDesc}
               onChange={(e) => setNewDesc(e.target.value)}
               disabled={isCreating}

From 0df82b7bcb8d9d42956c07d915db0dc9f9e7da78 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Mon, 23 Mar 2026 17:02:45 +0900
Subject: [PATCH 03/20] =?UTF-8?q?style:=20=EC=95=84=EC=9D=B4=EC=BD=98=20SV?=
 =?UTF-8?q?G=20=EC=83=89=EC=83=81=EA=B3=BC=20=EB=8F=99=EC=9D=BC=ED=95=98?=
 =?UTF-8?q?=EA=B2=8C=20dropdownMenu=20=EC=83=89=EC=83=81=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/components/common/dropdownmenu/DropdownMenu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/dropdownmenu/DropdownMenu.tsx b/src/components/common/dropdownmenu/DropdownMenu.tsx
index 7fbe7ee9..896adf9e 100644
--- a/src/components/common/dropdownmenu/DropdownMenu.tsx
+++ b/src/components/common/dropdownmenu/DropdownMenu.tsx
@@ -73,7 +73,7 @@ export function DropdownMenu({
                     "group flex w-full items-center gap-3 rounded-component-md px-5 py-4 text-left font-body2 transition-fast",
                     it.active
                       ? "bg-brand-300 text-status-blue"
-                      : "text-text-auth-sub hover:bg-brand-300 hover:text-status-blue",
+                      : "text-text-main hover:bg-brand-300 hover:text-status-blue",
                   )}
                 >
                   {it.icon ? (

From b6cd7bad3cbc960aa2ff7b75ea29e3c9bf3f84bf Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 00:09:22 +0900
Subject: [PATCH 04/20] =?UTF-8?q?refactor:=20=EC=9B=8C=ED=81=AC=EC=8A=A4?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=8A=A4=20=EA=B4=80=EB=A0=A8=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=ED=83=9C=EB=B8=94=EB=A6=BF=20=EB=B0=98?=
 =?UTF-8?q?=EC=9D=91=ED=98=95=20UI=20=EB=B3=B4=EC=99=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/PageHeader.tsx            |  7 ++++++-
 src/components/common/controlbox/ControlBox.tsx |  6 +++---
 src/components/workspace/MemberItem.tsx         | 10 +++++-----
 src/components/workspace/MemberList.tsx         |  2 +-
 src/components/workspace/PermissionTable.tsx    |  4 ++--
 src/components/workspace/WorkspaceCard.tsx      |  6 +++---
 src/pages/workspace/Workspace.tsx               |  6 +++---
 src/pages/workspace/WorkspaceSetting.tsx        |  6 +++---
 8 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/src/components/common/PageHeader.tsx b/src/components/common/PageHeader.tsx
index 6acac19b..27fdb560 100644
--- a/src/components/common/PageHeader.tsx
+++ b/src/components/common/PageHeader.tsx
@@ -16,7 +16,12 @@ const PageHeader = memo(function PageHeader({
   className,
 }: IPageHeaderProps) {
   return (
-    <header className={twMerge("flex items-center justify-between", className)}>
+    <header
+      className={twMerge(
+        "flex items-center justify-between tablet:items-start tablet:gap-3",
+        className,
+      )}
+    >
       <div className="flex flex-col gap-1">
         <h1 className="font-heading2 text-text-main">{title}</h1>
         {description && (
diff --git a/src/components/common/controlbox/ControlBox.tsx b/src/components/common/controlbox/ControlBox.tsx
index 6c9c49ae..33a40651 100644
--- a/src/components/common/controlbox/ControlBox.tsx
+++ b/src/components/common/controlbox/ControlBox.tsx
@@ -42,8 +42,8 @@ export default function ControlBox({
   return (
     <div
       className={twMerge(
-        "flex w-full min-w-0 items-center justify-between gap-6 px-7 py-6  border-[0.5px]  rounded-component-lg",
-        "border-chart-3 bg-chart-3/7",
+        "flex w-full min-w-0 items-center justify-between gap-6 px-7 py-6  border-[0.5px] border-chart-3/7 rounded-component-lg",
+        "tablet:flex-col tablet:items-start tablet:px-5 tablet:py-5",
         containerClassName,
         className,
       )}
@@ -78,7 +78,7 @@ export default function ControlBox({
           onClick={onButtonClick}
           disabled={buttonDisabled}
           className={twMerge(
-            "shrink-0 px-8 rounded-component-md!",
+            "shrink-0 px-8 rounded-component-md! tablet:w-full tablet:justify-center",
             buttonClassName,
           )}
         >
diff --git a/src/components/workspace/MemberItem.tsx b/src/components/workspace/MemberItem.tsx
index 85d88034..a494da76 100644
--- a/src/components/workspace/MemberItem.tsx
+++ b/src/components/workspace/MemberItem.tsx
@@ -21,8 +21,8 @@ export default function MemberItem({
   onDeleteClick,
 }: TProps) {
   return (
-    <li className="flex items-center justify-between py-5 gap-4">
-      <div className="flex items-center gap-4">
+    <li className="flex items-center justify-between py-5 gap-4 tablet:items-start">
+      <div className="flex items-center gap-4 w-full min-w-0">
         <div className="flex bg-text-placeholder/30 h-12 w-12 items-center justify-center shrink-0 rounded-component-lg overflow-hidden">
           {member.profileImageUrl ? (
             <img
@@ -34,9 +34,9 @@ export default function MemberItem({
             <UserIcon className="text-text-auth-sub h-6 w-6" />
           )}
         </div>
-        <div className="min-w-0">
+        <div className="min-w-0 flex-1">
           <p className="truncate text-text-main font-body1">{member.name}</p>
-          <div className=" flex text-text-auth-sub items-center gap-2">
+          <div className="flex text-text-auth-sub items-center gap-2 min-w-0">
             <MailIcon className="w-4 h-4" />
             <p className="truncate">{member.email}</p>
           </div>
@@ -45,7 +45,7 @@ export default function MemberItem({
       <div className="flex items-center gap-4">
         {member.isMe ? (
           <span
-            className={`inline-flex h-10 min-w-24.5 items-center justify-center rounded-[22px] px-4 font-body2 ${
+            className={`inline-flex h-10 min-w-24.5 items-center justify-center rounded-component-lg px-4 font-body2 ${
               member.role === "ADMIN"
                 ? "bg-status-blue/80 text-white shadow-sm"
                 : "bg-chart-3/15 text-text-auth-sub"
diff --git a/src/components/workspace/MemberList.tsx b/src/components/workspace/MemberList.tsx
index cc98c204..336b25a4 100644
--- a/src/components/workspace/MemberList.tsx
+++ b/src/components/workspace/MemberList.tsx
@@ -113,7 +113,7 @@ export default function MemberList({
 
   return (
     <div className="bg-white border border-gray-100 rounded-component-lg p-8 shadow-Soft">
-      <header className="mb-7 flex justify-between">
+      <header className="mb-7 flex items-start justify-between gap-4">
         <div>
           <h2 className="font-heading4 text-text-main font-semibold!">
             팀 구성원
diff --git a/src/components/workspace/PermissionTable.tsx b/src/components/workspace/PermissionTable.tsx
index a0e8386e..41b0afd3 100644
--- a/src/components/workspace/PermissionTable.tsx
+++ b/src/components/workspace/PermissionTable.tsx
@@ -120,8 +120,8 @@ export default function PermissionTable() {
         </p>
       </header>
 
-      <div className="overflow-hidden">
-        <table className="w-full border-collapse table-fixed">
+      <div className="w-full overflow-hidden">
+        <table className="w-full table-fixed">
           <thead>
             <tr className="border-b border-gray-100">
               <th className="text-text-auth-sub py-2 text-left">
diff --git a/src/components/workspace/WorkspaceCard.tsx b/src/components/workspace/WorkspaceCard.tsx
index e84b6231..89f1cd6e 100644
--- a/src/components/workspace/WorkspaceCard.tsx
+++ b/src/components/workspace/WorkspaceCard.tsx
@@ -26,9 +26,9 @@ export default function WorkspaceCard({ workspace: w, menuItems }: TProps) {
   const imageSrc = w.logoUrl ? getImageUrl(w.logoUrl) : null;
   const showPlaceholder = !imageSrc || imageError;
   return (
-    <li className="flex items-center justify-between rounded-component-md bg-white px-6 py-5 shadow-Soft border border-gray-100">
-      <div className="flex items-center gap-5 min-w-0">
-        <div className="w-20 h-20 bg-gray-100 shrink-0 rounded-component-sm">
+    <li className="flex items-center justify-between rounded-component-md bg-white px-6 py-5 shadow-Soft border border-gray-100 tablet:px-4 tablet:py-4">
+      <div className="flex items-center gap-5 min-w-0 tablet:gap-3">
+        <div className="w-20 h-20 bg-gray-100 shrink-0 rounded-component-sm tablet:h-16 tablet:w-16">
           {showPlaceholder ? (
             <div className="w-full h-full flex items-center justify-center">
               <BuildingIcon className="w-8 h-8 text-text-placeholder" />
diff --git a/src/pages/workspace/Workspace.tsx b/src/pages/workspace/Workspace.tsx
index 1eedee79..d1535df8 100644
--- a/src/pages/workspace/Workspace.tsx
+++ b/src/pages/workspace/Workspace.tsx
@@ -190,8 +190,8 @@ export default function WorkspacePage() {
         title="워크스페이스 관리"
         description="워크스페이스 정보를 확인하고 관리하세요."
       />
-      <div className="mb-6 flex flex-row items-center gap-4">
-        <div className="flex-1">
+      <div className="flex items-center justify-between gap-4 tablet:flex-col tablet:items-stretch">
+        <div className="flex-1 tablet:w-full">
           <Input
             aria-label="조직 검색"
             placeholder="워크스페이스 검색하기"
@@ -205,7 +205,7 @@ export default function WorkspacePage() {
           onClick={onOpenCreate}
           size="big"
           variant="primary"
-          className="bg-chart-3 flex shrink-0 whitespace-nowrap items-center justify-center gap-2"
+          className="bg-chart-3 flex shrink-0 whitespace-nowrap items-center justify-center gap-2 tablet:w-full tablet:justify-center"
         >
           <PlusIcon className="w-3 h-3 fill-white" />
           <span className="tablet:hidden">워크스페이스 생성하기</span>
diff --git a/src/pages/workspace/WorkspaceSetting.tsx b/src/pages/workspace/WorkspaceSetting.tsx
index d893d44b..df4e9d0a 100644
--- a/src/pages/workspace/WorkspaceSetting.tsx
+++ b/src/pages/workspace/WorkspaceSetting.tsx
@@ -201,7 +201,7 @@ export default function WorkspaceSetting() {
             <p className="font-body2 text-text-sub mt-2">
               워크스페이스의 대표적인 정보를 설정합니다.
             </p>
-            <div className="mt-7 grid grid-cols-[480px_minmax(0,1fr)] tablet:grid-cols-1 gap-8">
+            <div className="mt-7 grid grid-cols-[480px_minmax(0,1fr)] gap-8 tablet:grid-cols-1 tablet:gap-5">
               <div className="flex flex-col items-center">
                 <div className="text-text-main mb-2 self-start">
                   로고 이미지
@@ -281,7 +281,7 @@ export default function WorkspaceSetting() {
               </div>
             </div>
           </div>
-          <div className="flex justify-end mt-6">
+          <div className="flex justify-end">
             <Button
               size="big"
               variant="primary"
@@ -299,7 +299,7 @@ export default function WorkspaceSetting() {
               description={`워크스페이스를 삭제하면 모든 데이터가 영구적으로 삭제됩니다.\n 이 작업은 되돌릴 수 없습니다`}
               buttonText="워크스페이스 삭제"
               onButtonClick={openDeleteModal}
-              className="w-full mt-12"
+              className="w-full mt-5"
               containerClassName="bg-status-red/10 border-status-red"
               titleClassName="text-status-red"
               descriptionClassName="text-text-auth-sub"

From aaacf547aa07bf940202b21ab11c9a68e8d5fa98 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 00:18:45 +0900
Subject: [PATCH 05/20] =?UTF-8?q?fix:=20=EC=82=AD=EC=A0=9C=EB=90=9C=20?=
 =?UTF-8?q?=EC=A1=B0=EC=A7=81=EC=9D=B4=20=EC=83=88=EB=A1=9C=EA=B3=A0?=
 =?UTF-8?q?=EC=B9=A8=EC=97=86=EC=9D=B4=20=EB=AA=A9=EB=A1=9D=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=EC=97=90=EC=84=9C=20=EB=B0=94=EB=A1=9C=20=EB=B0=98?=
 =?UTF-8?q?=EC=98=81=EB=90=98=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workspace/WorkspaceSetting.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/pages/workspace/WorkspaceSetting.tsx b/src/pages/workspace/WorkspaceSetting.tsx
index df4e9d0a..d12fdb91 100644
--- a/src/pages/workspace/WorkspaceSetting.tsx
+++ b/src/pages/workspace/WorkspaceSetting.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { useNavigate, useParams } from "react-router-dom";
+import { useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
 
 import Button from "@/components/common/button/Button";
@@ -23,6 +24,7 @@ import { getImageUrl } from "@/lib/getImageUrl";
 export default function WorkspaceSetting() {
   const navigate = useNavigate();
   const { workspaceId } = useParams();
+  const queryClient = useQueryClient();
 
   const orgId = useMemo(() => {
     if (!workspaceId) return null;
@@ -118,6 +120,7 @@ export default function WorkspaceSetting() {
     setDeleting(true);
     try {
       await deleteWorkspace(orgId);
+      await queryClient.invalidateQueries({ queryKey: ["my-workspaces"] });
       toast.success("워크스페이스가 삭제되었습니다");
       setDeleteOpen(false);
       navigate("/workspace", { replace: true });

From 9771350ca8ba90aa26de9c87f7729d67f99c30f4 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 01:14:32 +0900
Subject: [PATCH 06/20] =?UTF-8?q?feat:=20=ED=98=84=EC=9E=AC=20=EC=84=A0?=
 =?UTF-8?q?=ED=83=9D=EB=90=9C=20=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=20?=
 =?UTF-8?q?=EA=B8=B0=EC=A4=80=20=EC=9B=8C=ED=81=AC=EC=8A=A4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=8A=A4=20=EB=82=98=ED=83=80=EB=82=B4=EB=8A=94=20UI?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80,=20=EC=83=81=EB=8B=A8=EC=9C=BC=EB=A1=9C?=
 =?UTF-8?q?=20=EB=81=8C=EC=96=B4=EC=98=AC=EB=A6=AC=EA=B8=B0=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/workspace/WorkspaceCard.tsx | 28 ++++++++++++++++++----
 src/pages/workspace/Workspace.tsx          | 15 ++++++++++--
 2 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/src/components/workspace/WorkspaceCard.tsx b/src/components/workspace/WorkspaceCard.tsx
index 89f1cd6e..50326266 100644
--- a/src/components/workspace/WorkspaceCard.tsx
+++ b/src/components/workspace/WorkspaceCard.tsx
@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import { twMerge } from "tailwind-merge";
 
 import type { TWorkspace } from "@/types/workspace/workspace";
 
@@ -14,9 +15,14 @@ import { getImageUrl } from "@/lib/getImageUrl";
 type TProps = {
   workspace: TWorkspace;
   menuItems: TMenuItem[];
+  isSelected?: boolean;
 };
 
-export default function WorkspaceCard({ workspace: w, menuItems }: TProps) {
+export default function WorkspaceCard({
+  workspace: w,
+  menuItems,
+  isSelected = false,
+}: TProps) {
   const [imageError, setImageError] = useState(false);
 
   useEffect(() => {
@@ -25,8 +31,14 @@ export default function WorkspaceCard({ workspace: w, menuItems }: TProps) {
 
   const imageSrc = w.logoUrl ? getImageUrl(w.logoUrl) : null;
   const showPlaceholder = !imageSrc || imageError;
+
   return (
-    <li className="flex items-center justify-between rounded-component-md bg-white px-6 py-5 shadow-Soft border border-gray-100 tablet:px-4 tablet:py-4">
+    <li
+      className={twMerge(
+        "flex items-center justify-between rounded-component-md bg-white px-6 py-5 shadow-Soft border tablet:px-4 tablet:py-4",
+        isSelected ? "border-chart-3 bg-chart-3/3" : "border-gray-100",
+      )}
+    >
       <div className="flex items-center gap-5 min-w-0 tablet:gap-3">
         <div className="w-20 h-20 bg-gray-100 shrink-0 rounded-component-sm tablet:h-16 tablet:w-16">
           {showPlaceholder ? (
@@ -46,9 +58,17 @@ export default function WorkspaceCard({ workspace: w, menuItems }: TProps) {
         </div>
 
         <div className="min-w-0">
-          <div className="font-heading4 font-semibold! text-text-main truncate">
-            {w.name}
+          <div className="flex items-center gap-2">
+            <div className="font-heading4 font-semibold! text-text-main truncate">
+              {w.name}
+            </div>
+            {isSelected && (
+              <span className="shrink-0 rounded-full bg-chart-3/12 px-2 py-1 font-caption text-chart-3">
+                현재 대시보드 기준
+              </span>
+            )}
           </div>
+
           <div className="font-body2 text-text-main mt-1 truncate">
             {w.description ?? ""}
           </div>
diff --git a/src/pages/workspace/Workspace.tsx b/src/pages/workspace/Workspace.tsx
index d1535df8..723b4363 100644
--- a/src/pages/workspace/Workspace.tsx
+++ b/src/pages/workspace/Workspace.tsx
@@ -26,6 +26,7 @@ import SearchIcon from "@/assets/icon/common/search.svg?react";
 import UpLoadImgIcon from "@/assets/icon/common/uploadImg.svg?react";
 import UserProfileIcon from "@/assets/icon/common/userProfile.svg?react";
 import { getAxiosMessage } from "@/lib/getAxiosMessage";
+import useWorkspaceStore from "@/store/useWorkspaceStore";
 
 export default function WorkspacePage() {
   const navigate = useNavigate();
@@ -86,6 +87,7 @@ export default function WorkspacePage() {
   };
 
   const workspaces = workspacesQuery.data ?? [];
+  const selectedOrgId = useWorkspaceStore((s) => s.selectedOrgId);
 
   const filtered = useMemo(() => {
     const q = query.trim().toLowerCase();
@@ -93,6 +95,14 @@ export default function WorkspacePage() {
     return workspaces.filter((w) => w.name.toLowerCase().includes(q));
   }, [query, workspaces]);
 
+  const sortedWorkspaces = useMemo(() => {
+    return [...filtered].sort((a, b) => {
+      if (a.orgId === selectedOrgId) return -1;
+      if (b.orgId === selectedOrgId) return 1;
+      return 0;
+    });
+  }, [filtered, selectedOrgId]);
+
   const menuItems = (id: TWorkspace["orgId"]): TMenuItem[] => [
     {
       icon: <EditContainIcon className="h-5 w-5 fill-none stroke-current" />,
@@ -164,7 +174,7 @@ export default function WorkspacePage() {
         />
       );
     }
-    if (filtered.length === 0) {
+    if (sortedWorkspaces.length === 0) {
       return (
         <ul className="space-y-5">
           <WorkspaceEmptyState message="워크스페이스가 없습니다" />
@@ -173,11 +183,12 @@ export default function WorkspacePage() {
     }
     return (
       <ul className="space-y-5">
-        {filtered.map((w) => (
+        {sortedWorkspaces.map((w) => (
           <WorkspaceCard
             key={String(w.orgId)}
             workspace={w}
             menuItems={menuItems(w.orgId)}
+            isSelected={w.orgId === selectedOrgId}
           />
         ))}
       </ul>

From 7469444c19c315e72cd607a8a9e586fb2959b22a Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 01:52:45 +0900
Subject: [PATCH 07/20] =?UTF-8?q?chore:=20=EC=9B=8C=ED=81=AC=EC=8A=A4?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=8A=A4=20=EB=AA=A9=EB=A1=9D/=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=82=B4=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B3=A0=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=ED=81=AC=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B0=8F=20UI=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/workspace/WorkspaceCard.tsx |  2 +-
 src/pages/workspace/WorkspaceSetting.tsx   | 27 +++++++++++-----------
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/components/workspace/WorkspaceCard.tsx b/src/components/workspace/WorkspaceCard.tsx
index 50326266..76c1fc20 100644
--- a/src/components/workspace/WorkspaceCard.tsx
+++ b/src/components/workspace/WorkspaceCard.tsx
@@ -40,7 +40,7 @@ export default function WorkspaceCard({
       )}
     >
       <div className="flex items-center gap-5 min-w-0 tablet:gap-3">
-        <div className="w-20 h-20 bg-gray-100 shrink-0 rounded-component-sm tablet:h-16 tablet:w-16">
+        <div className="w-24 h-24 bg-gray-100 shrink-0 rounded-component-sm tablet:h-16 tablet:w-16">
           {showPlaceholder ? (
             <div className="w-full h-full flex items-center justify-center">
               <BuildingIcon className="w-8 h-8 text-text-placeholder" />
diff --git a/src/pages/workspace/WorkspaceSetting.tsx b/src/pages/workspace/WorkspaceSetting.tsx
index d12fdb91..e7851cc3 100644
--- a/src/pages/workspace/WorkspaceSetting.tsx
+++ b/src/pages/workspace/WorkspaceSetting.tsx
@@ -204,9 +204,9 @@ export default function WorkspaceSetting() {
             <p className="font-body2 text-text-sub mt-2">
               워크스페이스의 대표적인 정보를 설정합니다.
             </p>
-            <div className="mt-7 grid grid-cols-[480px_minmax(0,1fr)] gap-8 tablet:grid-cols-1 tablet:gap-5">
-              <div className="flex flex-col items-center">
-                <div className="text-text-main mb-2 self-start">
+            <div className="mt-9 flex flex-row gap-12 items-start tablet:flex-col tablet:gap-8">
+              <div className="flex flex-col items-center w-60 tablet:w-full shrink-0">
+                <div className="w-full text-text-main mb-3 ml-1 select-none tablet:text-center">
                   로고 이미지
                 </div>
                 <input
@@ -216,35 +216,34 @@ export default function WorkspaceSetting() {
                   className="hidden"
                   onChange={onPickLogo}
                 />
-                <div className="border border-gray-100 bg-gray-50 rounded-component-lg flex items-center justify-center h-120 w-120 tablet:h-57 tablet:w-57 overflow-hidden">
+                <div className="flex h-60 w-60 items-center justify-center overflow-hidden rounded-component-sm border border-gray-100 bg-gray-100 tablet:h-46 tablet:w-46">
                   {logoPreview ? (
                     <img
                       src={logoPreview}
                       alt={"새 로고 미리보기"}
-                      className="h-full w-full object-cover"
+                      className="w-full h-full object-cover rounded-component-sm"
                     />
                   ) : resolvedLogoUrl ? (
                     <img
                       src={resolvedLogoUrl}
                       alt={`${name || "워크스페이스"} 로고`}
-                      className="w-full h-full object-cover"
-                      onError={(e) => {
-                        console.log("이미지 로드 실패:", e.currentTarget.src);
+                      className="w-full h-full object-cover rounded-component-sm"
+                      onError={() => {
                         setImageError(true);
                       }}
                     />
                   ) : (
                     <BuildingIcon
                       aria-hidden="true"
-                      className="w-12 h-12 text-text-placeholder"
+                      className="w-11 h-11 text-text-placeholder"
                     />
                   )}
                 </div>
-                <div className="flex gap-3 mt-3 justify-center">
+                <div className="flex gap-2 mt-4 justify-center">
                   <Button
                     variant="custom"
                     type="button"
-                    className="h-7! border border-gray-200 text-text-auth-sub px-5 rounded-component-lg bg-white font-body2 hover:bg-gray-100 transition-colors duration-200 ease-in-out"
+                    className="h-7! border border-gray-200 text-text-auth-sub px-4 rounded-component-lg bg-white font-body2 hover:bg-gray-100 transition-colors duration-200 ease-in-out"
                     onClick={openFilePicker}
                     aria-label="로고 이미지 업로드 버튼"
                     disabled={saving || deleting || uploading}
@@ -254,7 +253,7 @@ export default function WorkspaceSetting() {
                   <Button
                     variant="custom"
                     type="button"
-                    className="h-7! border border-gray-200 text-text-auth-sub px-5 rounded-component-lg bg-white font-body2 hover:bg-gray-100 transition-colors duration-200 ease-in-out"
+                    className="h-7! border border-gray-200 text-text-auth-sub px-4 rounded-component-lg bg-white font-body2 hover:bg-gray-100 transition-colors duration-200 ease-in-out"
                     onClick={onResetLogo}
                     aria-label="로고 이미지 초기화 버튼"
                     disabled={saving || deleting || uploading}
@@ -263,7 +262,7 @@ export default function WorkspaceSetting() {
                   </Button>
                 </div>
               </div>
-              <div className="space-y-5">
+              <div className="flex-1 w-full space-y-6">
                 <Input
                   label="워크스페이스명"
                   value={name}
@@ -278,7 +277,7 @@ export default function WorkspaceSetting() {
                   value={desc}
                   onChange={(e) => setDesc(e.target.value)}
                   minRows={4}
-                  className="min-h-93 tablet:min-h-55"
+                  className="min-h-90"
                   disabled={saving || deleting || uploading}
                 />
               </div>

From 734f55e8a84d763acd286d005c95d51cf7930466 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 02:27:41 +0900
Subject: [PATCH 08/20] =?UTF-8?q?chore:=20=EC=83=9D=EC=84=B1=ED=95=98?=
 =?UTF-8?q?=EA=B8=B0=20=EB=AA=A8=EB=8B=AC=20=EB=82=B4=20=EC=9E=AC=EB=B0=B0?=
 =?UTF-8?q?=EC=B9=98=20=EC=A7=84=ED=96=89,=20=EC=9D=B4=EB=AF=B8=EC=A7=80?=
 =?UTF-8?q?=20=ED=81=AC=EA=B8=B0=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workspace/Workspace.tsx | 77 ++++++++++++++++---------------
 1 file changed, 39 insertions(+), 38 deletions(-)

diff --git a/src/pages/workspace/Workspace.tsx b/src/pages/workspace/Workspace.tsx
index 723b4363..a207e52e 100644
--- a/src/pages/workspace/Workspace.tsx
+++ b/src/pages/workspace/Workspace.tsx
@@ -235,8 +235,11 @@ export default function WorkspacePage() {
             워크스페이스를 생성한 사용자는 자동으로 관리자 권한을 갖습니다.{" "}
             <br /> 로고 이미지와 기본 정보를 입력해 주세요.
           </p>
-          <div className="space-y-6 mx-auto w-full max-w-200">
-            <div className="max-w-140 mx-auto w-full mb-10">
+          <div className="flex flex-row tablet:flex-col gap-10 items-start">
+            <div className="flex flex-col items-center w-45 tablet:w-full shrink-0">
+              <div className="w-full mb-3 select-none font-label text-text-main tablet:text-center">
+                로고 이미지
+              </div>
               <input
                 ref={fileRef}
                 type="file"
@@ -244,23 +247,11 @@ export default function WorkspacePage() {
                 className="hidden"
                 onChange={onPickLogo}
               />
-              <div className="flex items-center justify-between mb-2">
-                <div className="font-label text-text-sub">로고 이미지</div>
-                <Button
-                  variant="custom"
-                  className="h-7! border border-gray-200 text-text-auth-sub px-5 rounded-component-lg bg-white font-body2 hover:bg-gray-100 transition-colors duration-200 ease-in-out"
-                  onClick={openFile}
-                  type="button"
-                >
-                  업로드
-                </Button>
-              </div>
-
               <button
                 type="button"
                 aria-label="로고 이미지 업로드"
                 onClick={openFile}
-                className="mx-auto aspect-square w-full max-w-65 overflow-hidden rounded-component-lg border border-gray-100 bg-gray-50 flex items-center justify-center hover:bg-gray-100 transition-colors"
+                className="flex h-48 w-48 items-center justify-center overflow-hidden rounded-component-sm border border-gray-100 bg-gray-100 hover:bg-gray-200 transition-colors"
               >
                 {logoPreview ? (
                   <img
@@ -269,37 +260,47 @@ export default function WorkspacePage() {
                     className="h-full w-full object-cover"
                   />
                 ) : (
-                  <span className="text-text-sub">
-                    <UpLoadImgIcon />
-                  </span>
+                  <UpLoadImgIcon className="text-text-placeholder w-8 h-8" />
                 )}
               </button>
-            </div>
 
-            <Input
-              label="워크스페이스 이름"
-              placeholder="사용할 워크스페이스의 이름을 입력하세요."
-              value={newName}
-              onChange={(e) => setNewName(e.target.value)}
-              disabled={isCreating}
-            />
-            <TextareaField
-              id="workspace-desc"
-              label="워크스페이스 설명"
-              placeholder="워크스페이스에 대한 간단한 설명을 입력하세요"
-              value={newDesc}
-              onChange={(e) => setNewDesc(e.target.value)}
-              disabled={isCreating}
-            />
-            {createErrorMsg && (
-              <p className="font-body2 text-status-red">{createErrorMsg}</p>
-            )}
+              <Button
+                variant="custom"
+                className="h-7! mt-4 border border-gray-200 text-text-auth-sub px-4 rounded-component-lg bg-white font-body2 hover:bg-gray-100 transition-colors duration-200 ease-in-out"
+                onClick={openFile}
+                type="button"
+              >
+                업로드
+              </Button>
+            </div>
+            <div className="flex-1 w-full space-y-5">
+              <Input
+                label="워크스페이스 이름"
+                placeholder="사용할 워크스페이스의 이름을 입력하세요."
+                value={newName}
+                onChange={(e) => setNewName(e.target.value)}
+                disabled={isCreating}
+              />
+              <TextareaField
+                id="workspace-desc"
+                label="워크스페이스 설명"
+                placeholder="워크스페이스에 대한 간단한 설명을 입력하세요"
+                value={newDesc}
+                onChange={(e) => setNewDesc(e.target.value)}
+                disabled={isCreating}
+              />
+              {createErrorMsg && (
+                <p className="font-body2 text-status-red">{createErrorMsg}</p>
+              )}
+            </div>
+          </div>
+          <div className="flex justify-center mt-12">
             <Button
               size="big"
               variant="primary"
               onClick={onSubmitCreate}
               disabled={!newName.trim() || isCreating}
-              className="mx-auto px-10 mt-10"
+              className="px-12 w-auto tablet:w-full"
               type="button"
             >
               {isCreating ? "생성 중.. " : "생성하기"}

From 3547b35dbf745e1154f60f7ed6684763a55fd5b4 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 02:49:25 +0900
Subject: [PATCH 09/20] =?UTF-8?q?refactor:=20=EC=97=AD=ED=95=A0=20?=
 =?UTF-8?q?=EB=9D=BC=EB=B2=A8=EC=9D=84=20=EA=B3=B5=EC=9A=A9=20=EC=83=81?=
 =?UTF-8?q?=EC=88=98=EB=A1=9C=20=EB=B6=84=EB=A6=AC=ED=95=98=EA=B3=A0,=20?=
 =?UTF-8?q?=ED=95=9C=EA=B5=AD=EC=96=B4=20=ED=91=9C=EC=8B=9C=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/workspace/MemberList.tsx       | 4 ++--
 src/components/workspace/MemberRoleSelect.tsx | 8 ++------
 src/components/workspace/WorkspaceCard.tsx    | 3 ++-
 src/constants/workspaceRole.ts                | 6 ++++++
 src/types/workspace/workspace.ts              | 6 +++---
 5 files changed, 15 insertions(+), 12 deletions(-)
 create mode 100644 src/constants/workspaceRole.ts

diff --git a/src/components/workspace/MemberList.tsx b/src/components/workspace/MemberList.tsx
index 336b25a4..43d830d6 100644
--- a/src/components/workspace/MemberList.tsx
+++ b/src/components/workspace/MemberList.tsx
@@ -61,7 +61,7 @@ const mockInviteItems: TInviteMemberItem[] = [
     name: "양의지",
     email: "yang@wya.com",
     profileImageUrl: null,
-    role: "ADMIN",
+    role: "MEMBER",
     inviteStatus: "ACTIVE",
     isMe: false,
   },
@@ -69,7 +69,7 @@ const mockInviteItems: TInviteMemberItem[] = [
     name: "최민석",
     email: "kkokko@wya.com",
     profileImageUrl: null,
-    role: "ADMIN",
+    role: "MEMBER",
     inviteStatus: "ACTIVE",
     isMe: false,
   },
diff --git a/src/components/workspace/MemberRoleSelect.tsx b/src/components/workspace/MemberRoleSelect.tsx
index 3f96787a..20ed7955 100644
--- a/src/components/workspace/MemberRoleSelect.tsx
+++ b/src/components/workspace/MemberRoleSelect.tsx
@@ -1,4 +1,5 @@
 import type { TMemberRole } from "@/types/workspace/workspace";
+import { ROLE_LABEL_MAP } from "@/constants/workspaceRole";
 
 import {
   DropdownMenu,
@@ -13,11 +14,6 @@ type TProps = {
   disabled?: boolean;
 };
 
-const roleLabelMap: Record<TMemberRole, string> = {
-  ADMIN: "관리자",
-  MEMBER: "멤버",
-};
-
 const triggerStyleMap: Record<TMemberRole, string> = {
   ADMIN: "bg-status-blue/80 text-white shadow-sm",
   MEMBER: "bg-chart-3/15 text-text-auth-sub",
@@ -51,7 +47,7 @@ export default function MemberRoleSelect({
         <div
           className={`flex h-10 min-w-25 items-center justify-between gap-3 rounded-component-lg px-4 font-body2 ${triggerStyleMap[role]} cursor-pointer`}
         >
-          <span>{roleLabelMap[role]}</span>
+          <span>{ROLE_LABEL_MAP[role]}</span>
           <ChevonIcon
             className={`h-4 w-4 shrink-0 transition-transform ${open ? "rotate-0" : "-rotate-180"}`}
           />
diff --git a/src/components/workspace/WorkspaceCard.tsx b/src/components/workspace/WorkspaceCard.tsx
index 76c1fc20..995d890e 100644
--- a/src/components/workspace/WorkspaceCard.tsx
+++ b/src/components/workspace/WorkspaceCard.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
 
 import type { TWorkspace } from "@/types/workspace/workspace";
+import { ROLE_LABEL_MAP } from "@/constants/workspaceRole";
 
 import {
   DropdownMenu,
@@ -73,7 +74,7 @@ export default function WorkspaceCard({
             {w.description ?? ""}
           </div>
           <div className="font-body1 text-text-sub mt-2">
-            {w.myRole ?? "내 직책 및 역할"}
+            {ROLE_LABEL_MAP[w.myRole] ?? "내 직책 및 역할"}
           </div>
         </div>
       </div>
diff --git a/src/constants/workspaceRole.ts b/src/constants/workspaceRole.ts
new file mode 100644
index 00000000..328357fe
--- /dev/null
+++ b/src/constants/workspaceRole.ts
@@ -0,0 +1,6 @@
+import type { TMemberRole } from "@/types/workspace/workspace";
+
+export const ROLE_LABEL_MAP: Record<TMemberRole, string> = {
+  ADMIN: "관리자",
+  MEMBER: "멤버",
+};
diff --git a/src/types/workspace/workspace.ts b/src/types/workspace/workspace.ts
index a293302c..a89af94d 100644
--- a/src/types/workspace/workspace.ts
+++ b/src/types/workspace/workspace.ts
@@ -1,10 +1,12 @@
+export type TMemberRole = "ADMIN" | "MEMBER";
+
 export type TWorkspace = {
   orgId: number;
   name: string;
   description: string;
   url?: string | null;
   logoUrl?: string | null;
-  myRole: string;
+  myRole: TMemberRole;
 };
 
 export type TMyOrgsData = {
@@ -43,8 +45,6 @@ export type TUploadImageResponse = {
   url: string;
 };
 
-export type TMemberRole = "ADMIN" | "MEMBER";
-
 export type TWorkspaceMember = {
   memberId: number;
   name: string;

From b6cf1047321cc9e6c49c41d4ab3f035ff7f2f3aa Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 03:07:49 +0900
Subject: [PATCH 10/20] =?UTF-8?q?refactor:=20=EC=83=9D=EC=84=B1=ED=95=98?=
 =?UTF-8?q?=EA=B8=B0=20=EB=AA=A8=EB=8B=AC=20=ED=83=9C=EB=B8=94=EB=A6=BF=20?=
 =?UTF-8?q?=EB=B0=98=EC=9D=91=ED=98=95=20=EB=AA=A8=EB=8B=AC=20=ED=81=AC?=
 =?UTF-8?q?=EA=B8=B0=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workspace/Workspace.tsx | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/pages/workspace/Workspace.tsx b/src/pages/workspace/Workspace.tsx
index a207e52e..6fb3546c 100644
--- a/src/pages/workspace/Workspace.tsx
+++ b/src/pages/workspace/Workspace.tsx
@@ -226,17 +226,23 @@ export default function WorkspacePage() {
 
       {renderWorkspaceContent()}
 
-      <Modal isOpen={createOpen} onClose={onCloseCreate} size="xl" padding="lg">
-        <div className="px-2">
+      <Modal
+        isOpen={createOpen}
+        onClose={onCloseCreate}
+        size="xl"
+        padding="lg"
+        className="tablet:w-150"
+      >
+        <div className="px-1 tablet:px-0">
           <h2 className="font-heading4 text-text-main mb-2">
             워크스페이스 생성
           </h2>
-          <p className="font-body1 text-text-sub mb-6">
+          <p className="font-body1 text-text-sub mb-5">
             워크스페이스를 생성한 사용자는 자동으로 관리자 권한을 갖습니다.{" "}
             <br /> 로고 이미지와 기본 정보를 입력해 주세요.
           </p>
-          <div className="flex flex-row tablet:flex-col gap-10 items-start">
-            <div className="flex flex-col items-center w-45 tablet:w-full shrink-0">
+          <div className="flex flex-row gap-8 items-start tablet:flex-col tablet:gap-5">
+            <div className="flex flex-col items-center w-45 shrink-0 tablet:w-full">
               <div className="w-full mb-3 select-none font-label text-text-main tablet:text-center">
                 로고 이미지
               </div>
@@ -260,7 +266,7 @@ export default function WorkspacePage() {
                     className="h-full w-full object-cover"
                   />
                 ) : (
-                  <UpLoadImgIcon className="text-text-placeholder w-8 h-8" />
+                  <UpLoadImgIcon className="text-text-placeholder w-8 h-8 tablet:w-7 tablet:h-7" />
                 )}
               </button>
 
@@ -294,7 +300,7 @@ export default function WorkspacePage() {
               )}
             </div>
           </div>
-          <div className="flex justify-center mt-12">
+          <div className="flex justify-center mt-12 tablet:mt-6">
             <Button
               size="big"
               variant="primary"

From 008e801ee5ce53cc6022a2758fad9c1f602204ef Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 03:17:03 +0900
Subject: [PATCH 11/20] =?UTF-8?q?fix:=20=EC=BD=94=EB=93=9C=EB=9E=98?=
 =?UTF-8?q?=EB=B9=97=20=EC=88=98=EC=A0=95=EC=82=AC=ED=95=AD=20=EB=B0=98?=
 =?UTF-8?q?=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/workspace/MemberRoleSelect.tsx |  4 ++--
 src/components/workspace/WorkspaceCard.tsx    | 13 +++++++++----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/workspace/MemberRoleSelect.tsx b/src/components/workspace/MemberRoleSelect.tsx
index 20ed7955..71b0e59f 100644
--- a/src/components/workspace/MemberRoleSelect.tsx
+++ b/src/components/workspace/MemberRoleSelect.tsx
@@ -28,12 +28,12 @@ export default function MemberRoleSelect({
     ? []
     : [
         {
-          label: "관리자",
+          label: ROLE_LABEL_MAP.ADMIN,
           onClick: () => onChange("ADMIN"),
           active: role === "ADMIN",
         },
         {
-          label: "멤버",
+          label: ROLE_LABEL_MAP.MEMBER,
           onClick: () => onChange("MEMBER"),
           active: role === "MEMBER",
         },
diff --git a/src/components/workspace/WorkspaceCard.tsx b/src/components/workspace/WorkspaceCard.tsx
index 995d890e..7e78b1d5 100644
--- a/src/components/workspace/WorkspaceCard.tsx
+++ b/src/components/workspace/WorkspaceCard.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
 
 import type { TWorkspace } from "@/types/workspace/workspace";
@@ -19,7 +19,7 @@ type TProps = {
   isSelected?: boolean;
 };
 
-export default function WorkspaceCard({
+function WorkspaceCard({
   workspace: w,
   menuItems,
   isSelected = false,
@@ -64,7 +64,10 @@ export default function WorkspaceCard({
               {w.name}
             </div>
             {isSelected && (
-              <span className="shrink-0 rounded-full bg-chart-3/12 px-2 py-1 font-caption text-chart-3">
+              <span
+                role="status"
+                className="shrink-0 rounded-full bg-chart-3/12 px-2 py-1 font-caption text-chart-3"
+              >
                 현재 대시보드 기준
               </span>
             )}
@@ -74,7 +77,7 @@ export default function WorkspaceCard({
             {w.description ?? ""}
           </div>
           <div className="font-body1 text-text-sub mt-2">
-            {ROLE_LABEL_MAP[w.myRole] ?? "내 직책 및 역할"}
+            {ROLE_LABEL_MAP[w.myRole]}
           </div>
         </div>
       </div>
@@ -90,3 +93,5 @@ export default function WorkspaceCard({
     </li>
   );
 }
+
+export default React.memo(WorkspaceCard);

From 195105b3c015eade8b9c3d28ba2425dfec409089 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 15:24:29 +0900
Subject: [PATCH 12/20] =?UTF-8?q?fix:=20build=EC=97=90=EB=9F=AC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95(=EC=B6=A9=EB=8F=8C=20=EC=88=98=EC=A0=95)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workspace/MemberManagement.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/pages/workspace/MemberManagement.tsx b/src/pages/workspace/MemberManagement.tsx
index 7276da37..67e692e0 100644
--- a/src/pages/workspace/MemberManagement.tsx
+++ b/src/pages/workspace/MemberManagement.tsx
@@ -201,6 +201,7 @@ export default function MemberManagement() {
       </section>
     );
   }
+
   if (memberCountQuery.isLoading || membersQuery.isLoading) {
     return (
       <section className="w-full min-w-0">
@@ -213,6 +214,7 @@ export default function MemberManagement() {
       </section>
     );
   }
+
   if (memberCountQuery.isError || membersQuery.isError) {
     return (
       <section className="w-full min-w-0">
@@ -225,6 +227,7 @@ export default function MemberManagement() {
       </section>
     );
   }
+
   return (
     <section className="w-full min-w-0">
       <header className="mb-7">

From 0d3df49c08bebb841b3ba323ccb6a0ea4d06c793 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 15:35:43 +0900
Subject: [PATCH 13/20] =?UTF-8?q?fix:=20TextareaFiled=20=EC=B6=A9=EB=8F=8C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=EC=8B=9C=20=EC=83=9D=EA=B8=B4=20=EC=98=A4?=
 =?UTF-8?q?=EB=A5=98=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/textarea/TextareaField.tsx | 16 +---------------
 1 file changed, 1 insertion(+), 15 deletions(-)

diff --git a/src/components/common/textarea/TextareaField.tsx b/src/components/common/textarea/TextareaField.tsx
index 6901df34..c6da7400 100644
--- a/src/components/common/textarea/TextareaField.tsx
+++ b/src/components/common/textarea/TextareaField.tsx
@@ -24,7 +24,6 @@ export default function TextareaField({
   minRows = 4,
 }: TProps) {
   const ref = useRef<HTMLTextAreaElement | null>(null);
-
   const resize = () => {
     const el = ref.current;
     if (!el) return;
@@ -48,20 +47,7 @@ export default function TextareaField({
         rows={minRows}
         value={value}
         className={twMerge(
-          "w-full rounded-component-md bg-white ring-1 ring-logo-1/30 transition-colors duration-200 ease-out overflow-hidden",
-          disabled
-            ? "bg-gray-100 cursor-not-allowed"
-            : "hover:bg-gray-100 hover:ring-logo-1/40 focus-within:bg-white focus-within:ring-2 focus-within:ring-logo-1/50",
-        )}
-      />
-      <textarea
-        ref={ref}
-        id={id}
-        rows={minRows}
-        value={value}
-        className={twMerge(
-          "w-full resize-none overflow-hidden bg-transparent px-5 py-4 outline-none text-body1 text-text-main placeholder:text-text-placeholder",
-          "disabled:cursor-not-allowed disabled:text-text-disabled",
+          "w-full resize-none overflow-hidden rounded-component-md bg-gray-50 px-5 py-4 outline-none transition-smooth hover:bg-gray-100 focus:bg-white focus:ring-2 focus:ring-logo-1/30 text-body1 text-text-main placeholder:text-text-placeholder",
           className,
         )}
         placeholder={placeholder}

From 68e8917c7c5b41cedd02b36aacf55450c404e9a1 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 15:53:43 +0900
Subject: [PATCH 14/20] =?UTF-8?q?fix:=20=EC=B6=A9=EB=8F=8C=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=ED=95=98=EB=A9=B4=EC=84=9C=20=EB=A6=AC=EC=85=8B?=
 =?UTF-8?q?=EB=90=9C=20Textarea=20UI=EC=88=98=EC=A0=95=20=EC=9E=AC?=
 =?UTF-8?q?=EC=A7=84=ED=96=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/input/Input.tsx            | 2 +-
 src/components/common/textarea/TextareaField.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/common/input/Input.tsx b/src/components/common/input/Input.tsx
index cd0e449a..4d7f8bb5 100644
--- a/src/components/common/input/Input.tsx
+++ b/src/components/common/input/Input.tsx
@@ -66,7 +66,7 @@ const Input = forwardRef<HTMLInputElement, IInputProps>(
           <input
             ref={ref}
             className={twMerge(
-              "flex-1 h-full w-full bg-transparent border-none outline-none text-body1 text-text-main placeholder:text-text-placeholder px-5",
+              "flex-1 h-full w-full bg-transparent border-none outline-none font-body1 text-text-main placeholder:text-text-placeholder px-5",
               "disabled:cursor-not-allowed disabled:text-text-disabled",
               rightElement ? "pr-2" : "",
               inputClassName,
diff --git a/src/components/common/textarea/TextareaField.tsx b/src/components/common/textarea/TextareaField.tsx
index c6da7400..73b19fd1 100644
--- a/src/components/common/textarea/TextareaField.tsx
+++ b/src/components/common/textarea/TextareaField.tsx
@@ -47,8 +47,10 @@ export default function TextareaField({
         rows={minRows}
         value={value}
         className={twMerge(
-          "w-full resize-none overflow-hidden rounded-component-md bg-gray-50 px-5 py-4 outline-none transition-smooth hover:bg-gray-100 focus:bg-white focus:ring-2 focus:ring-logo-1/30 text-body1 text-text-main placeholder:text-text-placeholder",
-          className,
+          "w-full rounded-component-md px-5 py-4 ring-1 ring-logo-1/30 outline-none transition-colors duration-200 ease-out overflow-hidden placeholder:text-text-placeholder text-text-main font-body1",
+          disabled
+            ? "bg-gray-100 cursor-not-allowed"
+            : "hover:bg-gray-100 hover:ring-logo-1/40 focus-within:bg-white focus-within:ring-2 focus-within:ring-logo-1/50",
         )}
         placeholder={placeholder}
         onChange={onChange}

From 14725acb6e78cb4e026bbbc37ef92ca06ac6947c Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 15:56:27 +0900
Subject: [PATCH 15/20] =?UTF-8?q?fix:=20=EC=9B=8C=ED=81=AC=EC=8A=A4?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=8A=A4=20=EC=83=9D=EC=84=B1=EB=AA=A8?=
 =?UTF-8?q?=EB=8B=AC=20=EB=82=B4=20=EB=A1=9C=EA=B3=A0=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EB=8B=A4=EB=A5=B8=20?=
 =?UTF-8?q?label=EA=B3=BC=ED=86=B5=EC=9D=BC=EB=90=98=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workspace/Workspace.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/workspace/Workspace.tsx b/src/pages/workspace/Workspace.tsx
index 6fb3546c..a794f4e1 100644
--- a/src/pages/workspace/Workspace.tsx
+++ b/src/pages/workspace/Workspace.tsx
@@ -243,7 +243,7 @@ export default function WorkspacePage() {
           </p>
           <div className="flex flex-row gap-8 items-start tablet:flex-col tablet:gap-5">
             <div className="flex flex-col items-center w-45 shrink-0 tablet:w-full">
-              <div className="w-full mb-3 select-none font-label text-text-main tablet:text-center">
+              <div className="w-full mb-3 select-none text-text-main tablet:text-center">
                 로고 이미지
               </div>
               <input

From 056eecfc5e96ef5b224ec8f93b310dfa76ae1155 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 15:59:29 +0900
Subject: [PATCH 16/20] =?UTF-8?q?fix:=20build=EC=97=90=EB=9F=AC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/textarea/TextareaField.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/common/textarea/TextareaField.tsx b/src/components/common/textarea/TextareaField.tsx
index 73b19fd1..a5897f55 100644
--- a/src/components/common/textarea/TextareaField.tsx
+++ b/src/components/common/textarea/TextareaField.tsx
@@ -51,6 +51,7 @@ export default function TextareaField({
           disabled
             ? "bg-gray-100 cursor-not-allowed"
             : "hover:bg-gray-100 hover:ring-logo-1/40 focus-within:bg-white focus-within:ring-2 focus-within:ring-logo-1/50",
+          className,
         )}
         placeholder={placeholder}
         onChange={onChange}

From a3668b7120afd69eb959e7659092892e1be8c2bb Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 17:11:03 +0900
Subject: [PATCH 17/20] =?UTF-8?q?chore:=20WorkspaceCard=20=ED=81=B4?=
 =?UTF-8?q?=EB=A6=AD=EC=8B=9C=20WorkspaceSetting=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/workspace/WorkspaceCard.tsx | 12 ++++++++++--
 src/pages/workspace/Workspace.tsx          |  3 +++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/workspace/WorkspaceCard.tsx b/src/components/workspace/WorkspaceCard.tsx
index 7e78b1d5..f13d8854 100644
--- a/src/components/workspace/WorkspaceCard.tsx
+++ b/src/components/workspace/WorkspaceCard.tsx
@@ -17,12 +17,14 @@ type TProps = {
   workspace: TWorkspace;
   menuItems: TMenuItem[];
   isSelected?: boolean;
+  onClick?: () => void;
 };
 
 function WorkspaceCard({
   workspace: w,
   menuItems,
   isSelected = false,
+  onClick,
 }: TProps) {
   const [imageError, setImageError] = useState(false);
 
@@ -37,8 +39,11 @@ function WorkspaceCard({
     <li
       className={twMerge(
         "flex items-center justify-between rounded-component-md bg-white px-6 py-5 shadow-Soft border tablet:px-4 tablet:py-4",
-        isSelected ? "border-chart-3 bg-chart-3/3" : "border-gray-100",
+        onClick &&
+          "cursor-pointer hover:bg-gray-50 active:scale-93 duration-50 transition-transform",
+        isSelected ? "border-chart-3/80 bg-chart-3/2" : "border-gray-100",
       )}
+      onClick={onClick}
     >
       <div className="flex items-center gap-5 min-w-0 tablet:gap-3">
         <div className="w-24 h-24 bg-gray-100 shrink-0 rounded-component-sm tablet:h-16 tablet:w-16">
@@ -82,7 +87,10 @@ function WorkspaceCard({
         </div>
       </div>
 
-      <div className="flex items-center gap-4 shrink-0">
+      <div
+        className="flex items-center gap-4 shrink-0"
+        onClick={(e) => e.stopPropagation()}
+      >
         <DropdownMenu
           trigger={<VectorIcon aria-hidden="true" />}
           aria-label={`${w.name} 워크스페이스 메뉴`}
diff --git a/src/pages/workspace/Workspace.tsx b/src/pages/workspace/Workspace.tsx
index a794f4e1..c58adc79 100644
--- a/src/pages/workspace/Workspace.tsx
+++ b/src/pages/workspace/Workspace.tsx
@@ -189,6 +189,9 @@ export default function WorkspacePage() {
             workspace={w}
             menuItems={menuItems(w.orgId)}
             isSelected={w.orgId === selectedOrgId}
+            onClick={() => {
+              void navigate(`/workspace/${w.orgId}/settings`);
+            }}
           />
         ))}
       </ul>

From a35e06fee203c2463897e3a0ad6629fcbede5436 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Wed, 25 Mar 2026 17:23:34 +0900
Subject: [PATCH 18/20] =?UTF-8?q?feat:=20WorkspaceSetting=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=82=B4=20=EB=A9=A4=EB=B2=84=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20=EC=9D=B4=EB=8F=99=20=EB=B2=84=ED=8A=BC=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80,=20=EC=95=84=EC=9D=B4=ED=85=9C=EB=B3=84=20=EA=B0=84?=
 =?UTF-8?q?=EA=B2=A9=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workspace/WorkspaceSetting.tsx | 41 ++++++++++++++++--------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/src/pages/workspace/WorkspaceSetting.tsx b/src/pages/workspace/WorkspaceSetting.tsx
index e7851cc3..e4e7a75a 100644
--- a/src/pages/workspace/WorkspaceSetting.tsx
+++ b/src/pages/workspace/WorkspaceSetting.tsx
@@ -282,26 +282,41 @@ export default function WorkspaceSetting() {
                 />
               </div>
             </div>
+            <div className="flex justify-end mt-6 gap-4 tablet:flex-col">
+              <Button
+                size="big"
+                variant="secondary"
+                type="button"
+                onClick={() => {
+                  if (!orgId) return;
+                  void navigate(`/workspace/${orgId}/members`);
+                }}
+                aria-label="멤버 관리로 이동하기"
+                className="w-auto tablet:w-full"
+              >
+                멤버 관리로 이동
+              </Button>
+              <Button
+                size="big"
+                variant="primary"
+                type="button"
+                onClick={onSave}
+                disabled={!name.trim() || saving || deleting || uploading}
+                aria-label="변경사항 저장하기"
+                className="w-auto tablet:w-full"
+              >
+                {saving ? "저장 중.." : "변경사항 저장하기"}
+              </Button>
+            </div>
           </div>
-          <div className="flex justify-end">
-            <Button
-              size="big"
-              variant="primary"
-              onClick={onSave}
-              disabled={!name.trim() || saving || deleting || uploading}
-              aria-label="변경사항 저장하기"
-              className="w-auto tablet:w-full"
-            >
-              {saving ? "저장 중.." : "변경사항 저장하기"}
-            </Button>
-          </div>
+
           <div className="w-full flex flex-col">
             <ControlBox
               title="워크스페이스 삭제"
               description={`워크스페이스를 삭제하면 모든 데이터가 영구적으로 삭제됩니다.\n 이 작업은 되돌릴 수 없습니다`}
               buttonText="워크스페이스 삭제"
               onButtonClick={openDeleteModal}
-              className="w-full mt-5"
+              className="w-full"
               containerClassName="bg-status-red/10 border-status-red"
               titleClassName="text-status-red"
               descriptionClassName="text-text-auth-sub"

From 634be58b9eb78dcc0d44232b59bae37ce0161de1 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Thu, 26 Mar 2026 00:21:03 +0900
Subject: [PATCH 19/20] =?UTF-8?q?feat:=20=EB=92=A4=EB=A1=9C=EA=B0=80?=
 =?UTF-8?q?=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workspace/MemberManagement.tsx | 25 +++++++++++++++++-------
 src/pages/workspace/WorkspaceSetting.tsx | 20 +++++++++++++++----
 2 files changed, 34 insertions(+), 11 deletions(-)

diff --git a/src/pages/workspace/MemberManagement.tsx b/src/pages/workspace/MemberManagement.tsx
index 67e692e0..7dd59a60 100644
--- a/src/pages/workspace/MemberManagement.tsx
+++ b/src/pages/workspace/MemberManagement.tsx
@@ -9,6 +9,7 @@ import {
 } from "@/types/workspace/workspace";
 
 import ControlBox from "@/components/common/controlbox/ControlBox";
+import PageHeader from "@/components/common/PageHeader";
 import DeleteMemberModal from "@/components/workspace/DeleteMemberModal";
 import MemberList from "@/components/workspace/MemberList";
 import PermissionTable from "@/components/workspace/PermissionTable";
@@ -229,13 +230,23 @@ export default function MemberManagement() {
   }
 
   return (
-    <section className="w-full min-w-0">
-      <header className="mb-7">
-        <h1 className="font-heading2">멤버 관리</h1>
-        <p className="font-body1 text-text-sub">
-          팀 구성원을 효율적으로 관리하세요
-        </p>
-      </header>
+    <section className="w-full min-w-0 flex flex-col gap-8">
+      <div className="flex flex-col gap-3">
+        <button
+          type="button"
+          onClick={() => {
+            void navigate(-1);
+          }}
+          className="inline-flex w-fit items-center gap-1 text-text-sub transition-colors hover:text-text-main"
+        >
+          <span aria-hidden="true">←</span>
+          <span className="font-body2">뒤로 이동</span>
+        </button>
+        <PageHeader
+          title="멤버 관리"
+          description="팀 멤버를 효율적으로 관리하세요"
+        />
+      </div>
 
       <div className="flex w-full min-w-0 flex-col gap-10">
         <MemberList
diff --git a/src/pages/workspace/WorkspaceSetting.tsx b/src/pages/workspace/WorkspaceSetting.tsx
index e4e7a75a..c591f255 100644
--- a/src/pages/workspace/WorkspaceSetting.tsx
+++ b/src/pages/workspace/WorkspaceSetting.tsx
@@ -175,10 +175,22 @@ export default function WorkspaceSetting() {
 
   return (
     <section className="w-full flex flex-col gap-8">
-      <PageHeader
-        title="워크스페이스 관리"
-        description="워크스페이스 정보를 확인하고 관리하세요."
-      />
+      <div className="flex flex-col gap-3">
+        <button
+          type="button"
+          onClick={() => {
+            void navigate(-1);
+          }}
+          className="inline-flex w-fit items-center gap-1 text-text-sub transition-colors hover:text-text-main"
+        >
+          <span aria-hidden="true">←</span>
+          <span className="font-body2">뒤로 이동</span>
+        </button>
+        <PageHeader
+          title="워크스페이스 관리"
+          description="워크스페이스 정보를 확인하고 관리하세요."
+        />
+      </div>
 
       {loading && (
         <div className="bg-white p-10 text-center border border-gray-100 rounded-component-lg">

From 55fa111a91ae172b9d4a290fe7d0508ff5af429d Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Thu, 26 Mar 2026 13:38:25 +0900
Subject: [PATCH 20/20] =?UTF-8?q?fix:=20Build=20=EC=98=A4=EB=A5=98?=
 =?UTF-8?q?=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/workspace/MemberList.tsx | 71 -------------------------
 1 file changed, 71 deletions(-)

diff --git a/src/components/workspace/MemberList.tsx b/src/components/workspace/MemberList.tsx
index ab44395f..ba66316c 100644
--- a/src/components/workspace/MemberList.tsx
+++ b/src/components/workspace/MemberList.tsx
@@ -12,77 +12,6 @@ import Button from "../common/button/Button";
 
 import PlusIcon from "@/assets/icon/common/plus.svg?react";
 
-const mockInviteItems: TInviteMemberItem[] = [
-  {
-    email: "aaa111@wya.com",
-    inviteStatus: "PENDING",
-  },
-  {
-    name: "이유찬",
-    email: "uuuchan@wya.com",
-    profileImageUrl: null,
-    role: "ADMIN",
-    inviteStatus: "ACTIVE",
-    isMe: false,
-  },
-  {
-    name: "박치국",
-    email: "peach@wya.com",
-    profileImageUrl: null,
-    role: "MEMBER",
-    inviteStatus: "ACTIVE",
-    isMe: false,
-  },
-  {
-    name: "강승호",
-    email: "kang@wya.com",
-    profileImageUrl: null,
-    role: "MEMBER",
-    inviteStatus: "ACTIVE",
-    isMe: false,
-  },
-  {
-    name: "플렉센",
-    email: "flex@wya.com",
-    profileImageUrl: null,
-    role: "ADMIN",
-    inviteStatus: "ACTIVE",
-    isMe: false,
-  },
-  {
-    name: "잭로그",
-    email: "jackjack@wya.com",
-    profileImageUrl: null,
-    role: "MEMBER",
-    inviteStatus: "ACTIVE",
-    isMe: false,
-  },
-  {
-    name: "양의지",
-    email: "yang@wya.com",
-    profileImageUrl: null,
-    role: "MEMBER",
-    inviteStatus: "ACTIVE",
-    isMe: false,
-  },
-  {
-    name: "최민석",
-    email: "kkokko@wya.com",
-    profileImageUrl: null,
-    role: "MEMBER",
-    inviteStatus: "ACTIVE",
-    isMe: false,
-  },
-  {
-    name: "양재훈",
-    email: "yanghun@wya.com",
-    profileImageUrl: null,
-    role: "MEMBER",
-    inviteStatus: "ACTIVE",
-    isMe: false,
-  },
-];
-
 type TMemberListProps = {
   orgId: number;
   members: TWorkspaceMember[];