diff --git a/src/assets/deafultProfile.png b/public/deafultProfile.png
similarity index 100%
rename from src/assets/deafultProfile.png
rename to public/deafultProfile.png
diff --git a/src/components/common/LoadingIcon.vue b/src/assets/icons/LoadingIcon.vue
similarity index 100%
rename from src/components/common/LoadingIcon.vue
rename to src/assets/icons/LoadingIcon.vue
diff --git a/src/components/icons/NotificationIcon.vue b/src/assets/icons/NotificationIcon.vue
similarity index 100%
rename from src/components/icons/NotificationIcon.vue
rename to src/assets/icons/NotificationIcon.vue
diff --git a/src/components/common/OrderIcon.vue b/src/assets/icons/OrderIcon.vue
similarity index 100%
rename from src/components/common/OrderIcon.vue
rename to src/assets/icons/OrderIcon.vue
diff --git a/src/assets/styles.css b/src/assets/styles.css
index 1288d4cb..68e8ef81 100644
--- a/src/assets/styles.css
+++ b/src/assets/styles.css
@@ -136,15 +136,7 @@ body {
 .category-management-line {
   @apply flex items-center px-4 w-full h-11 border-b border-b-border-1;
 }
-.task-detail-dropdown {
-  @apply flex w-full h-10 items-center text-sm rounded pl-4 pr-3 bg-white border border-border-1 cursor-pointer;
-}
-.task-detail-dropdown-option-list {
-  @apply absolute w-full h-40 overflow-y-auto scrollbar-hide top-11 flex flex-col gap-2 p-2 bg-white rounded z-10 shadow border-t border-t-border-2;
-}
-.task-detail-dropdown-option {
-  @apply w-full flex items-center h-10 p-2 rounded hover:bg-background-2 cursor-pointer;
-}
+
 .task-detail-manager-dropdown {
   @apply flex w-full h-10 items-center rounded p-4 bg-white border border-border-1 cursor-pointer;
 }
diff --git a/src/components/common/ImageContainer.vue b/src/components/common/ImageContainer.vue
index 44d19f0b..8d450036 100644
--- a/src/components/common/ImageContainer.vue
+++ b/src/components/common/ImageContainer.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-import defaultProfile from '@/assets/deafultProfile.png'
+import defaultProfile from '/deafultProfile.png'
 
 const { url, size } = defineProps<{ url?: string; size: number }>()
 </script>
diff --git a/src/components/common/ModalView.vue b/src/components/common/ModalView.vue
index 43fe9f21..25dcf4d6 100644
--- a/src/components/common/ModalView.vue
+++ b/src/components/common/ModalView.vue
@@ -92,7 +92,7 @@ import { failIcon, successIcon, warningIcon } from '@/constants/iconPath'
 import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 import { onUnmounted, ref, watch } from 'vue'
 import CommonIcons from './CommonIcons.vue'
-import LoadingIcon from './LoadingIcon.vue'
+import LoadingIcon from '@/assets/icons/LoadingIcon.vue'
 
 const { isOpen, type, modelValue, isEmpty } = defineProps<{
   isOpen: boolean
diff --git a/src/components/lists/ListBarTab.vue b/src/components/lists/ListBarTab.vue
index e17a4f18..30ccfb74 100644
--- a/src/components/lists/ListBarTab.vue
+++ b/src/components/lists/ListBarTab.vue
@@ -18,9 +18,9 @@
 </template>
 
 <script setup lang="ts">
+import OrderIcon from '@/assets/icons/OrderIcon.vue'
 import type { ListBarTabProps } from '@/types/common'
 import { computed } from 'vue'
-import OrderIcon from '../common/OrderIcon.vue'
 
 const { content, width, sortBy, currentOrderRequest } = defineProps<ListBarTabProps>()
 defineEmits(['toggleSortBy'])
diff --git a/src/components/request-approve/LabelDropdown.vue b/src/components/request-approve/LabelDropdown.vue
index 6a93801b..53b81c23 100644
--- a/src/components/request-approve/LabelDropdown.vue
+++ b/src/components/request-approve/LabelDropdown.vue
@@ -16,7 +16,7 @@
       </div>
       <div
         v-if="dropdownOpen"
-        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">
+        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-custom">
         <div
           v-for="option in labelArr"
           :key="option.labelId || option.labelName"
diff --git a/src/components/request-task/CategoryDropDown.vue b/src/components/request-task/CategoryDropDown.vue
index 19d08072..b9308dea 100644
--- a/src/components/request-task/CategoryDropDown.vue
+++ b/src/components/request-task/CategoryDropDown.vue
@@ -29,7 +29,7 @@
       </div>
       <div
         v-if="dropdownOpen"
-        class="absolute w-full max-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">
+        class="absolute w-full max-h-40 overflow-y-auto scrollbar-hide top-[52px] flex flex-col gap-2 p-2 bg-white rounded z-10 shadow-custom">
         <div
           v-for="option in options"
           :key="'subCategoryId' in option ? option.subCategoryId : option.mainCategoryId"
diff --git a/src/components/request-task/ReRequestTask.vue b/src/components/request-task/ReRequestTask.vue
index 16cd1689..ec2a3bcb 100644
--- a/src/components/request-task/ReRequestTask.vue
+++ b/src/components/request-task/ReRequestTask.vue
@@ -24,7 +24,7 @@
       v-model="description"
       :is-invalidate="isInvalidate === 'description' ? isInvalidate : ''"
       :placeholderText="'부가 설명을 입력해주세요'"
-      :limit-length="200" />
+      :limit-length="1000" />
     <RequestTaskFileInput
       v-model="file"
       :initFileArr="initFileArr"
@@ -37,7 +37,7 @@
     <ModalView
       :isOpen="isModalVisible === 'success'"
       :type="'successType'"
-      @close="handleCancel">
+      @close="finishEdit">
       <template #header>작업이 {{ statusText }}되었습니다</template>
     </ModalView>
     <ModalView
@@ -67,6 +67,7 @@ import {
 import type { Category, SubCategory } from '@/types/common'
 import type { AttachmentResponse } from '@/types/user'
 import getPossibleCategory from '@/utils/possibleCategory'
+import DOMPurify from 'dompurify'
 import { computed, onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
@@ -75,7 +76,6 @@ import CategoryDropDown from './CategoryDropDown.vue'
 import RequestTaskFileInput from './RequestTaskFileInput.vue'
 import RequestTaskInput from './RequestTaskInput.vue'
 import RequestTaskTextArea from './RequestTaskTextArea.vue'
-import DOMPurify from 'dompurify'
 
 const category1 = ref<Category | null>(null)
 const category2 = ref<SubCategory | null>(null)
@@ -95,6 +95,7 @@ const subCategoryArr = ref<SubCategory[]>([])
 const afterSubCategoryArr = ref<SubCategory[]>([])
 const initFileArr = ref<AttachmentResponse[]>([])
 const isFirst = ref(true)
+const isdescriptionFirst = ref(true)
 
 const { id, reqType } = defineProps<{ id: string; reqType: string }>()
 const router = useRouter()
@@ -103,6 +104,11 @@ const handleCancel = () => {
   router.back()
 }
 
+const finishEdit = () => {
+  isModalVisible.value = ''
+  router.push('my-request')
+}
+
 onMounted(async () => {
   const mainCategory = await getMainCategory()
   const mainIds = await getPossibleCategory()
@@ -140,15 +146,16 @@ watch(category1, async newValue => {
 })
 
 watch(category2, async newVal => {
-  if (newVal) {
+  if (newVal && !isdescriptionFirst.value) {
     const res = await getSubCategoryDetail(newVal.subCategoryId)
     description.value = res.descriptionExample
+  } else if (newVal) {
+    isdescriptionFirst.value = false
   }
 })
 
 const handleSubmit = async () => {
   if (isSubmitting.value || isModalVisible.value) return
-
   if (!category1.value) {
     isInvalidate.value = 'category1'
     return
@@ -161,7 +168,7 @@ const handleSubmit = async () => {
   } else if (title.value.length > 30) {
     isInvalidate.value = 'title'
     return
-  } else if (description.value.length > 200) {
+  } else if (description.value.length > 1000) {
     isInvalidate.value = 'description'
     return
   }
diff --git a/src/components/request-task/RequestTask.vue b/src/components/request-task/RequestTask.vue
index 70919238..42d9bb5f 100644
--- a/src/components/request-task/RequestTask.vue
+++ b/src/components/request-task/RequestTask.vue
@@ -24,19 +24,19 @@
       v-model="description"
       :is-invalidate="isInvalidate === 'description' ? isInvalidate : ''"
       :placeholderText="'부가 설명을 입력해주세요'"
-      :limit-length="200" />
+      :limit-length="1000" />
     <RequestTaskFileInput
       v-model="file"
       :isUploading="isUploading" />
     <FormButtonContainer
-      :handleCancel="handleCancel"
-      :handleSubmit="handleSubmit"
+      :handleCancel
+      :handleSubmit
       cancelText="취소"
       submitText="요청" />
     <ModalView
       :isOpen="isModalVisible === 'success'"
       :type="'successType'"
-      @close="handleCancel">
+      @close="finishRequest">
       <template #header>작업이 요청되었습니다</template>
     </ModalView>
     <ModalView
@@ -53,6 +53,7 @@ import { getMainCategory, getSubCategory } from '@/api/common'
 import { getSubCategoryDetail, postTaskRequest } from '@/api/user'
 import type { Category, SubCategory } from '@/types/common'
 import getPossibleCategory from '@/utils/possibleCategory'
+import DOMPurify from 'dompurify'
 import { onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
@@ -61,7 +62,6 @@ import CategoryDropDown from './CategoryDropDown.vue'
 import RequestTaskFileInput from './RequestTaskFileInput.vue'
 import RequestTaskInput from './RequestTaskInput.vue'
 import RequestTaskTextArea from './RequestTaskTextArea.vue'
-import DOMPurify from 'dompurify'
 
 const category1 = ref<Category | null>(null)
 const category2 = ref<SubCategory | null>(null)
@@ -106,16 +106,25 @@ watch(category2, async newVal => {
 
 const router = useRouter()
 
-const handleCancel = () => {
+const resetForm = () => {
   category1.value = null
   category2.value = null
   title.value = ''
   description.value = ''
   file.value = []
-  isModalVisible.value = ''
+}
+
+const handleCancel = () => {
+  resetForm()
   router.back()
 }
 
+const finishRequest = () => {
+  resetForm()
+  isModalVisible.value = ''
+  router.push('my-request')
+}
+
 const handleSubmit = async () => {
   if (isSubmitting.value || isModalVisible.value) return
 
@@ -131,7 +140,7 @@ const handleSubmit = async () => {
   } else if (title.value.length > 30) {
     isInvalidate.value = 'title'
     return
-  } else if (description.value.length > 200) {
+  } else if (description.value.length > 1000) {
     isInvalidate.value = 'description'
     return
   }
diff --git a/src/components/request-task/RequestTaskDropdown.vue b/src/components/request-task/RequestTaskDropdown.vue
index 43d114bf..9f90056f 100644
--- a/src/components/request-task/RequestTaskDropdown.vue
+++ b/src/components/request-task/RequestTaskDropdown.vue
@@ -21,7 +21,7 @@
       </div>
       <div
         v-if="dropdownOpen"
-        class="absolute w-full max-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">
+        class="absolute w-full max-h-40 overflow-y-auto scrollbar-hide top-[52px] flex flex-col gap-2 p-2 bg-white rounded z-10 shadow-custom">
         <div
           v-for="option in options"
           :key="option"
diff --git a/src/components/request-task/RequestTaskTextArea.vue b/src/components/request-task/RequestTaskTextArea.vue
index 2a9a0d8a..42c0f635 100644
--- a/src/components/request-task/RequestTaskTextArea.vue
+++ b/src/components/request-task/RequestTaskTextArea.vue
@@ -2,13 +2,13 @@
   <div class="flex flex-col gap-1.5 relative">
     <div class="text-xs flex gap-x-1 text-red-1">
       <p class="text-body text-xs font-semibold">부가설명</p>
-      <p v-if="isInvalidateState === 'description'">부가설명은 200자 이내로 적어주세요</p>
+      <p v-if="isInvalidateState === 'description'">부가설명은 1000자 이내로 적어주세요</p>
     </div>
     <textarea
       class="w-full h-32 border border-border-1 px-4 py-2 resize-none focus:outline-none rounded"
       :value="modelValue"
       :placeholder="placeholderText"
-      :maxlength="200"
+      :maxlength="1000"
       @input="updateValue(($event.target as HTMLInputElement).value)">
     </textarea>
     <p
diff --git a/src/components/task-detail/TaskDetailHistory.vue b/src/components/task-detail/TaskDetailHistory.vue
index 89d570d2..21cf3f40 100644
--- a/src/components/task-detail/TaskDetailHistory.vue
+++ b/src/components/task-detail/TaskDetailHistory.vue
@@ -30,14 +30,14 @@
             "
             class="flex w-full gap-1 justify-center text-body text-sm">
             <p>
-              {{ HistoryMessageBefore[item.taskHistoryType] }}
+              {{ HISTORY_MSG_BEFORE[item.taskHistoryType] }}
             </p>
             <p
               v-if="item.taskHistoryType !== 'TASK_TERMINATED'"
               class="text-primary1">
               {{ item.details.taskDetails?.value }}
             </p>
-            <p>{{ HistoryMessageAfter[item.taskHistoryType] }}</p>
+            <p>{{ HISTORY_MSG_AFTER[item.taskHistoryType] }}</p>
           </div>
           <span
             class="text-xs text-disabled text-center"
@@ -63,7 +63,7 @@
 </template>
 
 <script setup lang="ts">
-import { HistoryMessageAfter, HistoryMessageBefore } from '@/constants/user'
+import { HISTORY_MSG_AFTER, HISTORY_MSG_BEFORE } from '@/constants/user'
 import type { TaskDetailHistoryProps } from '@/types/common'
 import { formatDateWithDay, formatTimeShort } from '@/utils/date'
 import { watch } from 'vue'
diff --git a/src/components/task-detail/TaskDetailLeft.vue b/src/components/task-detail/TaskDetailLeft.vue
index f51423e6..613a1e2e 100644
--- a/src/components/task-detail/TaskDetailLeft.vue
+++ b/src/components/task-detail/TaskDetailLeft.vue
@@ -15,7 +15,7 @@
     <div v-if="data.description">
       <p class="task-detail">부가 설명</p>
       <p
-        class="px-6 py-4 bg-primary2 rounded-lg font-normal min-h-[120px] whitespace-pre-wrap break-all">
+        class="px-6 py-4 bg-primary2 rounded-lg font-normal min-h-[120px] max-h-[360px] whitespace-pre-wrap break-all">
         {{ data.description }}
       </p>
     </div>
diff --git a/src/components/task-management/CategoryAdd.vue b/src/components/task-management/CategoryAdd.vue
index aa5c23e8..a56c30dc 100644
--- a/src/components/task-management/CategoryAdd.vue
+++ b/src/components/task-management/CategoryAdd.vue
@@ -41,18 +41,18 @@
         <p
           class="text-red-1"
           v-if="errorMessage.description === 'tooLong'">
-          템플릿은 100자 이내로 적어주세요
+          템플릿은 500자 이내로 적어주세요
         </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="100"
+        :maxlength="500"
         :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 }}
+        {{ categoryForm.descriptionExample?.length || 0 }}/{{ 500 }}
       </p>
     </div>
 
@@ -120,7 +120,7 @@ const handleSubmit = async () => {
   } else if (categoryForm.value.code.length === 0) {
     errorMessage.value.categoryCode = 'noCode'
     return
-  } else if ((categoryForm.value.descriptionExample ?? '').length > 100) {
+  } else if ((categoryForm.value.descriptionExample ?? '').length > 500) {
     errorMessage.value.description = 'tooLong'
     return
   }
diff --git a/src/components/top-bar/TopBar.vue b/src/components/top-bar/TopBar.vue
index ba57c9d3..14cbc149 100644
--- a/src/components/top-bar/TopBar.vue
+++ b/src/components/top-bar/TopBar.vue
@@ -73,10 +73,10 @@ import { hamburgerIcon } from '../../constants/iconPath'
 import CommonIcons from '../common/CommonIcons.vue'
 import ImageContainer from '../common/ImageContainer.vue'
 import MainLogo from '../common/MainLogo.vue'
-import NotificationIcon from '../icons/NotificationIcon.vue'
 import NotificationModal from './NotificationModal.vue'
 import ProfileModal from './ProfileModal.vue'
 import SideBar from './SideBar.vue'
+import NotificationIcon from '@/assets/icons/NotificationIcon.vue'
 
 const memberStore = useMemberStore()
 const { isLogined, info } = storeToRefs(memberStore)
diff --git a/src/components/user-manage/DepartmentDropDown.vue b/src/components/user-manage/DepartmentDropDown.vue
index 81803b02..83eb62e3 100644
--- a/src/components/user-manage/DepartmentDropDown.vue
+++ b/src/components/user-manage/DepartmentDropDown.vue
@@ -21,7 +21,7 @@
       </div>
       <div
         v-if="dropdownOpen"
-        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">
+        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-custom">
         <div
           v-for="department in departments"
           :key="department.departmentId"
diff --git a/src/components/user-manage/UserRegistration.vue b/src/components/user-manage/UserRegistration.vue
index 7c6a51fe..3eafd7e8 100644
--- a/src/components/user-manage/UserRegistration.vue
+++ b/src/components/user-manage/UserRegistration.vue
@@ -72,7 +72,7 @@
 
 <script lang="ts" setup>
 import { addMemberAdmin } from '@/api/admin'
-import { INITIAL_USER_REGISTRATION, RoleKeys, RoleTypeMapping } from '@/constants/admin'
+import { INITIAL_USER_REGISTRATION, ROLE_TYPE_MAPPING, RoleKeys } from '@/constants/admin'
 import DOMPurify from 'dompurify'
 import { computed, onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
@@ -154,7 +154,7 @@ const handleSubmit = async () => {
       ...restForm,
       departmentId: department?.departmentId,
       isReviewer: isManager.value ? userRegistrationForm.value.isReviewer : false,
-      role: RoleTypeMapping[userRegistrationForm.value.role],
+      role: ROLE_TYPE_MAPPING[userRegistrationForm.value.role],
       email: userRegistrationForm.value.nickname + userRegistrationForm.value.email
     }
 
diff --git a/src/components/user-manage/UserUpdate.vue b/src/components/user-manage/UserUpdate.vue
index 2069276d..803ab678 100644
--- a/src/components/user-manage/UserUpdate.vue
+++ b/src/components/user-manage/UserUpdate.vue
@@ -68,7 +68,7 @@ import {
   INITIAL_USER_REGISTRATION,
   RoleKeys,
   RoleMapping,
-  RoleTypeMapping
+  ROLE_TYPE_MAPPING
 } from '@/constants/admin'
 import type { UserRegistrationProps } from '@/types/admin'
 import DOMPurify from 'dompurify'
@@ -159,7 +159,7 @@ const handleSubmit = async () => {
 
     if (typeof userId.value === 'string') {
       const formData = {
-        role: RoleTypeMapping[userRegistrationForm.value.role],
+        role: ROLE_TYPE_MAPPING[userRegistrationForm.value.role],
         name: userRegistrationForm.value.name,
         isReviewer: isManager.value ? userRegistrationForm.value.isReviewer : false,
         departmentId: userRegistrationForm.value.department.departmentId,
diff --git a/src/constants/admin.ts b/src/constants/admin.ts
index f115c5eb..da99bc18 100644
--- a/src/constants/admin.ts
+++ b/src/constants/admin.ts
@@ -1,4 +1,5 @@
-import type { CategoryForm, ListBarTabProps, Option } from '@/types/common'
+import type { RoleTypes, UserRegistrationProps } from '@/types/admin'
+import type { CategoryForm, ListBarTabProps, Option, Role } from '@/types/common'
 
 export const MEMBER_MANAGEMENT_LIST_BAR_TAB: ListBarTabProps[] = [
   { content: '이름', width: 80 },
@@ -33,8 +34,6 @@ export const LOGS_LIST_BAR_TAB: ListBarTabProps[] = [
   { content: '비고' }
 ]
 
-import type { RoleTypes, RoleTypesEnum, UserRegistrationProps } from '@/types/admin'
-
 export const CATEGORY_FORM: CategoryForm = {
   name: '',
   code: ''
@@ -50,19 +49,19 @@ export const INITIAL_USER_REGISTRATION: UserRegistrationProps = {
   departmentRole: ''
 }
 
-export const RoleTypeMapping: { [key in RoleTypes]: RoleTypesEnum } = {
+export const ROLE_TYPE_MAPPING: { [key in RoleTypes]: Role } = {
   사용자: 'ROLE_USER',
   담당자: 'ROLE_MANAGER',
   관리자: 'ROLE_ADMIN'
 }
 
-export const RoleMapping: { [key in RoleTypesEnum]: RoleTypes } = {
+export const RoleMapping: { [key in Role]: RoleTypes } = {
   ROLE_USER: '사용자',
   ROLE_MANAGER: '담당자',
   ROLE_ADMIN: '관리자'
 }
 
-export const RoleKeys: RoleTypes[] = Object.keys(RoleTypeMapping) as RoleTypes[]
+export const RoleKeys: RoleTypes[] = Object.keys(ROLE_TYPE_MAPPING) as RoleTypes[]
 
-export const csvPath =
+export const CSV_PATH =
   'https://objectstorage.kr-central-2.kakaocloud.com/v1/34481374c1ee4bbb8745df43e4c13fff/taskflow/example/member_form_example.csv'
diff --git a/src/constants/menu.ts b/src/constants/menu.ts
index c7ae9f77..50ff0491 100644
--- a/src/constants/menu.ts
+++ b/src/constants/menu.ts
@@ -1,10 +1,4 @@
-import type { MenuItemProps } from '@/types/menu'
-
-interface SideMenu {
-  groupId: number
-  groupTitle: string
-  items: MenuItemProps[]
-}
+import type { SideMenu } from '@/types/common'
 
 export const SIDE_USER_MENU: SideMenu[] = [
   {
diff --git a/src/constants/user.ts b/src/constants/user.ts
index 1afd16b5..fd26fc5a 100644
--- a/src/constants/user.ts
+++ b/src/constants/user.ts
@@ -21,7 +21,7 @@ export const REQUESTED_LIST_BAR_TAB: ListBarTabProps[] = [
   { content: '처리', width: 120, justifyCenter: true }
 ]
 
-export const HistoryMessageBefore: Record<TaskHistoryType, string> = {
+export const HISTORY_MSG_BEFORE: Record<TaskHistoryType, string> = {
   STATUS_SWITCHED: '요청이',
   PROCESSOR_CHANGED: '담당자가',
   COMMENT: '',
@@ -30,7 +30,7 @@ export const HistoryMessageBefore: Record<TaskHistoryType, string> = {
   TASK_TERMINATED: '작업이'
 }
 
-export const HistoryMessageAfter: Record<TaskHistoryType, string> = {
+export const HISTORY_MSG_AFTER: Record<TaskHistoryType, string> = {
   STATUS_SWITCHED: '상태로 변경되었습니다',
   PROCESSOR_CHANGED: '님으로 변경되었습니다',
   COMMENT: '',
diff --git a/src/stores/member.ts b/src/stores/member.ts
index 86716eae..3f131795 100644
--- a/src/stores/member.ts
+++ b/src/stores/member.ts
@@ -1,4 +1,4 @@
-import type { User } from '@/types/auth'
+import type { User } from '@/types/common'
 import { axiosInstance } from '@/utils/axios'
 import Cookies from 'js-cookie'
 import { defineStore } from 'pinia'
@@ -25,7 +25,7 @@ export const useMemberStore = defineStore('memberInfo', () => {
   const isLogined = ref(false)
   const isPendingUser = ref(false)
 
-  async function updateMemberInfoWithToken() {
+  const updateMemberInfoWithToken = async () => {
     isPendingUser.value = false
     const token = Cookies.get('accessToken')
     const refreshToken = Cookies.get('refreshToken')
@@ -42,14 +42,14 @@ export const useMemberStore = defineStore('memberInfo', () => {
     return data.role
   }
 
-  function logout() {
+  const logout = () => {
     $reset()
     isLogined.value = false
     Cookies.remove('accessToken')
     Cookies.remove('refreshToken')
   }
 
-  function $reset() {
+  const $reset = () => {
     info.value = INITIAL_INFO
   }
 
diff --git a/src/types/admin.ts b/src/types/admin.ts
index f278f0c3..e949d3bb 100644
--- a/src/types/admin.ts
+++ b/src/types/admin.ts
@@ -46,8 +46,6 @@ export interface UserRegistrationProps {
 
 export type RoleTypes = '관리자' | '사용자' | '담당자'
 
-export type RoleTypesEnum = 'ROLE_ADMIN' | 'ROLE_USER' | 'ROLE_MANAGER'
-
 export interface CategoryAllData {
   categories: Category[]
 }
@@ -104,7 +102,7 @@ export interface UserRegistrationApiProps {
   nickname: string
   isReviewer: boolean
   departmentId: number
-  role: RoleTypesEnum
+  role: Role
   departmentRole: string
 }
 
@@ -112,6 +110,6 @@ export interface UserUpdateValue {
   name: string
   isReviewer: boolean
   departmentId: number
-  role: RoleTypesEnum
+  role: Role
   departmentRole: string
 }
diff --git a/src/types/auth.ts b/src/types/auth.ts
deleted file mode 100644
index 9e24b088..00000000
--- a/src/types/auth.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { Role } from './common'
-
-export interface User {
-  profileImageUrl: string
-  name: string
-  nickname: string
-  email: string
-  isReviewer: boolean
-  role: Role | ''
-  departmentName: string
-  departmentRole: string
-  notificationSettingInfo: {
-    agit: boolean
-    email: boolean
-    kakaoWork: boolean
-  }
-}
diff --git a/src/types/common.ts b/src/types/common.ts
index 2998c7f1..b42371ee 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -143,3 +143,34 @@ export interface TaskDetailHistoryChatProps {
   taskId: number
   requestorName: string
 }
+
+export type RoleInMenu = 'manager' | 'user' | 'admin'
+
+export interface MenuItemProps {
+  menuId: number
+  content: string
+  role: RoleInMenu
+  link: string
+}
+
+export interface User {
+  profileImageUrl: string
+  name: string
+  nickname: string
+  email: string
+  isReviewer: boolean
+  role: Role | ''
+  departmentName: string
+  departmentRole: string
+  notificationSettingInfo: {
+    agit: boolean
+    email: boolean
+    kakaoWork: boolean
+  }
+}
+
+export interface SideMenu {
+  groupId: number
+  groupTitle: string
+  items: MenuItemProps[]
+}
diff --git a/src/types/menu.ts b/src/types/menu.ts
deleted file mode 100644
index 882f2933..00000000
--- a/src/types/menu.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export type Role = 'manager' | 'user' | 'admin'
-
-export interface MenuItemProps {
-  menuId: number
-  content: string
-  role: Role
-  link: string
-}
diff --git a/src/types/user.ts b/src/types/user.ts
index 348096e8..35d8d7a0 100644
--- a/src/types/user.ts
+++ b/src/types/user.ts
@@ -95,12 +95,6 @@ export interface TaskHistory {
   details: TaskHistoryDetails
 }
 
-export interface TaskHistoryDetails {
-  taskDetails?: TaskDetails | null
-  commentDetails?: CommentDetails | null
-  commentFileDetails?: CommentFileDetails | null
-}
-
 export interface TaskDetails {
   value: string
 }
@@ -123,43 +117,16 @@ export interface CommentFileDetails {
   size: string
 }
 
+export interface TaskHistoryDetails {
+  taskDetails?: TaskDetails | null
+  commentDetails?: CommentDetails | null
+  commentFileDetails?: CommentFileDetails | null
+}
+
 export interface TaskDetailProps {
   selectedId: number
   closeTaskDetail: () => void
 }
-export interface ManagerInfoTypes {
-  nickName: string
-  profileUrl: string
-  totalAssignedTasks: number
-}
-
-export interface TaskDetailRightProps {
-  taskDetail: TaskDetailDatas
-}
-
-export interface TaskDetailLabelDropdownProps {
-  options: LabelDataTypes[]
-  modelValue: LabelDataTypes
-}
-
-export interface TaskHistoryDatas {
-  taskId: number
-  taskCode: string
-  requestedAt: string
-  finishedAt: string
-  taskStatus: Status
-  requesterNickName: string
-  requesterImageUrl: string
-  processorNickName: string
-  processorImageUrl: string
-  mainCategoryName: string
-  categoryName: string
-  title: string
-  description: string
-  attachmentResponse: AttachmentResponse[]
-  dueDate?: string
-  labelName?: string
-}
 
 export interface MyRequestResponse {
   content: MyRequestListData[]
@@ -183,10 +150,6 @@ export interface ManagerDropdownProps {
   isInvalidate: string
 }
 
-export interface DetailManagerDropdownProps {
-  modelValue: ManagerTypes
-}
-
 export interface TaskStatusListProps {
   modelValue: Status
   isProcessor: boolean
diff --git a/src/utils/unit.ts b/src/utils/unit.ts
index 8d2e0994..995cdc31 100644
--- a/src/utils/unit.ts
+++ b/src/utils/unit.ts
@@ -1,4 +1,4 @@
-export function formatFileSize(bytes: number): string {
+export const formatFileSize = (bytes: number) => {
   const kb = bytes / 1024
   const mb = kb / 1024
 
diff --git a/src/views/MemberManagementView.vue b/src/views/MemberManagementView.vue
index 5913b6a7..3974c434 100644
--- a/src/views/MemberManagementView.vue
+++ b/src/views/MemberManagementView.vue
@@ -10,7 +10,7 @@
         </button>
         <MemberManagementAddByCsv />
         <a
-          :href="csvPath"
+          :href="CSV_PATH"
           class="flex py-1 px-2 rounded hover:bg-background-2 items-center gap-1 text-xs font-semibold text-primary3"
           download>
           <CommonIcons :name="downloadIcon" />
@@ -31,7 +31,7 @@ import TitleBar from '@/components/common/TitleBar.vue'
 import MemberManagementAddByCsv from '@/components/member-management/MemberManagementAddByCsv.vue'
 import MemberManagementFilterBar from '@/components/member-management/MemberManagementFilterBar.vue'
 import MemberManagementList from '@/components/member-management/MemberManagementList.vue'
-import { csvPath } from '@/constants/admin'
+import { CSV_PATH } from '@/constants/admin'
 import { downloadIcon } from '@/constants/iconPath'
 import { useRouter } from 'vue-router'