From 22e31a2f710ff68e29f28c9574c7be5cfdb03af0 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Mon, 17 Feb 2025 14:37:28 +0900
Subject: [PATCH 1/7] =?UTF-8?q?:recycle:=20[refactor]=20:=20=EA=B5=AC?=
 =?UTF-8?q?=EB=B6=84=20=EC=9D=B4=EB=A6=84=20=EC=A4=91=EB=B3=B5=EC=8B=9C=20?=
 =?UTF-8?q?=EC=97=90=EB=9F=AC=20=EB=AC=B8=EA=B5=AC=20=EB=AA=A8=EB=8B=AC=20?=
 =?UTF-8?q?=EB=B0=9C=EC=83=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/axios.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/utils/axios.ts b/src/utils/axios.ts
index a82dfea..0b26919 100644
--- a/src/utils/axios.ts
+++ b/src/utils/axios.ts
@@ -90,6 +90,8 @@ const setInterceptors = (instance: AxiosInstance) => {
               setError('중복된 카테고리명\n혹은 고유코드입니다')
             } else if (error.response.data === 'MEMBER_006') {
               setError('비밀번호가 일치하지 않습니다', '다시 시도해주세요')
+            } else if (error.response.data === 'LABEL_002') {
+              setError('중복된 구분 이름입니다')
             } else if (error.response.data === 'MEMBER_007') {
               return Promise.reject(new Error('WRONG_FILETYPE'))
             } else if (error.response.data === 'MEMBER_012') {

From 6a0a456f554149f0e32fc884cff089087c81a1b2 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Mon, 17 Feb 2025 14:37:52 +0900
Subject: [PATCH 2/7] =?UTF-8?q?:recycle:=20[refactor]=20:=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=EC=A1=B0=ED=9A=8C=EC=97=90=EC=84=9C=20=EC=9A=94?=
 =?UTF-8?q?=EC=B2=AD=20=EC=8A=B9=EC=9D=B8=20=EC=8B=9C=20=EB=8B=B4=EB=8B=B9?=
 =?UTF-8?q?=EC=9E=90=EA=B0=80=20=EC=B5=9C=EC=8B=A0=ED=99=94=20=EB=90=98?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8A=94=20=EC=98=A4=EB=A5=98=20=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/task-detail/TaskDetail.vue     |  8 +++--
 .../task-detail/TaskDetailManagerDropdown.vue |  2 +-
 .../task-detail/TaskDetailRight.vue           | 36 +++++++++++++------
 3 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/src/components/task-detail/TaskDetail.vue b/src/components/task-detail/TaskDetail.vue
index 17b4e63..043937e 100644
--- a/src/components/task-detail/TaskDetail.vue
+++ b/src/components/task-detail/TaskDetail.vue
@@ -24,7 +24,7 @@
       </div>
       <div class="w-[1px] bg-border-1"></div>
       <TaskDetailRight
-        :data
+        :data="data"
         :isProcessor="info.role !== 'ROLE_USER'" />
     </div>
   </div>
@@ -32,6 +32,7 @@
 
 <script setup lang="ts">
 import { getHistory, getTaskDetailManager, getTaskDetailUser } from '@/api/user'
+import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 import { useMemberStore } from '@/stores/member'
 import type { TaskDetailDatas, TaskDetailHistoryData, TaskDetailProps } from '@/types/user'
 import { useQuery } from '@tanstack/vue-query'
@@ -41,7 +42,6 @@ import TaskDetailHistory from './TaskDetailHistory.vue'
 import TaskDetailLeft from './TaskDetailLeft.vue'
 import TaskDetailRight from './TaskDetailRight.vue'
 import TaskDetailTopBar from './TaskDetailTopBar.vue'
-import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 
 const { closeTaskDetail, selectedId } = defineProps<TaskDetailProps>()
 
@@ -54,8 +54,10 @@ const { data } = useQuery<TaskDetailDatas>({
     info.value.role === 'ROLE_USER'
       ? () => getTaskDetailUser(selectedId)
       : () => getTaskDetailManager(selectedId),
-  refetchOnMount: true
+  refetchOnMount: 'always',
+  staleTime: 0
 })
+console.log(data, '최 앞단')
 
 const { data: historyData } = useQuery<TaskDetailHistoryData>({
   queryKey: ['historyData', selectedId],
diff --git a/src/components/task-detail/TaskDetailManagerDropdown.vue b/src/components/task-detail/TaskDetailManagerDropdown.vue
index 3af5154..ef2680f 100644
--- a/src/components/task-detail/TaskDetailManagerDropdown.vue
+++ b/src/components/task-detail/TaskDetailManagerDropdown.vue
@@ -50,7 +50,7 @@ import ImageContainer from '../common/ImageContainer.vue'
 
 const { modelValue } = defineProps<{ modelValue: ManagerTypes; taskId: number }>()
 const emit = defineEmits(['update:modelValue'])
-console.log(modelValue,'현재 담당자' )
+console.log(modelValue, '현재 담당ㅏ자')
 
 const dropdownOpen = ref(false)
 const managerArr = ref<ManagerTypes[]>([])
diff --git a/src/components/task-detail/TaskDetailRight.vue b/src/components/task-detail/TaskDetailRight.vue
index 2a19f96..2892429 100644
--- a/src/components/task-detail/TaskDetailRight.vue
+++ b/src/components/task-detail/TaskDetailRight.vue
@@ -22,7 +22,7 @@
         class="w-fit">
         <TaskStatus :status="data.taskStatus" />
       </div>
-      <div v-else>
+      <div v-else-if="taskStatus">
         <TaskStatusList
           v-model="taskStatus"
           :isProcessor="info.isReviewer || isProcessor"
@@ -40,7 +40,7 @@
     </div>
     <div>
       <p class="task-detail">담당자</p>
-      <div v-if="data.taskStatus !== 'REQUESTED' && isProcessor">
+      <div v-if="data.taskStatus !== 'REQUESTED' && isProcessor && newManager">
         <TaskDetailManagerDropdown
           v-model="newManager"
           :task-id="data.taskId" />
@@ -78,6 +78,7 @@
 <script setup lang="ts">
 import { changeProcessor } from '@/api/user'
 import { useMemberStore } from '@/stores/member'
+import type { Status } from '@/types/common'
 import type { ManagerTypes } from '@/types/manager'
 import type { TaskDetailDatas } from '@/types/user'
 import { formatDateAndTime, formatDaysBefore, formatDueDate } from '@/utils/date'
@@ -91,28 +92,43 @@ import TaskDetailManagerDropdown from './TaskDetailManagerDropdown.vue'
 import TaskStatusList from './TaskStatusList.vue'
 
 const { data, isProcessor } = defineProps<{ data: TaskDetailDatas; isProcessor: boolean }>()
+console.log(data, '가져온 데이터')
 
-const selectedManager = ref({
+const selectedManager = ref<ManagerTypes>({
   memberId: -1,
-  nickname: data.processorNickName,
-  imageUrl: data.processorImageUrl,
+  nickname: '',
+  imageUrl: '',
   remainingTasks: -1
-} as ManagerTypes)
+})
 
-const taskStatus = ref(data.taskStatus)
-const newManager = ref(selectedManager.value)
+const taskStatus = ref<Status | null>(null)
+const newManager = ref<ManagerTypes | null>(null)
 const queryClient = useQueryClient()
 const memberStore = useMemberStore()
 const { info } = storeToRefs(memberStore)
 
 const taskLabel = ref({
   labelId: -1,
-  labelName: data.labelName || '',
+  labelName: '',
   labelColor: ''
 })
 
 watchEffect(() => {
-  taskStatus.value = data.taskStatus
+  if (data) {
+    taskStatus.value = data.taskStatus
+    selectedManager.value = {
+      memberId: -1,
+      nickname: data.processorNickName || '',
+      imageUrl: data.processorImageUrl || '',
+      remainingTasks: -1
+    }
+    newManager.value = { ...selectedManager.value }
+    taskLabel.value = {
+      labelId: -1,
+      labelName: data.labelName || '',
+      labelColor: ''
+    }
+  }
 })
 
 watch(newManager, async newValue => {

From b1f5778517aa8671efe9fada956914c99d935dc7 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Mon, 17 Feb 2025 14:56:25 +0900
Subject: [PATCH 3/7] =?UTF-8?q?:bug:=20[fix]=20:=20=EC=9C=A0=EC=A0=80?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20=EC=8B=9C=20=EC=98=A4=EB=A5=98=20=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/task-detail/TaskDetail.vue              |  1 -
 .../task-detail/TaskDetailManagerDropdown.vue          |  1 -
 src/components/task-detail/TaskDetailRight.vue         |  1 -
 src/components/user-manage/UserRegistration.vue        | 10 +++++++---
 src/components/user-manage/UserUpdate.vue              |  4 +++-
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/task-detail/TaskDetail.vue b/src/components/task-detail/TaskDetail.vue
index 043937e..80786a2 100644
--- a/src/components/task-detail/TaskDetail.vue
+++ b/src/components/task-detail/TaskDetail.vue
@@ -57,7 +57,6 @@ const { data } = useQuery<TaskDetailDatas>({
   refetchOnMount: 'always',
   staleTime: 0
 })
-console.log(data, '최 앞단')
 
 const { data: historyData } = useQuery<TaskDetailHistoryData>({
   queryKey: ['historyData', selectedId],
diff --git a/src/components/task-detail/TaskDetailManagerDropdown.vue b/src/components/task-detail/TaskDetailManagerDropdown.vue
index ef2680f..38e28d7 100644
--- a/src/components/task-detail/TaskDetailManagerDropdown.vue
+++ b/src/components/task-detail/TaskDetailManagerDropdown.vue
@@ -50,7 +50,6 @@ import ImageContainer from '../common/ImageContainer.vue'
 
 const { modelValue } = defineProps<{ modelValue: ManagerTypes; taskId: number }>()
 const emit = defineEmits(['update:modelValue'])
-console.log(modelValue, '현재 담당ㅏ자')
 
 const dropdownOpen = ref(false)
 const managerArr = ref<ManagerTypes[]>([])
diff --git a/src/components/task-detail/TaskDetailRight.vue b/src/components/task-detail/TaskDetailRight.vue
index 2892429..e8f3a7a 100644
--- a/src/components/task-detail/TaskDetailRight.vue
+++ b/src/components/task-detail/TaskDetailRight.vue
@@ -92,7 +92,6 @@ import TaskDetailManagerDropdown from './TaskDetailManagerDropdown.vue'
 import TaskStatusList from './TaskStatusList.vue'
 
 const { data, isProcessor } = defineProps<{ data: TaskDetailDatas; isProcessor: boolean }>()
-console.log(data, '가져온 데이터')
 
 const selectedManager = ref<ManagerTypes>({
   memberId: -1,
diff --git a/src/components/user-manage/UserRegistration.vue b/src/components/user-manage/UserRegistration.vue
index 9180f4a..7c6a51f 100644
--- a/src/components/user-manage/UserRegistration.vue
+++ b/src/components/user-manage/UserRegistration.vue
@@ -15,7 +15,9 @@
           ? 'empty'
           : isInvalidate === 'wrongNickname'
             ? isInvalidate
-            : ''
+            : isInvalidate === 'duplicate'
+              ? isInvalidate
+              : ''
       "
       :placeholderText="'회원의 아이디를 입력해주세요'"
       :labelName="'아이디'" />
@@ -34,7 +36,9 @@
     </div>
     <DepartmentDropDown
       v-model="userRegistrationForm.department"
-      :is-invalidate="isInvalidate === 'departmentEmpty' ? isInvalidate : ''" />
+      :is-invalidate="
+        isInvalidate === 'departmentEmpty' || isInvalidate === 'reviewer' ? isInvalidate : ''
+      " />
     <RequestTaskDropdown
       v-model="userRegistrationForm.role"
       :options="filteredRoleKeys"
@@ -69,6 +73,7 @@
 <script lang="ts" setup>
 import { addMemberAdmin } from '@/api/admin'
 import { INITIAL_USER_REGISTRATION, RoleKeys, RoleTypeMapping } from '@/constants/admin'
+import DOMPurify from 'dompurify'
 import { computed, onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
@@ -77,7 +82,6 @@ import ModalView from '../common/ModalView.vue'
 import RequestTaskDropdown from '../request-task/RequestTaskDropdown.vue'
 import RequestTaskInput from '../request-task/RequestTaskInput.vue'
 import DepartmentDropDown from './DepartmentDropDown.vue'
-import DOMPurify from 'dompurify'
 
 const router = useRouter()
 
diff --git a/src/components/user-manage/UserUpdate.vue b/src/components/user-manage/UserUpdate.vue
index 6c0fed4..2069276 100644
--- a/src/components/user-manage/UserUpdate.vue
+++ b/src/components/user-manage/UserUpdate.vue
@@ -21,7 +21,9 @@
     </div>
     <DepartmentDropDown
       v-model="userRegistrationForm.department"
-      :is-invalidate="isInvalidate === 'departmentEmpty' ? isInvalidate : ''" />
+      :is-invalidate="
+        isInvalidate === 'departmentEmpty' || isInvalidate === 'reviewer' ? isInvalidate : ''
+      " />
     <RequestTaskDropdown
       v-model="userRegistrationForm.role"
       :options="filteredRoleKeys"

From e03a059e3bd51022962c7148c9b04b927d265b8b Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Mon, 17 Feb 2025 14:59:54 +0900
Subject: [PATCH 4/7] =?UTF-8?q?:bug:=20[fix]=20:=20=EB=8B=B4=EB=8B=B9?=
 =?UTF-8?q?=EC=9E=90=EB=9D=BC=EB=A9=B4=20=EB=88=84=EA=B5=AC=EB=93=A0=20?=
 =?UTF-8?q?=EB=A7=88=EA=B0=90=EA=B8=B0=ED=95=9C,=20=EA=B5=AC=EB=B6=84=20?=
 =?UTF-8?q?=EC=A1=B0=ED=9A=8C=ED=95=A0=20=EC=88=98=20=EC=9E=88=EA=B2=8C=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/task-detail/TaskDetailRight.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/task-detail/TaskDetailRight.vue b/src/components/task-detail/TaskDetailRight.vue
index e8f3a7a..54a7df3 100644
--- a/src/components/task-detail/TaskDetailRight.vue
+++ b/src/components/task-detail/TaskDetailRight.vue
@@ -55,7 +55,7 @@
         <p class="text-sm">{{ data.processorNickName || '-' }}</p>
       </div>
     </div>
-    <div v-if="data.taskStatus !== 'REQUESTED' && info.isReviewer">
+    <div v-if="data.taskStatus !== 'REQUESTED' && info.role === 'ROLE_MANAGER'">
       <p class="task-detail">마감기한</p>
       <div v-if="data.dueDate">
         <div class="w-full flex justify-between items-center">
@@ -65,7 +65,7 @@
       </div>
       <div v-else>-</div>
     </div>
-    <div v-if="data.taskStatus !== 'REQUESTED' && info.isReviewer">
+    <div v-if="data.taskStatus !== 'REQUESTED' && info.role === 'ROLE_MANAGER'">
       <p class="task-detail">구분</p>
       <TaskDetailLabelDropdown
         v-model="taskLabel"
@@ -105,6 +105,7 @@ const newManager = ref<ManagerTypes | null>(null)
 const queryClient = useQueryClient()
 const memberStore = useMemberStore()
 const { info } = storeToRefs(memberStore)
+console.log(info.value.role)
 
 const taskLabel = ref({
   labelId: -1,

From e9c1d2c763765d60be2aebe44060d1335ddc962a Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Mon, 17 Feb 2025 15:35:25 +0900
Subject: [PATCH 5/7] =?UTF-8?q?:bug:=20[fix]=20:=20=EC=B9=B4=ED=85=8C?=
 =?UTF-8?q?=EA=B3=A0=EB=A6=AC=20=EA=B8=80=EC=94=A8=20=EA=B0=9C=EC=88=98=20?=
 =?UTF-8?q?=EB=B0=8F=20=ED=85=9C=ED=94=8C=EB=A6=BF=20=EA=B8=80=EC=94=A8=20?=
 =?UTF-8?q?=ED=81=AC=EA=B8=B0=20=EC=B4=88=EA=B3=BC=20=EC=8B=9C=20=EA=B2=BD?=
 =?UTF-8?q?=EA=B3=A0=EB=AC=B8=EA=B5=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../task-management/CategoryAdd.vue           | 37 +++++++++++++------
 1 file changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/components/task-management/CategoryAdd.vue b/src/components/task-management/CategoryAdd.vue
index 9b02cfa..13c08dc 100644
--- a/src/components/task-management/CategoryAdd.vue
+++ b/src/components/task-management/CategoryAdd.vue
@@ -26,23 +26,34 @@
       v-model="categoryForm.name"
       placeholder-text="카테고리명을 입력해주세요"
       :label-name="`${categoryStep}차 카테고리명`"
-      :is-invalidate="errorMessage.categoryName" />
+      :is-invalidate="errorMessage.categoryName"
+      :limitLength="10" />
     <RequestTaskInput
       v-model="categoryForm.code"
       placeholder-text="카테고리의 작업코드를 입력해주세요"
       label-name="작업코드 (대문자 영어 2글자까지)"
       :is-invalidate="errorMessage.categoryCode === 'noCode' ? 'noCode' : isCodeInvalidate" />
-
     <div
       v-if="categoryStep === '2'"
-      class="flex flex-col gap-2">
-      <p class="text-body text-xs font-semibold">부가설명 템플릿</p>
+      class="flex flex-col gap-2 relative">
+      <div class="flex gap-1 text-xs">
+        <p class="text-body font-semibold">부가설명 템플릿</p>
+        <p
+          class="text-red-1"
+          v-if="errorMessage.description === 'tooLong'">
+          템플릿은 100자 이내로 적어주세요
+        </p>
+      </div>
       <textarea
         class="w-full h-32 border border-border-1 px-4 py-2 resize-none focus:outline-none rounded"
         :value="categoryForm.descriptionExample"
+        :maxlength="200"
         :placeholder="'부가설명 템플릿을 작성해주세요'"
         @input="onValueChange">
       </textarea>
+      <p class="absolute text-xs top-[calc(100%+4px)] w-full flex justify-end text-body">
+        {{ categoryForm.descriptionExample?.length || 0 }}/{{ 100 }}
+      </p>
     </div>
 
     <FormButtonContainer
@@ -54,17 +65,17 @@
 </template>
 
 <script lang="ts" setup>
+import { getMainCategory } from '@/api/common'
 import { CATEGORY_FORM } from '@/constants/admin'
+import type { Category, CategoryForm } from '@/types/common'
+import { axiosInstance } from '@/utils/axios'
+import DOMPurify from 'dompurify'
 import { computed, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
+import ModalView from '../common/ModalView.vue'
 import RequestTaskDropdown from '../request-task/RequestTaskDropdown.vue'
 import RequestTaskInput from '../request-task/RequestTaskInput.vue'
-import { axiosInstance } from '@/utils/axios'
-import { getMainCategory } from '@/api/common'
-import type { Category, CategoryForm } from '@/types/common'
-import ModalView from '../common/ModalView.vue'
-import DOMPurify from 'dompurify'
 
 const router = useRouter()
 const route = useRoute()
@@ -74,11 +85,10 @@ const { categoryStep } = defineProps<{
 }>()
 
 const isModalVisible = ref({ add: false, cancel: false, fail: false })
-const errorMessage = ref({ categoryName: '', categoryCode: '' })
+const errorMessage = ref({ categoryName: '', categoryCode: '', description: '' })
 const hasMainCategory = ref(true)
 
 const categoryForm = ref<CategoryForm>(CATEGORY_FORM)
-
 const handleAddModal = () => {
   isModalVisible.value.add = false
   handleGoBack()
@@ -97,7 +107,7 @@ const handleGoBack = () => {
 
 const handleSubmit = async () => {
   hasMainCategory.value = true
-  errorMessage.value = { categoryCode: '', categoryName: '' }
+  errorMessage.value = { categoryCode: '', categoryName: '', description: '' }
   if (!categoryForm.value.mainCategoryId && categoryStep === '2') {
     hasMainCategory.value = false
     return
@@ -110,6 +120,9 @@ const handleSubmit = async () => {
   } else if (categoryForm.value.code.length === 0) {
     errorMessage.value.categoryCode = 'noCode'
     return
+  } else if ((categoryForm.value.descriptionExample ?? '').length > 100) {
+    errorMessage.value.description = 'tooLong'
+    return
   }
 
   categoryForm.value.name = DOMPurify.sanitize(categoryForm.value.name)

From 1f31fa0ac09c820a896f56a31fad08f1ad410407 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Mon, 17 Feb 2025 15:53:20 +0900
Subject: [PATCH 6/7] =?UTF-8?q?:bug:=20[fix]=20:=20=EA=B5=AC=EB=B6=84=20?=
 =?UTF-8?q?=EB=AF=B8=EC=84=A0=ED=83=9D=EC=9D=84=20=ED=86=B5=ED=95=9C=20?=
 =?UTF-8?q?=EA=B5=AC=EB=B6=84=20=EC=B4=88=EA=B8=B0=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/user.ts                                        | 2 +-
 src/components/request-approve/LabelDropdown.vue       | 2 +-
 src/components/task-detail/TaskDetailLabelDropdown.vue | 9 +++++++--
 src/components/task-detail/TaskDetailRight.vue         | 1 -
 src/types/common.ts                                    | 2 +-
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/api/user.ts b/src/api/user.ts
index 8509d0e..3d6fa39 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -43,7 +43,7 @@ export const patchChangeStatus = async (taskID: number, status: Status) => {
   return response.data
 }
 
-export const changeLabel = async (taskID: number, labelId: number) => {
+export const changeLabel = async (taskID: number, labelId: number | null) => {
   const response = await axiosInstance.patch(`/api/tasks/${taskID}/label`, { labelId })
   return response.data
 }
diff --git a/src/components/request-approve/LabelDropdown.vue b/src/components/request-approve/LabelDropdown.vue
index bde72c1..6a93801 100644
--- a/src/components/request-approve/LabelDropdown.vue
+++ b/src/components/request-approve/LabelDropdown.vue
@@ -19,7 +19,7 @@
         class="absolute w-full h-40 overflow-y-auto scrollbar-hide top-[52px] flex flex-col gap-2 p-2 bg-white rounded z-10 shadow border-t border-t-border-2">
         <div
           v-for="option in labelArr"
-          :key="option.labelId"
+          :key="option.labelId || option.labelName"
           class="w-full flex items-center h-11 p-2 rounded hover:bg-background-2 cursor-pointer"
           @click="selectOption(option)">
           {{ option.labelName }}
diff --git a/src/components/task-detail/TaskDetailLabelDropdown.vue b/src/components/task-detail/TaskDetailLabelDropdown.vue
index bcb0d89..cdd9725 100644
--- a/src/components/task-detail/TaskDetailLabelDropdown.vue
+++ b/src/components/task-detail/TaskDetailLabelDropdown.vue
@@ -17,9 +17,14 @@
       class="absolute w-full pb-6 top-12">
       <div
         class="w-full h-32 overflow-y-auto flex flex-col gap-2 p-2 bg-white rounded z-10 shadow-custom">
+        <div
+          class="w-full flex text-sm items-center h-10 p-1.5 rounded hover:bg-background-2 cursor-pointer text-disabled"
+          @click="selectOption({ labelId: null, labelName: '', labelColor: '' })">
+          구분 없음
+        </div>
         <div
           v-for="option in labelArr"
-          :key="option.labelId"
+          :key="option.labelId || option.labelName"
           class="w-full flex text-sm items-center h-10 p-1.5 rounded hover:bg-background-2 cursor-pointer"
           @click="selectOption(option)">
           {{ option.labelName }}
@@ -55,7 +60,7 @@ const toggleDropdown = () => {
 
 const selectOption = async (option: LabelDataTypes) => {
   emit('update:modelValue', option)
-  await changeLabel(taskId || 0, option.labelId || 0)
+  await changeLabel(taskId || 0, option.labelId || null)
   queryClient.invalidateQueries({ queryKey: ['taskDetailUser', taskId] })
   dropdownOpen.value = false
 }
diff --git a/src/components/task-detail/TaskDetailRight.vue b/src/components/task-detail/TaskDetailRight.vue
index 54a7df3..f352726 100644
--- a/src/components/task-detail/TaskDetailRight.vue
+++ b/src/components/task-detail/TaskDetailRight.vue
@@ -105,7 +105,6 @@ const newManager = ref<ManagerTypes | null>(null)
 const queryClient = useQueryClient()
 const memberStore = useMemberStore()
 const { info } = storeToRefs(memberStore)
-console.log(info.value.role)
 
 const taskLabel = ref({
   labelId: -1,
diff --git a/src/types/common.ts b/src/types/common.ts
index 43586dd..2998c7f 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -99,7 +99,7 @@ export interface CategoryDropdownProps {
 }
 
 export interface LabelDataTypes {
-  labelId: number
+  labelId: number | null
   labelName: string
   labelColor: string
 }

From 9bf3fd5a612ddd31512ef966e8b7b816044274a6 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Mon, 17 Feb 2025 23:47:05 +0900
Subject: [PATCH 7/7] =?UTF-8?q?:bug:=20[fix]=20:=20=EC=B9=B4=ED=85=8C?=
 =?UTF-8?q?=EA=B3=A0=EB=A6=AC=20=EC=B6=94=EA=B0=80=20=EC=9D=B8=ED=92=8B=20?=
 =?UTF-8?q?=EA=B8=B8=EC=9D=B4=EC=A0=9C=ED=95=9C=20=EB=8A=98=EB=A6=AC?=
 =?UTF-8?q?=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/task-management/CategoryAdd.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/task-management/CategoryAdd.vue b/src/components/task-management/CategoryAdd.vue
index 13c08dc..aa5c23e 100644
--- a/src/components/task-management/CategoryAdd.vue
+++ b/src/components/task-management/CategoryAdd.vue
@@ -27,7 +27,7 @@
       placeholder-text="카테고리명을 입력해주세요"
       :label-name="`${categoryStep}차 카테고리명`"
       :is-invalidate="errorMessage.categoryName"
-      :limitLength="10" />
+      :limitLength="30" />
     <RequestTaskInput
       v-model="categoryForm.code"
       placeholder-text="카테고리의 작업코드를 입력해주세요"
@@ -47,7 +47,7 @@
       <textarea
         class="w-full h-32 border border-border-1 px-4 py-2 resize-none focus:outline-none rounded"
         :value="categoryForm.descriptionExample"
-        :maxlength="200"
+        :maxlength="100"
         :placeholder="'부가설명 템플릿을 작성해주세요'"
         @input="onValueChange">
       </textarea>