From 0224665e30b43548a66aa01bbee08295c2f40df5 Mon Sep 17 00:00:00 2001
From: jyn <spdlqjdkslel1226@naver.com>
Date: Mon, 23 Jun 2025 04:06:50 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20=EB=B0=98=EC=9D=91?=
 =?UTF-8?q?=ED=98=95=20=EC=88=98=EC=A0=95,=20=EB=8C=93=EA=B8=80UI=EC=97=90?=
 =?UTF-8?q?=20=EC=A4=84=EB=B0=94=EA=BF=88=20=EB=B0=98=EC=98=81,=20?=
 =?UTF-8?q?=EC=B9=B4=EB=93=9C=EC=88=98=EC=A0=95=EB=AA=A8=EB=8B=AC-?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=B3=80=EA=B2=BD=20=EC=8B=9C=20?=
 =?UTF-8?q?shouldDirty?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/dashboard/[id]/page.tsx                           | 8 +++++---
 .../dashboard_Id/Card/cardFormModals/ModifyCardForm.tsx   | 6 +++++-
 src/app/features/dashboard_Id/Card/cardModal/Comment.tsx  | 2 +-
 src/app/features/dashboard_Id/Column/Column.tsx           | 6 ++++--
 4 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/app/dashboard/[id]/page.tsx b/src/app/dashboard/[id]/page.tsx
index 4d13dea..adf56c6 100644
--- a/src/app/dashboard/[id]/page.tsx
+++ b/src/app/dashboard/[id]/page.tsx
@@ -147,7 +147,7 @@ export default function DashboardID() {
     <>
       <div className="h-screen select-none">
         <div
-          className="flex min-h-screen mobile:flex-col tablet:flex-col"
+          className="BG-gray flex min-h-screen mobile:flex-col tablet:flex-col"
           onTouchStart={handleTouchStart}
           onTouchMove={handleTouchMove}
           onTouchEnd={handleTouchEnd}
@@ -155,9 +155,11 @@ export default function DashboardID() {
           {columns?.map((column) => (
             <Column key={column.id} column={column} dashboardId={dashboardId} />
           ))}{' '}
-          <div className="BG-gray Border-column p-20 mobile:h-full mobile:w-308 mobile:border-t-2 tablet:h-full tablet:w-584 tablet:border-t-2">
+          {/* <div className="BG-gray Border-column p-20 mobile:h-full mobile:w-308 mobile:border-t-2 tablet:h-full tablet:w-584 tablet:border-t-2"> */}
+          <div className="BG-gray Border-column p-20 pt-84 mobile:size-full mobile:border-t-2 mobile:pt-20 tablet:size-full tablet:border-t-2 tablet:pt-20">
             <button
-              className="BG-white Border-btn m flex justify-center gap-12 whitespace-nowrap rounded-8 px-85 pb-20 pt-24 text-18 font-bold mobile:flex mobile:w-full mobile:justify-center mobile:px-50 mobile:py-20 mobile:text-16 tablet:flex tablet:w-full tablet:items-center"
+              // className="BG-white Border-btn m flex justify-center gap-12 whitespace-nowrap rounded-8 px-85 pb-20 pt-24 text-18 font-bold mobile:flex mobile:w-full mobile:justify-center mobile:px-50 mobile:py-20 mobile:text-16 tablet:flex tablet:w-full tablet:items-center"
+              className="BG-white Border-btn m flex justify-center gap-12 whitespace-nowrap rounded-8 px-85 pb-20 pt-24 text-18 font-bold mobile:flex mobile:size-full mobile:justify-center mobile:px-50 mobile:py-20 mobile:text-16 tablet:flex tablet:w-full tablet:items-center"
               onClick={handleCreateColumn}
             >
               <span>새로운 컬럼 추가하기</span>
diff --git a/src/app/features/dashboard_Id/Card/cardFormModals/ModifyCardForm.tsx b/src/app/features/dashboard_Id/Card/cardFormModals/ModifyCardForm.tsx
index 86d8597..05a79c5 100644
--- a/src/app/features/dashboard_Id/Card/cardFormModals/ModifyCardForm.tsx
+++ b/src/app/features/dashboard_Id/Card/cardFormModals/ModifyCardForm.tsx
@@ -76,9 +76,13 @@ export default function ModifyCardForm({
   })
 
   // React Hook Form 과 tags 값 연결
+  // 💥 트러블슈팅: 태그수정해도 isDirty가 잡히지 않아서, shouldDirty를 추가하여 해결(배열 주소는 그대로니까..)
   useEffect(() => {
     setValue('tags', tags, { shouldDirty: true })
   }, [tags, tags.length, setValue])
+  //   useEffect(() => {
+  //    {shouldDirty: true }
+  // }, [preview])
 
   // 상태(컬럼) 선택 시 / assignee 선택 시 드롭다운 닫기
   useEffect(() => {
@@ -99,7 +103,7 @@ export default function ModifyCardForm({
       { columnId, file },
       {
         onSuccess: ({ imageUrl }) => {
-          setValue('imageUrl', imageUrl)
+          setValue('imageUrl', imageUrl, { shouldDirty: true })
           setPreview(imageUrl)
         },
       },
diff --git a/src/app/features/dashboard_Id/Card/cardModal/Comment.tsx b/src/app/features/dashboard_Id/Card/cardModal/Comment.tsx
index a681885..da7ab9a 100644
--- a/src/app/features/dashboard_Id/Card/cardModal/Comment.tsx
+++ b/src/app/features/dashboard_Id/Card/cardModal/Comment.tsx
@@ -44,7 +44,7 @@ export default function Comment({ comment }: { comment: CommentType }) {
             content={comment.content}
           />
         ) : (
-          <p className="text-14">{comment.content}</p>
+          <p className="whitespace-pre-line text-14">{comment.content}</p>
         )}
         {!modifyComment && (
           <div className="Text-gray-light active:Text-btn flex gap-14 text-12 font-normal underline underline-offset-2 mobile:gap-8 tablet:gap-12">
diff --git a/src/app/features/dashboard_Id/Column/Column.tsx b/src/app/features/dashboard_Id/Column/Column.tsx
index e745191..c161a43 100644
--- a/src/app/features/dashboard_Id/Column/Column.tsx
+++ b/src/app/features/dashboard_Id/Column/Column.tsx
@@ -53,7 +53,7 @@ export default function Column({
 
   if (isLoading)
     return (
-      <div className="BG-gray Border-column w-354 shrink-0 p-20 pt-103 mobile:w-308 tablet:w-584">
+      <div className="BG-gray Border-column flex w-354 shrink-0 flex-col gap-16 p-20 pt-104 mobile:h-190 mobile:w-full tablet:h-190 tablet:w-full">
         <div className="BG-white size-full"></div>
       </div>
     ) // 스켈레톤 적용???⭐️
@@ -87,7 +87,9 @@ export default function Column({
       }}
       data-column-id={id}
       className={cn(
-        'BG-gray Border-column flex w-354 shrink-0 flex-col gap-16 p-20 mobile:w-308 tablet:w-584',
+        // 'BG-gray Border-column flex w-354 shrink-0 flex-col gap-16 p-20 mobile:w-308 tablet:w-584',
+        'BG-gray Border-column flex w-354 shrink-0 flex-col gap-16 p-20 mobile:w-full tablet:w-full',
+
         {
           'BG-drag-hovered': isDraggingover,
         },