From 24b8377e0b7ffe991f352cbc6e56b35a718e94c7 Mon Sep 17 00:00:00 2001
From: jyn <spdlqjdkslel1226@naver.com>
Date: Sun, 22 Jun 2025 22:00:00 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=90=9B=20fix:=20=EB=82=99=EA=B4=80?=
 =?UTF-8?q?=EC=A0=81=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8=EC=97=90=20?=
 =?UTF-8?q?=EC=BB=AC=EB=9F=BC=EC=9D=98=20totalCount=EB=8F=84=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80->=EC=B9=B4=EB=93=9C=EA=B0=AF=EC=88=98=EB=8F=84=20?=
 =?UTF-8?q?=EC=A6=89=EA=B0=81=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/features/dashboard_Id/api/useCardMutation.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/features/dashboard_Id/api/useCardMutation.ts b/src/app/features/dashboard_Id/api/useCardMutation.ts
index 7563294..7fbfb69 100644
--- a/src/app/features/dashboard_Id/api/useCardMutation.ts
+++ b/src/app/features/dashboard_Id/api/useCardMutation.ts
@@ -51,7 +51,7 @@ export const useCardMutation = () => {
         return
       }
 
-      // A. 이전 컬럼에서 카드 제거 & 카드 추출
+      // A. 이전 컬럼에서 카드currentCard 제거
       // setQueryData의 콜백함수의 리턴값이 쿼리키 캐시에 저장됨(캐시 업데이트)
       queryClient.setQueryData<InfiniteData<CardResponse>>(
         ['columnId', currentCard.cardData.columnId],
@@ -66,6 +66,7 @@ export const useCardMutation = () => {
             return {
               ...page,
               cards: page.cards.filter((card) => card.id !== cardData.id),
+              totalCount: page.totalCount - 1,
             }
           })
           return { ...oldData, pages: updatedPages }
@@ -84,6 +85,7 @@ export const useCardMutation = () => {
               return {
                 ...page,
                 cards: [...page.cards, movedCard],
+                totalCount: page.totalCount + 1,
               }
             }
             return page

From f3fc357164c4f6a59476c24e7abaf59ab5371fe6 Mon Sep 17 00:00:00 2001
From: jyn <spdlqjdkslel1226@naver.com>
Date: Mon, 23 Jun 2025 00:46:57 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=90=9B=20fix:=20=EB=AA=A8=EB=8B=AC=20?=
 =?UTF-8?q?=EB=B0=B1=EA=B7=B8=EB=9D=BC=EC=9A=B4=EB=93=9C=20=ED=81=B4?=
 =?UTF-8?q?=EB=A6=AD=20=EB=A7=89=EC=9D=8C(CreateCardModal.tsx)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Card/cardFormModals/CreateCardModal.tsx   |  5 +-
 .../features/dashboard_Id/Column/Column.tsx   |  1 -
 src/app/tester/page.tsx                       | 94 -------------------
 3 files changed, 4 insertions(+), 96 deletions(-)
 delete mode 100644 src/app/tester/page.tsx

diff --git a/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx b/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx
index 981a7ac..9588720 100644
--- a/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx
+++ b/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx
@@ -13,7 +13,10 @@ export default function CreateCardModal({ children }: ModalProps) {
   if (!modalRoot) return null
 
   return createPortal(
-    <div className="z-60 fixed inset-0 flex items-center justify-center bg-black/40">
+    <div
+      className="z-60 fixed inset-0 flex items-center justify-center bg-black/40"
+      onClick={(e) => e.stopPropagation()}
+    >
       <div className="BG-white h-970 w-584 overflow-y-scroll rounded-16 p-32 shadow-lg [mask-image:radial-gradient(white_100%,transparent_100%)] mobile:h-766 mobile:w-327 mobile:px-16 mobile:py-24">
         {children}
       </div>
diff --git a/src/app/features/dashboard_Id/Column/Column.tsx b/src/app/features/dashboard_Id/Column/Column.tsx
index 1ddb116..d5a4f94 100644
--- a/src/app/features/dashboard_Id/Column/Column.tsx
+++ b/src/app/features/dashboard_Id/Column/Column.tsx
@@ -109,7 +109,6 @@ export default function Column({
         className="BG-white Border-section flex justify-center rounded-6 py-9"
         onClick={() => setOpenCreateCard(true)}
       >
-        {/* <div className="flex h-22 w-22 items-center justify-center rounded-4 bg-blue-100 dark:bg-[#363636]"> */}
         <div className="BG-lightblue flex h-22 w-22 items-center justify-center rounded-4">
           <Image
             src={'/images/plus.svg'}
diff --git a/src/app/tester/page.tsx b/src/app/tester/page.tsx
deleted file mode 100644
index bd67600..0000000
--- a/src/app/tester/page.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-'use client'
-
-import Image from 'next/image'
-
-import Header from '@/app/shared/components/common/header/Header'
-import Sidebar from '@/app/shared/components/common/sidebar/Sidebar'
-import ThemeToggle from '@/app/shared/components/ThemeToggle'
-
-import CreateDashboardModal from '../shared/components/common/modal/CreateDashboardModal'
-import { useModalStore } from '../shared/store/useModalStore'
-
-//<초기 설정 안내>
-
-// 이미지 파일에 접근할 때: /images/파일명
-// 그 외, alias 설정 참고: alias규칙은 - tsconfig.json파일 내의 "paths": {}에 작성
-// 그 외, e.g. import { someUtil } from '@shared/utils';
-
-// pxr 단위 사용
-// - 원래 gap-4는 16px인데, pxr적용 시에는 gap-16으로 작성
-// - 원래 [300px] -> 300으로 작성
-
-// next-themes 라이트, 다크 모드
-// globals.css에 작성한 커스텀 유틸 클래스(@apply) 참고해서, 클래스명 가져다 사용하거나 직접 커스텀
-
-export default function Home() {
-  const { openModal } = useModalStore()
-
-  return (
-    <>
-      <Header title="내 대시보드" />
-      <div className="flex">
-        {/* 사이드바 */}
-        <Sidebar />
-        {/* 메인 콘텐츠 영역 */}
-        <div className="ml-300 p-20">
-          {/* 헤더 영역 */}
-          <div className="mb-24">
-            <h1 className="mb-16 text-24 font-bold">Sidebar 테스트 페이지</h1>
-            <p className="Text-gray mb-20">왼쪽에 사이드바 만들어보자잇!</p>
-            <ThemeToggle />
-            {/* 모달 테스트 버튼 - 이 부분을 추가! */}
-            <button
-              onClick={() => openModal('createDashboard')}
-              className="BG-blue mt-12 rounded-6 px-16 py-10 text-white"
-            >
-              대시보드 생성 모달 테스트
-            </button>
-            {/* 모달 버튼 컴포넌트 추가 - 이 부분도 추가! */}
-            <CreateDashboardModal />
-          </div>
-
-          {/* 기존 테스트 요소들 */}
-          <div className="space-y-24">
-            <div>
-              <h2 className="mb-12 text-20 font-semibold">로고 테스트</h2>
-              <div className="Border-section relative h-[200px] w-[300px] rounded-8 p-16">
-                <Image
-                  src="/images/logo-light2.svg"
-                  alt="Logo"
-                  fill
-                  className="object-contain"
-                  priority
-                />
-              </div>
-            </div>
-
-            {/* pxr 단위 테스트 */}
-            <div>
-              <h2 className="mb-12 text-20 font-semibold">pxr 단위 테스트</h2>
-              <div className="mb-8 rounded-6 bg-blue-100 p-[32px] text-[16px]">
-                <p>This text should be 16px (일반 px 단위)</p>
-              </div>
-              <div className="rounded-6 bg-blue-100 p-32 text-16">
-                <p>
-                  This text should be 1rem → converted 16 to 1rem: using pxr
-                </p>
-              </div>
-            </div>
-
-            {/* Gap 테스트 */}
-            <div>
-              <h2 className="mb-12 text-20 font-semibold">Gap 테스트</h2>
-              <div className="flex gap-16 rounded-6 bg-gray-100 p-16">
-                <div className="rounded-4 bg-blue-300 p-16">AAA</div>
-                <div className="rounded-4 bg-green-300 p-16">BBB</div>
-                <div className="rounded-4 bg-red-300 p-16">CCC</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  )
-}