diff --git a/.github/workflows/CD.yml b/.github/workflows/CD.yml
index a3fb3932..6d20c956 100644
--- a/.github/workflows/CD.yml
+++ b/.github/workflows/CD.yml
@@ -3,8 +3,7 @@ name: CD for front using github actions
 
 on:
   release:
-    types: [created, edited, published, released, prereleased]
-
+    types: [created]
 
 permissions:
   contents: read
@@ -48,7 +47,7 @@ jobs:
       - name: Docker build & push
         run: |
           docker login clap.kr-central-2.kcr.dev -u ${{ secrets.DOCKER_USERNAME }} -p ${{ secrets.DOCKER_PASSWORD }}
-          docker build -t ${{ secrets.DOCKER_REPO }}:${{ steps.version.outputs.VERSION }} .
+          docker build -t ${{ secrets.DOCKER_REPO }}${{ steps.version.outputs.VERSION }} .
           docker push ${{ secrets.DOCKER_REPO }}:${{ steps.version.outputs.VERSION }}
       ## deploy
       - name: Deploy
diff --git a/src/components/common/TaskCard.vue b/src/components/common/TaskCard.vue
index ef2a542b..da5fe235 100644
--- a/src/components/common/TaskCard.vue
+++ b/src/components/common/TaskCard.vue
@@ -42,24 +42,37 @@
 
 <script setup lang="ts">
 import { bentoIcon } from '@/constants/iconPath'
+import { useTeamBoardParamsStore } from '@/stores/params'
 import type { Status } from '@/types/common'
 import type { TaskCardProps } from '@/types/manager'
 import { statusAsColor } from '@/utils/statusAsColor'
+import { useQueryClient } from '@tanstack/vue-query'
 import { computed, ref } from 'vue'
+import TaskDetail from '../task-detail/TaskDetail.vue'
 import CommonIcons from './CommonIcons.vue'
-import TaskLabel from './TaskLabel.vue'
 import ImageContainer from './ImageContainer.vue'
-import TaskDetail from '../task-detail/TaskDetail.vue'
+import TaskLabel from './TaskLabel.vue'
 
 const { data } = defineProps<{ data: TaskCardProps; draggable?: boolean }>()
 const emit = defineEmits(['toggleModal'])
 const selectedID = ref<number | null>(null)
+const queryClient = useQueryClient()
+const { params } = useTeamBoardParamsStore()
 
 const borderLeft = computed(() => {
   return `border-${statusAsColor(data.taskStatus as Status)}-1`
 })
 
 const handleModal = (id: number | null) => {
+  if (!id) {
+    queryClient.invalidateQueries({
+      queryKey: ['taskBoard']
+    })
+    queryClient.invalidateQueries({
+      queryKey: ['teamStatus', params]
+    })
+    document.body.style.overflow = ''
+  }
   emit('toggleModal')
   selectedID.value = id
 }
diff --git a/src/components/my-request/MyRequestList.vue b/src/components/my-request/MyRequestList.vue
index f025fd73..e8b4f0ea 100644
--- a/src/components/my-request/MyRequestList.vue
+++ b/src/components/my-request/MyRequestList.vue
@@ -7,7 +7,7 @@
     <template #listCards>
       <MyRequestListCard
         v-for="info in data?.content"
-        :key="info.taskId"
+        :key="info.taskStatus + info.processorName + info.taskId"
         :info="info" />
       <NoContent v-if="data?.content.length === 0" />
     </template>
@@ -22,19 +22,19 @@
 </template>
 
 <script setup lang="ts">
+import { useParseParams } from '@/hooks/useParseParams'
+import { useMemberStore } from '@/stores/member'
 import { useRequestParamsStore } from '@/stores/params'
 import type { MyRequestResponse } from '@/types/user'
 import { axiosInstance } from '@/utils/axios'
 import { useQuery } from '@tanstack/vue-query'
+import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 import ListContainer from '../lists/ListContainer.vue'
 import ListPagination from '../lists/ListPagination.vue'
 import NoContent from '../lists/NoContent.vue'
 import MyRequestListBar from './MyRequestListBar.vue'
 import MyRequestListCard from './MyRequestListCard.vue'
-import { useMemberStore } from '@/stores/member'
-import { storeToRefs } from 'pinia'
-import { useParseParams } from '@/hooks/useParseParams'
 
 const { params } = useRequestParamsStore()
 const onPageChange = (value: number) => {
diff --git a/src/components/my-request/MyRequestListCard.vue b/src/components/my-request/MyRequestListCard.vue
index 8b392d68..fd290721 100644
--- a/src/components/my-request/MyRequestListCard.vue
+++ b/src/components/my-request/MyRequestListCard.vue
@@ -19,17 +19,26 @@
 </template>
 
 <script setup lang="ts">
+import { useRequestParamsStore } from '@/stores/params'
 import type { ListCardProps } from '@/types/common'
 import type { MyRequestListData } from '@/types/user'
 import { formatDate } from '@/utils/date'
+import { useQueryClient } from '@tanstack/vue-query'
 import { ref } from 'vue'
 import ListCardTab from '../lists/ListCardTab.vue'
 import TaskDetail from '../task-detail/TaskDetail.vue'
 
 const { info } = defineProps<{ info: MyRequestListData }>()
 const selectedID = ref<number | null>(null)
+const { params } = useRequestParamsStore()
+const queryClient = useQueryClient()
 
 const handleModal = (id: number | null) => {
+  if (!id) {
+    queryClient.invalidateQueries({
+      queryKey: ['myRequest', params]
+    })
+  }
   selectedID.value = id
 }
 
diff --git a/src/components/my-task/MyTaskList.vue b/src/components/my-task/MyTaskList.vue
index ff31a896..d2cf8f18 100644
--- a/src/components/my-task/MyTaskList.vue
+++ b/src/components/my-task/MyTaskList.vue
@@ -7,7 +7,7 @@
     <template #listCards>
       <MyTaskListCard
         v-for="info in data?.content"
-        :key="info.taskId"
+        :key="info.taskStatus + info.taskId"
         :info="info" />
       <NoContent v-if="data?.content.length === 0" />
     </template>
diff --git a/src/components/my-task/MyTaskListCard.vue b/src/components/my-task/MyTaskListCard.vue
index 76c9f1e1..0c2f14b4 100644
--- a/src/components/my-task/MyTaskListCard.vue
+++ b/src/components/my-task/MyTaskListCard.vue
@@ -19,17 +19,26 @@
 </template>
 
 <script setup lang="ts">
+import { useRequestParamsStore } from '@/stores/params'
 import type { ListCardProps } from '@/types/common'
 import type { MyTaskListData } from '@/types/manager'
 import { formatDate } from '@/utils/date'
+import { useQueryClient } from '@tanstack/vue-query'
 import { ref } from 'vue'
 import ListCardTab from '../lists/ListCardTab.vue'
 import TaskDetail from '../task-detail/TaskDetail.vue'
 
 const { info } = defineProps<{ info: MyTaskListData }>()
 const selectedID = ref<number | null>(null)
+const queryClient = useQueryClient()
+const { params } = useRequestParamsStore()
 
 const handleModal = (id: number | null) => {
+  if (!id) {
+    queryClient.invalidateQueries({
+      queryKey: ['myTask', params]
+    })
+  }
   selectedID.value = id
 }
 const myRequestTabList: ListCardProps[] = [
diff --git a/src/components/request-history/RequestHistoryList.vue b/src/components/request-history/RequestHistoryList.vue
index 8a000fed..dd898844 100644
--- a/src/components/request-history/RequestHistoryList.vue
+++ b/src/components/request-history/RequestHistoryList.vue
@@ -7,7 +7,7 @@
     <template #listCards>
       <RequestHistoryListCard
         v-for="info in data?.content"
-        :key="info.taskId"
+        :key="info.taskStatus + info.processorName + info.taskId"
         :info="info" />
       <NoContent v-if="data?.content.length === 0" />
     </template>
@@ -22,19 +22,19 @@
 </template>
 
 <script setup lang="ts">
-import ListPagination from '../lists/ListPagination.vue'
-import ListContainer from '../lists/ListContainer.vue'
+import { useParseParams } from '@/hooks/useParseParams'
+import { useMemberStore } from '@/stores/member'
 import { useRequestParamsStore } from '@/stores/params'
-import RequestHistoryListBar from './RequestHistoryListBar.vue'
-import RequestHistoryListCard from './RequestHistoryListCard.vue'
+import type { RequestHistoryResponse } from '@/types/manager'
 import { axiosInstance } from '@/utils/axios'
 import { useQuery } from '@tanstack/vue-query'
+import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
-import type { RequestHistoryResponse } from '@/types/manager'
+import ListContainer from '../lists/ListContainer.vue'
+import ListPagination from '../lists/ListPagination.vue'
 import NoContent from '../lists/NoContent.vue'
-import { useMemberStore } from '@/stores/member'
-import { storeToRefs } from 'pinia'
-import { useParseParams } from '@/hooks/useParseParams'
+import RequestHistoryListBar from './RequestHistoryListBar.vue'
+import RequestHistoryListCard from './RequestHistoryListCard.vue'
 
 const { params } = useRequestParamsStore()
 const onPageChange = (value: number) => {
diff --git a/src/components/request-history/RequestHistoryListCard.vue b/src/components/request-history/RequestHistoryListCard.vue
index f781d8e5..901681f6 100644
--- a/src/components/request-history/RequestHistoryListCard.vue
+++ b/src/components/request-history/RequestHistoryListCard.vue
@@ -19,17 +19,26 @@
 </template>
 
 <script setup lang="ts">
+import { useRequestParamsStore } from '@/stores/params'
 import type { ListCardProps } from '@/types/common'
 import type { RequestHistoryListData } from '@/types/manager'
 import { formatDate } from '@/utils/date'
+import { useQueryClient } from '@tanstack/vue-query'
 import { ref } from 'vue'
 import ListCardTab from '../lists/ListCardTab.vue'
 import TaskDetail from '../task-detail/TaskDetail.vue'
 
 const { info } = defineProps<{ info: RequestHistoryListData }>()
 const selectedID = ref<number | null>(null)
+const { params } = useRequestParamsStore()
+const queryClient = useQueryClient()
 
 const handleModal = (id: number | null) => {
+  if (!id) {
+    queryClient.invalidateQueries({
+      queryKey: ['requestHistory', params]
+    })
+  }
   selectedID.value = id
 }
 const myRequestTabList: ListCardProps[] = [
diff --git a/src/components/request-task/ReRequestTask.vue b/src/components/request-task/ReRequestTask.vue
index 6b25418e..91898a99 100644
--- a/src/components/request-task/ReRequestTask.vue
+++ b/src/components/request-task/ReRequestTask.vue
@@ -30,11 +30,18 @@
       cancelText="취소"
       submitText="수정" />
     <ModalView
-      :isOpen="isModalVisible"
+      :isOpen="isModalVisible === 'success'"
       :type="'successType'"
       @close="handleCancel">
       <template #header>작업이 수정되었습니다</template>
     </ModalView>
+    <ModalView
+      :isOpen="isModalVisible === 'fail'"
+      :type="'failType'"
+      @close="handleCancel">
+      <template #header>작업요청을 실패했습니다</template>
+      <template #body>잠시후 시도해주세요</template>
+    </ModalView>
   </div>
 </template>
 
@@ -59,7 +66,8 @@ const title = ref('')
 const description = ref('')
 const file = ref(null as File[] | null)
 const isInvalidate = ref('')
-const isModalVisible = ref(false)
+const isModalVisible = ref('')
+const isSubmitting = ref(false)
 
 const mainCategoryArr = ref<Category[]>([])
 const subCategoryArr = ref<SubCategory[]>([])
@@ -105,6 +113,7 @@ watch(category1, async newValue => {
 })
 
 const handleSubmit = async () => {
+  if (isSubmitting.value || isModalVisible.value) return
   if (!category2.value) {
     isInvalidate.value = 'category'
     return
@@ -158,9 +167,12 @@ const handleSubmit = async () => {
     } else {
       await patchTaskRequest(id, formData)
     }
-    isModalVisible.value = true
-  } catch (error) {
-    console.error('요청 실패:', error)
+    isModalVisible.value = 'success'
+  } catch (e) {
+    isModalVisible.value = 'fail'
+    console.error('요청 실패:', e)
+  } finally {
+    isSubmitting.value = false
   }
 }
 </script>
diff --git a/src/components/request-task/RequestTask.vue b/src/components/request-task/RequestTask.vue
index fa6ba801..9be1863f 100644
--- a/src/components/request-task/RequestTask.vue
+++ b/src/components/request-task/RequestTask.vue
@@ -30,11 +30,18 @@
       cancelText="취소"
       submitText="요청" />
     <ModalView
-      :isOpen="isModalVisible"
+      :isOpen="isModalVisible === 'success'"
       :type="'successType'"
       @close="handleCancel">
       <template #header>작업이 요청되었습니다</template>
     </ModalView>
+    <ModalView
+      :isOpen="isModalVisible === 'fail'"
+      :type="'failType'"
+      @close="handleCancel">
+      <template #header>작업요청을 실패했습니다</template>
+      <template #body>잠시후 시도해주세요</template>
+    </ModalView>
   </div>
 </template>
 
@@ -58,7 +65,8 @@ const title = ref('')
 const description = ref('')
 const file = ref(null as File[] | null)
 const isInvalidate = ref('')
-const isModalVisible = ref(false)
+const isModalVisible = ref('')
+const isSubmitting = ref(false)
 
 const mainCategoryArr = ref<Category[]>([])
 const subCategoryArr = ref<SubCategory[]>([])
@@ -92,10 +100,13 @@ const handleCancel = () => {
   title.value = ''
   description.value = ''
   file.value = []
+  isModalVisible.value = ''
   router.back()
 }
 
 const handleSubmit = async () => {
+  if (isSubmitting.value || isModalVisible.value) return
+
   if (!category1.value || !category2.value) {
     isInvalidate.value = 'category'
     return
@@ -109,16 +120,17 @@ const handleSubmit = async () => {
     isInvalidate.value = 'description'
     return
   }
+
+  isSubmitting.value = true
+
   const formData = new FormData()
   const taskInfo = {
     categoryId: category2.value.subCategoryId,
     title: title.value,
     description: description.value
   }
-
   const jsonTaskInfo = JSON.stringify(taskInfo)
   const newBlob = new Blob([jsonTaskInfo], { type: 'application/json' })
-
   formData.append('taskInfo', newBlob)
 
   if (file.value && file.value.length > 0) {
@@ -126,9 +138,12 @@ const handleSubmit = async () => {
   }
   try {
     await postTaskRequest(formData)
-    isModalVisible.value = true
-  } catch (error) {
-    console.error('요청 실패:', error)
+    isModalVisible.value = 'success'
+  } catch (e) {
+    console.error(e)
+    isModalVisible.value = 'fail'
+  } finally {
+    isSubmitting.value = false
   }
 }
 </script>
diff --git a/src/components/request-task/RequestTaskFileInput.vue b/src/components/request-task/RequestTaskFileInput.vue
index d1a13e6a..2fbc1804 100644
--- a/src/components/request-task/RequestTaskFileInput.vue
+++ b/src/components/request-task/RequestTaskFileInput.vue
@@ -38,7 +38,7 @@
       type="failType"
       @close="handleModal">
       <template #header>파일추가를 실패했습니다</template>
-      <template #body>최대 5개, 각 5mb까지 가능합니다.</template>
+      <template #body>최대 5개, 각 5mb까지 가능합니다</template>
     </ModalView>
   </div>
 </template>
diff --git a/src/components/request-task/RequestTaskInput.vue b/src/components/request-task/RequestTaskInput.vue
index aa08c8cf..5d675614 100644
--- a/src/components/request-task/RequestTaskInput.vue
+++ b/src/components/request-task/RequestTaskInput.vue
@@ -18,7 +18,7 @@
     <p
       v-if="isInvalidateState === 'code'"
       class="text-red-1 text-xs absolute top-[calc(100%+4px)]">
-      사용할 수 없는 고유코드입니다.
+      사용할 수 없는 작업코드입니다.
     </p>
   </div>
 </template>
diff --git a/src/components/requested/RequestedListCard.vue b/src/components/requested/RequestedListCard.vue
index 167490c0..07a4fba6 100644
--- a/src/components/requested/RequestedListCard.vue
+++ b/src/components/requested/RequestedListCard.vue
@@ -32,20 +32,19 @@
     :is-approved="true"
     :selected-id="selectedID"
     :close-task-detail="() => handleModal(null)" />
-
   <ModalView
     :is-open="isModalVisible.reject"
     @update:model-value="value => (rejectReason = value || '')"
     type="inputType"
     @close="closeModal"
     @click="rejectRequest">
-    <template #header>거부 사유를 입력해주세요</template>
+    <template #header>반려 사유를 입력해주세요</template>
   </ModalView>
   <ModalView
     :is-open="isModalVisible.success"
     type="successType"
     @close="closeModal">
-    <template #header>거부가 완료되었습니다</template>
+    <template #header>반려가 완료되었습니다</template>
   </ModalView>
   <ModalView
     :is-open="isModalVisible.fail"
@@ -56,6 +55,7 @@
 </template>
 
 <script setup lang="ts">
+import { useMemberStore } from '@/stores/member'
 import type { ListCardProps } from '@/types/common'
 import type { RequestedListData } from '@/types/manager'
 import { axiosInstance } from '@/utils/axios'
@@ -63,10 +63,9 @@ import { formatDate } from '@/utils/date'
 import { useQueryClient } from '@tanstack/vue-query'
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
+import ModalView from '../common/ModalView.vue'
 import ListCardTab from '../lists/ListCardTab.vue'
 import TaskDetail from '../task-detail/TaskDetail.vue'
-import { useMemberStore } from '@/stores/member'
-import ModalView from '../common/ModalView.vue'
 
 const { info } = defineProps<{ info: RequestedListData }>()
 const requestedTabList: ListCardProps[] = [
@@ -106,7 +105,7 @@ const closeModal = () => {
 const rejectRequest = async () => {
   if (rejectReason.value.length === 0) {
     toggleModal('fail')
-    modalError.value = '거부 사유를 입력해주세요'
+    modalError.value = '반려 사유를 입력해주세요'
     return
   }
   try {
@@ -114,7 +113,7 @@ const rejectRequest = async () => {
     toggleModal('success')
   } catch {
     toggleModal('fail')
-    modalError.value = '작업 거부에 실패했습니다'
+    modalError.value = '작업 반려에 실패했습니다'
   }
 }
 
diff --git a/src/components/task-detail/TaskDetail.vue b/src/components/task-detail/TaskDetail.vue
index 38cc381b..1e2c0bf3 100644
--- a/src/components/task-detail/TaskDetail.vue
+++ b/src/components/task-detail/TaskDetail.vue
@@ -52,9 +52,7 @@ const { data } = useQuery<TaskDetailDatas>({
   queryFn:
     info.value.role === 'ROLE_USER'
       ? () => getTaskDetailUser(selectedId)
-      : () => getTaskDetailManager(selectedId),
-  refetchOnWindowFocus: false,
-  staleTime: 1000 * 60 * 5
+      : () => getTaskDetailManager(selectedId)
 })
 
 const { data: historyData } = useQuery<TaskDetailHistoryData>({
diff --git a/src/components/task-detail/TaskDetailHistory.vue b/src/components/task-detail/TaskDetailHistory.vue
index 4c4fd9ee..99d2e4a9 100644
--- a/src/components/task-detail/TaskDetailHistory.vue
+++ b/src/components/task-detail/TaskDetailHistory.vue
@@ -19,7 +19,7 @@
           <div
             v-if="item.taskHistoryType !== 'COMMENT' && item.taskHistoryType !== 'COMMENT_FILE'"
             class="text-xs font-bold text-body">
-            {{ formatOnlyTime(item.time) }}
+            {{ formatTimeShort(item.time) }}
           </div>
           <div class="flex w-full gap-1 justify-center text-body text-sm">
             <p>{{ HistoryMessageBefore[item.taskHistoryType] }}</p>
@@ -59,7 +59,7 @@
 <script setup lang="ts">
 import { HistoryMessageAfter, HistoryMessageBefore } from '@/constants/user'
 import type { TaskDetailHistoryProps } from '@/types/common'
-import { formatDateWithDay, formatOnlyTime } from '@/utils/date'
+import { formatDateWithDay, formatTimeShort } from '@/utils/date'
 import { watch } from 'vue'
 import TaskDetailHistoryChat from './TaskDetailHistoryChat.vue'
 import TaskDetailHistoryFile from './TaskDetailHistoryFile.vue'
diff --git a/src/components/task-detail/TaskDetailHistoryChat.vue b/src/components/task-detail/TaskDetailHistoryChat.vue
index c6b1945f..ac8bdff1 100644
--- a/src/components/task-detail/TaskDetailHistoryChat.vue
+++ b/src/components/task-detail/TaskDetailHistoryChat.vue
@@ -1,9 +1,9 @@
 <template>
-  <div :class="['flex w-full', isProcessor ? 'justify-end' : 'justify-start']">
+  <div :class="['flex w-full', isRequestor ? 'justify-start' : 'justify-end']">
     <div
       :class="[
         'flex justify-center items-center w-10 h-10 shrink-0 rounded-full overflow-hidden mt-1.5',
-        isProcessor ? 'order-3' : 'order-1'
+        isRequestor ? 'order-1' : 'order-3'
       ]">
       <ImageContainer
         :url="history.details.commentDetails?.profileImageUrl"
@@ -12,21 +12,21 @@
     <div
       :class="[
         'flex flex-col gap-2 order-2 font-bold',
-        isProcessor ? 'items-end pr-4 pl-2' : 'items-start pl-4 pr-2'
+        isRequestor ? 'items-start pl-4 pr-2' : 'items-end pr-4 pl-2'
       ]">
       <p class="text-xs text-body">{{ history.details.commentDetails?.nickName }}</p>
-      <div :class="['flex gap-2', isProcessor ? 'flex-row-reverse' : 'flex-row']">
+      <div :class="['flex gap-2', isRequestor ? 'flex-row' : 'flex-row-reverse']">
         <p
           :class="[
             'flex max-w-[400px] flex-wrap px-4 py-3 text-base rounded-lg font-normal',
-            isProcessor ? 'bg-primary2' : 'bg-background-2'
+            isRequestor ? 'bg-background-2' : 'bg-primary2'
           ]">
           {{ history.details.commentDetails?.comment }}
         </p>
         <div
           :class="[
             'flex flex-col justify-end self-end text-xs font-bold text-body gap-1 relative',
-            isProcessor ? 'order-1 items-end' : 'order-3 items-start'
+            isRequestor ? 'order-3 items-start' : 'order-1 items-end'
           ]">
           <div
             v-if="history.details.commentDetails?.nickName === info.nickname"
@@ -39,13 +39,13 @@
               @click="handleModal"
               :class="[
                 'absolute shadow-custom bottom-0 w-20 h-7 flex items-center justify-center text-xs text-red-1 bg-white hover:bg-background-1 rounded',
-                isProcessor ? 'right-6' : 'left-6'
+                isRequestor ? 'left-6' : 'right-6'
               ]">
               삭제
             </div>
           </div>
           <div class="flex flex-col gap-1 h-full justify-end font-bold">
-            {{ formatOnlyTime(history.time) }}
+            {{ formatTimeShort(history.time) }}
           </div>
         </div>
       </div>
@@ -65,7 +65,7 @@ import { deleteComment } from '@/api/user'
 import { menuDotIcon } from '@/constants/iconPath'
 import { useMemberStore } from '@/stores/member'
 import type { TaskDetailHistoryChatProps } from '@/types/common'
-import { formatOnlyTime } from '@/utils/date'
+import { formatTimeShort } from '@/utils/date'
 import { useQueryClient } from '@tanstack/vue-query'
 import { storeToRefs } from 'pinia'
 import { computed, defineProps, ref } from 'vue'
@@ -76,9 +76,13 @@ import ModalView from '../common/ModalView.vue'
 const memberStore = useMemberStore()
 const { info } = storeToRefs(memberStore)
 const isClicked = ref(false)
-const isProcessor = computed(() => history.details.commentDetails?.nickName !== requestorName)
-const queryClient = useQueryClient()
 const isModalOpen = ref(false)
+const isRequestor = computed(
+  () =>
+    history.details.commentDetails?.nickName === requestorName ||
+    history.details.commentFileDetails?.nickName === requestorName
+)
+const queryClient = useQueryClient()
 const { taskId, history, requestorName } = defineProps<TaskDetailHistoryChatProps>()
 
 const clickMenuDot = async () => {
diff --git a/src/components/task-detail/TaskDetailHistoryFile.vue b/src/components/task-detail/TaskDetailHistoryFile.vue
index 4b8b6dc0..d9bebfa0 100644
--- a/src/components/task-detail/TaskDetailHistoryFile.vue
+++ b/src/components/task-detail/TaskDetailHistoryFile.vue
@@ -1,6 +1,6 @@
 <template>
-  <div :class="['flex w-full', isProcessor ? 'justify-end' : 'justify-start']">
-    <div :class="['w-10 h-10 rounded-full pt-1.5', isProcessor ? 'order-3' : 'order-1']">
+  <div :class="['flex w-full', isRequestor ? 'justify-start' : 'justify-end']">
+    <div :class="['w-10 h-10 rounded-full pt-1.5', isRequestor ? 'order-1' : 'order-3']">
       <ImageContainer
         :size="40"
         :url="history.details.commentFileDetails?.profileImageUrl" />
@@ -8,23 +8,23 @@
     <div
       :class="[
         'flex flex-col gap-2 pl-4 pr-2 order-2',
-        isProcessor ? 'items-end pr-4 pl-2' : 'items-start pl-4 pr-2'
+        isRequestor ? 'items-start pr-4 pl-2' : 'items-end pl-2 pr-4'
       ]">
       <p class="text-xs text-body">{{ history.details.commentFileDetails?.nickName }}</p>
-      <div :class="['flex gap-2', isProcessor ? 'flex-row-reverse' : 'flex-row']">
+      <div :class="['flex gap-2', isRequestor ? 'flex-row' : 'flex-row-reverse']">
         <div
-          :class="[
-            'flex max-w-[400px] flex-wrap px-4 py-3 gap-4 items-center rounded-lg',
-            isProcessor ? 'bg-primary2' : 'bg-background-2'
-          ]">
+          class="flex max-w-[400px] px-4 py-3 gap-4 items-center rounded-lg"
+          :class="isRequestor ? 'bg-background-2' : 'bg-primary2'">
           <a
             class="w-10 h-10 flex items-center justify-center bg-white border border-border-2 rounded-lg shrink-0 hover:bg-primary2"
             :href="history.details.commentFileDetails?.url"
             download>
             <CommonIcons :name="fileIcon" />
           </a>
-          <div class="flex flex-col gap-2">
-            <p class="font-normal">{{ history.details.commentFileDetails?.fileName }}</p>
+          <div class="flex flex-col gap-2 flex-1 min-w-0">
+            <p class="font-normal w-full overflow-hidden whitespace-nowrap text-ellipsis">
+              {{ history.details.commentFileDetails?.fileName }}
+            </p>
             <p class="text-xs font-bold text-body">
               용량 : {{ history.details.commentFileDetails?.size }}
             </p>
@@ -33,7 +33,7 @@
         <div
           :class="[
             'flex flex-col justify-end self-end gap-1 text-xs font-bold text-body',
-            isProcessor ? 'order-1 items-end' : 'order-3'
+            isRequestor ? 'order-3' : ' items-end order-1'
           ]">
           <div
             v-if="history.details.commentFileDetails?.nickName === info.nickname"
@@ -46,7 +46,7 @@
               @click="handleModal"
               :class="[
                 'absolute shadow-custom bottom-0 w-20 h-[27px] rounded flex items-center justify-center text-xs text-red-1 bg-white hover:bg-background-1',
-                isProcessor ? 'right-6' : 'left-6'
+                isRequestor ? 'left-6' : 'right-6'
               ]">
               삭제
             </div>
@@ -87,6 +87,12 @@ const { info } = storeToRefs(memberStore)
 const isClicked = ref(false)
 const isModalOpen = ref(false)
 const queryClient = useQueryClient()
+const isRequestor = computed(
+  () =>
+    history.details.commentDetails?.nickName === requestorName ||
+    history.details.commentFileDetails?.nickName === requestorName
+)
+
 const clickMenuDot = async () => {
   isClicked.value = !isClicked.value
 }
@@ -104,6 +110,4 @@ const deleteCommentFile = async () => {
   }
   queryClient.invalidateQueries({ queryKey: ['historyData', taskId] })
 }
-
-const isProcessor = computed(() => info.value.nickname !== requestorName)
 </script>
diff --git a/src/components/task-detail/TaskDetailLabelDropdown.vue b/src/components/task-detail/TaskDetailLabelDropdown.vue
index 57999b18..bcb0d892 100644
--- a/src/components/task-detail/TaskDetailLabelDropdown.vue
+++ b/src/components/task-detail/TaskDetailLabelDropdown.vue
@@ -35,6 +35,7 @@ import { dropdownIcon } from '@/constants/iconPath'
 import { useOutsideClick } from '@/hooks/useOutsideClick'
 import type { LabelDataTypes } from '@/types/common'
 import type { LabelDropdownProps } from '@/types/user'
+import { useQueryClient } from '@tanstack/vue-query'
 import { onMounted, ref } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
 
@@ -43,6 +44,7 @@ const emit = defineEmits(['update:modelValue'])
 const dropdownOpen = ref(false)
 
 const labelArr = ref<LabelDataTypes[]>([])
+const queryClient = useQueryClient()
 
 onMounted(async () => {
   labelArr.value = await getLabelsManager()
@@ -54,6 +56,7 @@ const toggleDropdown = () => {
 const selectOption = async (option: LabelDataTypes) => {
   emit('update:modelValue', option)
   await changeLabel(taskId || 0, option.labelId || 0)
+  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 8007e443..9af15318 100644
--- a/src/components/task-detail/TaskDetailRight.vue
+++ b/src/components/task-detail/TaskDetailRight.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="sticky top-0 w-[280px] shrink-0 flex flex-col gap-y-6 overflow-y-auto p-6">
     <div>
-      <p class="task-detail">고유코드</p>
+      <p class="task-detail">작업코드</p>
       <p class="text-sm">{{ data.taskCode || '-' }}</p>
     </div>
     <div>
@@ -117,6 +117,7 @@ watch(newManager, async newValue => {
       await changeProcessor(data.taskId, newValue.memberId)
       selectedManager.value = newValue
       queryClient.invalidateQueries({ queryKey: ['historyData', data.taskId] })
+      queryClient.invalidateQueries({ queryKey: ['taskDetailUser', data.taskId] })
     } catch (error) {
       console.error('Error updating processor', error)
     }
diff --git a/src/components/task-detail/TaskStatusList.vue b/src/components/task-detail/TaskStatusList.vue
index 23e7d2ab..1f644f47 100644
--- a/src/components/task-detail/TaskStatusList.vue
+++ b/src/components/task-detail/TaskStatusList.vue
@@ -91,7 +91,6 @@ const bgColor = (taskStatus: Status) => {
 const rejectRequest = async () => {
   if (rejectReason.value.length === 0) {
     toggleModal('fail')
-
     modalError.value = '종료 사유를 입력해주세요'
     return
   }
@@ -100,6 +99,7 @@ const rejectRequest = async () => {
     toggleModal('success')
     emit('update:status', 'TERMINATED')
     currentStatus.value = 'TERMINATED'
+    queryClient.invalidateQueries({ queryKey: ['taskDetailUser', taskId] })
     queryClient.invalidateQueries({ queryKey: ['historyData', taskId] })
   } catch {
     toggleModal('fail')
@@ -119,6 +119,7 @@ const changeStatus = async (newStatus: Status) => {
     try {
       currentStatus.value = newStatus
       await patchChangeStatus(taskId || 0, newStatus)
+      queryClient.invalidateQueries({ queryKey: ['taskDetailUser', taskId] })
       queryClient.invalidateQueries({ queryKey: ['historyData', taskId] })
     } catch (error) {
       console.error('Failed to update status:', error)
diff --git a/src/components/task-management/CategoryAdd.vue b/src/components/task-management/CategoryAdd.vue
index 7487dcbf..d444109a 100644
--- a/src/components/task-management/CategoryAdd.vue
+++ b/src/components/task-management/CategoryAdd.vue
@@ -33,8 +33,8 @@
       :label-name="`${categoryStep}차 카테고리명`" />
     <RequestTaskInput
       v-model="categoryForm.code"
-      placeholder-text="카테고리의 고유코드를 입력해주세요"
-      label-name="고유코드 (대문자 영어 2글자까지)"
+      placeholder-text="카테고리의 작업코드를 입력해주세요"
+      label-name="작업코드 (대문자 영어 2글자까지)"
       :is-invalidate="isCodeInvalidate" />
 
     <div
diff --git a/src/components/task-management/CategoryLine.vue b/src/components/task-management/CategoryLine.vue
index b2e908d8..b059e05e 100644
--- a/src/components/task-management/CategoryLine.vue
+++ b/src/components/task-management/CategoryLine.vue
@@ -52,9 +52,11 @@ import type { CategoryAllData } from '@/types/admin'
 import { defineProps, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from '../common/ModalView.vue'
+import { useQueryClient } from '@tanstack/vue-query'
 
 const { categories } = defineProps<CategoryAllData>()
 const router = useRouter()
+const queryClient = useQueryClient()
 
 const isModalVisible = ref(false)
 const selectedCategoryId = ref<number | null>(null)
@@ -71,6 +73,7 @@ const openModal = (id: number) => {
 const handleDelete = async (id: number | null) => {
   if (id !== null) {
     await deleteCategoryAdmin(id)
+    queryClient.invalidateQueries({ queryKey: ['category'] })
     handleModal()
   }
 }
diff --git a/src/components/task-management/CategoryLineSub.vue b/src/components/task-management/CategoryLineSub.vue
index 19ce91ec..436acb8c 100644
--- a/src/components/task-management/CategoryLineSub.vue
+++ b/src/components/task-management/CategoryLineSub.vue
@@ -59,10 +59,10 @@ import ModalView from '../common/ModalView.vue'
 
 const { categories } = defineProps<CategoryAllData>()
 const router = useRouter()
+const queryClient = useQueryClient()
 
 const isModalVisible = ref(false)
 const selectedId = ref<number | null>(null)
-const queryClient = useQueryClient()
 
 const openModal = (id: number) => {
   selectedId.value = id
diff --git a/src/components/task-management/CategoryManagement.vue b/src/components/task-management/CategoryManagement.vue
index 936db2f9..232fce7e 100644
--- a/src/components/task-management/CategoryManagement.vue
+++ b/src/components/task-management/CategoryManagement.vue
@@ -3,12 +3,12 @@
     class="flex flex-col w-full h-[480px] border border-border-1 rounded-lg bg-background-1 overflow-hidden">
     <div class="flex w-full">
       <div class="task-management-title rounded-tl-lg">
-        <p>고유코드</p>
+        <p>작업코드</p>
         <p>1차 카테고리</p>
       </div>
       <div class="w-0.5 bg-border-1"></div>
       <div class="task-management-title rounded-tr-lg">
-        <p>고유코드</p>
+        <p>작업코드</p>
         <p>2차 카테고리</p>
       </div>
     </div>
diff --git a/src/components/team-board/TeamBoard.vue b/src/components/team-board/TeamBoard.vue
index 5a02088d..816b52bb 100644
--- a/src/components/team-board/TeamBoard.vue
+++ b/src/components/team-board/TeamBoard.vue
@@ -16,17 +16,17 @@
 </template>
 
 <script setup lang="ts">
-import TeamBoardCard from './TeamBoardCard.vue'
-import CurrentTaskRatio from './CurrentTaskRatio.vue'
-import { axiosInstance } from '@/utils/axios'
+import { useParseParams } from '@/hooks/useParseParams'
+import { useMemberStore } from '@/stores/member'
 import { useTeamBoardParamsStore } from '@/stores/params'
-import { useQuery } from '@tanstack/vue-query'
 import type { TeamBoardResponse } from '@/types/manager'
+import { axiosInstance } from '@/utils/axios'
+import { useQuery } from '@tanstack/vue-query'
+import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 import NoContent from '../lists/NoContent.vue'
-import { useMemberStore } from '@/stores/member'
-import { storeToRefs } from 'pinia'
-import { useParseParams } from '@/hooks/useParseParams'
+import CurrentTaskRatio from './CurrentTaskRatio.vue'
+import TeamBoardCard from './TeamBoardCard.vue'
 
 const { params } = useTeamBoardParamsStore()
 
diff --git a/src/components/user-manage/UserRegistration.vue b/src/components/user-manage/UserRegistration.vue
index 7286f464..9c58796e 100644
--- a/src/components/user-manage/UserRegistration.vue
+++ b/src/components/user-manage/UserRegistration.vue
@@ -69,6 +69,7 @@ import RequestTaskInput from '../request-task/RequestTaskInput.vue'
 import DepartmentDropDown from './DepartmentDropDown.vue'
 
 const router = useRouter()
+
 const isModalVisible = ref(false)
 const userRegistrationForm = ref(INITIAL_USER_REGISTRATION)
 const isInvalidate = ref('')
diff --git a/src/components/user-manage/UserUpdate.vue b/src/components/user-manage/UserUpdate.vue
index 5a40dab1..48d96f3a 100644
--- a/src/components/user-manage/UserUpdate.vue
+++ b/src/components/user-manage/UserUpdate.vue
@@ -14,6 +14,7 @@
       v-model="userRegistrationForm.nickname"
       :placeholderText="'회원의 아이디를 입력해주세요'"
       :isEdit="true"
+      :is-invalidate="isInvalidate"
       :labelName="'아이디'" />
     <div class="flex w-full gap-2">
       <RequestTaskInput
@@ -28,10 +29,14 @@
         :is-edit="true"
         :is-not-required="false" />
     </div>
+    <DepartmentDropDown
+      v-model="userRegistrationForm.departmentId"
+      :is-invalidate="isInvalidate" />
     <RequestTaskDropdown
       v-model="userRegistrationForm.role"
       :options="RoleKeys"
       :label-name="'역할'"
+      :is-invalidate="isInvalidate"
       :placeholderText="'회원의 역할을 선택해주세요'" />
     <FormCheckbox
       v-if="isManager"
@@ -40,7 +45,6 @@
       :checkButtonName="'허용'"
       :isDisabled="!isManager"
       :isChecked="userRegistrationForm.isReviewer" />
-    <DepartmentDropDown v-model="userRegistrationForm.departmentId" />
     <RequestTaskInput
       v-model="userRegistrationForm.departmentRole"
       :placeholderText="'회원의 직무를 입력해주세요'"
@@ -67,19 +71,22 @@ import { computed, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
 import FormCheckbox from '../common/FormCheckbox.vue'
+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 ModalView from '../common/ModalView.vue'
 
 const route = useRoute()
 const router = useRouter()
 
 const userRegistrationForm = ref(INITIAL_USER_REGISTRATION)
-const isManager = computed(() => userRegistrationForm.value.role === '담당자')
+const isInvalidate = ref('')
 const userId = ref(route.query.id)
 const userData = ref<UserRegistrationProps | null>(null)
 const isModalVisible = ref(false)
+const isError = ref(false)
+
+const isManager = computed(() => userRegistrationForm.value.role === '담당자')
 
 watch(
   () => router.currentRoute.value.query.id,
@@ -108,16 +115,26 @@ const handleCancel = async () => {
 }
 
 const handleSubmit = async () => {
-  if (typeof userId.value === 'string') {
-    const userData = {
-      role: RoleTypeMapping[userRegistrationForm.value.role],
-      name: userRegistrationForm.value.name,
-      isReviewer: isManager.value ? userRegistrationForm.value.isReviewer : false,
-      departmentId: userRegistrationForm.value.departmentId,
-      departmentRole: userRegistrationForm.value.departmentRole
+  try {
+    if (typeof userId.value === 'string') {
+      const userData = {
+        role: RoleTypeMapping[userRegistrationForm.value.role],
+        name: userRegistrationForm.value.name,
+        isReviewer: isManager.value ? userRegistrationForm.value.isReviewer : false,
+        departmentId: userRegistrationForm.value.departmentId,
+        departmentRole: userRegistrationForm.value.departmentRole
+      }
+      await updateMemberAdmin(userId.value, userData)
+      isModalVisible.value = true
+    }
+  } catch (error) {
+    if (error instanceof Error && error.message === 'MEMBER_DUPLICATED') {
+      isInvalidate.value = 'duplicate'
+    } else if (error instanceof Error && error.message === 'MEMBER_REVIEWER') {
+      isInvalidate.value = 'reviewer'
+    } else {
+      isError.value = true
     }
-    await updateMemberAdmin(userId.value, userData)
-    isModalVisible.value = true
   }
 }
 </script>
diff --git a/src/constants/manager.ts b/src/constants/manager.ts
index 9ca7cd74..ed9b0779 100644
--- a/src/constants/manager.ts
+++ b/src/constants/manager.ts
@@ -11,7 +11,7 @@ export const REQUESTED_LIST_BAR_TAB: ListBarTabProps[] = [
 ]
 
 export const REQUEST_HISTORY_LIST_BAR_TAB: ListBarTabProps[] = [
-  { content: '고유코드', width: 120 },
+  { content: '작업코드', width: 120 },
   { content: '요청일', width: 80, sortBy: 'REQUESTED_AT' },
   { content: '1차 카테고리', width: 80 },
   { content: '2차 카테고리', width: 80 },
@@ -23,7 +23,7 @@ export const REQUEST_HISTORY_LIST_BAR_TAB: ListBarTabProps[] = [
 ]
 
 export const MY_TASK_LIST_BAR_TAB: ListBarTabProps[] = [
-  { content: '고유코드', width: 120 },
+  { content: '작업코드', width: 120 },
   { content: '요청일', width: 80, sortBy: 'REQUESTED_AT' },
   { content: '1차 카테고리', width: 80 },
   { content: '2차 카테고리', width: 80 },
diff --git a/src/constants/user.ts b/src/constants/user.ts
index 1ed926b8..499f4434 100644
--- a/src/constants/user.ts
+++ b/src/constants/user.ts
@@ -2,7 +2,7 @@ import type { ListBarTabProps } from '@/types/common'
 import type { TaskHistoryType } from '@/types/user'
 
 export const MY_REQUEST_LIST_BAR_TAB: ListBarTabProps[] = [
-  { content: '고유코드', width: 120 },
+  { content: '작업코드', width: 120 },
   { content: '요청일', width: 80, sortBy: 'REQUESTED_AT' },
   { content: '1차 카테고리', width: 80 },
   { content: '2차 카테고리', width: 80 },
diff --git a/src/utils/date.ts b/src/utils/date.ts
index 7aa76c9c..2ecd860a 100644
--- a/src/utils/date.ts
+++ b/src/utils/date.ts
@@ -148,3 +148,12 @@ export const formatTimeAgo = (createdAt: string) => {
     return `${diffInYears}년 전`
   }
 }
+
+export const formatTimeShort = (timeString: string) => {
+  const [hours, minutes] = timeString.split(':').map(Number)
+
+  const period = hours < 12 ? '오전' : '오후'
+  const formattedHours = hours % 12 || 12
+
+  return `${period} ${formattedHours}:${String(minutes).padStart(2, '0')}`
+}