diff --git a/src/api/admin.ts b/src/api/admin.ts
index 8cc92fcf..df2edbf7 100644
--- a/src/api/admin.ts
+++ b/src/api/admin.ts
@@ -1,6 +1,6 @@
-import type { NewLabelTypes, UserRegistrationProps } from '@/types/admin'
+import type { NewLabelTypes, UserRegistrationApiProps, UserUpdateValue } from '@/types/admin'
 import type { LabelDataTypes } from '@/types/common'
-import { axiosInstance } from '@/utils/axios'
+import { axiosInstance, formDataAxiosInstance } from '@/utils/axios'
 
 export const deleteLabelAdmin = async (id: number) => {
   const response = await axiosInstance.delete(`/api/managements/labels/${id}`)
@@ -25,7 +25,27 @@ export const deleteCategoryAdmin = async (id: number) => {
   return response.data
 }
 
-export const addMemberAdmin = async (memberData: UserRegistrationProps) => {
+export const addMemberAdmin = async (memberData: UserRegistrationApiProps) => {
   const response = await axiosInstance.post('/api/managements/members', memberData)
   return response.data
 }
+
+export const getDepartmentsAdmin = async () => {
+  const response = await axiosInstance.get('/api/managements/departments')
+  return response.data
+}
+
+export const addMemberAdminByCsv = async (formdata: FormData) => {
+  const response = await formDataAxiosInstance.post('/api/managements/members/upload', formdata)
+  return response.data
+}
+
+export const getMemberDetailAdmin = async (id: string) => {
+  const response = await axiosInstance.get(`api/managements/members/${id}/details`)
+  return response.data
+}
+
+export const updateMemberAdmin = async (id: string, data: UserUpdateValue) => {
+  const response = await axiosInstance.post(`api/managements/members/${id}`, data)
+  return response.data
+}
diff --git a/src/api/user.ts b/src/api/user.ts
index cd736d9a..8bcfa9f7 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -77,3 +77,8 @@ export const patchTaskRequest = async (taskId: string, formdata: FormData) => {
   const response = await formDataAxiosInstance.patch(`/api/tasks/${taskId}`, formdata)
   return response.data
 }
+
+export const cancelTaskUser = async (taskId: number) => {
+  const response = await axiosInstance.patch(`/api/tasks/${taskId}/cancel`)
+  return response.data
+}
diff --git a/src/components/common/FormCheckbox.vue b/src/components/common/FormCheckbox.vue
index ec71c773..081663a1 100644
--- a/src/components/common/FormCheckbox.vue
+++ b/src/components/common/FormCheckbox.vue
@@ -2,8 +2,11 @@
   <div class="text-xs font-bold">
     <p class="text-body mb-2">{{ labelName }}</p>
     <div
-      class="w-fit flex gap-2 items-center cursor-pointer"
-      @click="updateValue">
+      @click="!isDisabled && updateValue()"
+      :class="[
+        'w-fit flex gap-2 items-center',
+        { 'cursor-pointer': !isDisabled, 'cursor-not-allowed': isDisabled }
+      ]">
       <CommonIcons
         :name="checkBoxIcon"
         :class="[
@@ -19,12 +22,22 @@
 <script lang="ts" setup>
 import { checkBoxIcon } from '@/constants/iconPath'
 import type { FormCheckboxProps } from '@/types/common'
+import { watch } from 'vue'
 import CommonIcons from './CommonIcons.vue'
 
-const { labelName, checkButtonName, isChecked } = defineProps<FormCheckboxProps>()
+const { labelName, checkButtonName, isChecked, isDisabled } = defineProps<FormCheckboxProps>()
 const emit = defineEmits(['update:modelValue'])
 
 const updateValue = () => {
   emit('update:modelValue', !isChecked)
 }
+
+watch(
+  () => isDisabled,
+  newVal => {
+    if (newVal) {
+      emit('update:modelValue', false)
+    }
+  }
+)
 </script>
diff --git a/src/components/member-management/MemberManagementAddByCsv.vue b/src/components/member-management/MemberManagementAddByCsv.vue
new file mode 100644
index 00000000..fc25fadd
--- /dev/null
+++ b/src/components/member-management/MemberManagementAddByCsv.vue
@@ -0,0 +1,52 @@
+<template>
+  <input
+    class="hidden"
+    type="file"
+    id="file"
+    accept=".csv"
+    @change="handleFileUpload" />
+  <label
+    for="file"
+    class="cursor-pointer flex items-center gap-1 text-xs font-bold text-primary1">
+    <CommonIcons
+      :name="plusIcon"
+      :style="{ fill: '#7879EB' }" />
+    파일로 일괄 추가
+  </label>
+  <ModalView
+    :isOpen="isModalVisible"
+    :type="'successType'"
+    @close="handleCancel">
+    <template #header> 회원이 추가되었습니다 </template>
+  </ModalView>
+</template>
+
+<script setup lang="ts">
+import { addMemberAdminByCsv } from '@/api/admin'
+import { plusIcon } from '@/constants/iconPath'
+import { useMemberManagementParamsStore } from '@/stores/params'
+import { useQueryClient } from '@tanstack/vue-query'
+import { ref } from 'vue'
+import CommonIcons from '../common/CommonIcons.vue'
+import ModalView from '../ModalView.vue'
+
+const queryClient = useQueryClient()
+const isModalVisible = ref(false)
+const { params } = useMemberManagementParamsStore()
+
+const handleFileUpload = async (event: Event) => {
+  const target = event.target as HTMLInputElement
+  const file = target.files?.[0]
+  if (!file) return
+  const formData = new FormData()
+  formData.append('file', file)
+  await addMemberAdminByCsv(formData)
+  queryClient.invalidateQueries({ queryKey: ['member', { ...params }] })
+  isModalVisible.value = true
+  target.value = ''
+}
+
+const handleCancel = () => {
+  isModalVisible.value = false
+}
+</script>
diff --git a/src/components/member-management/MemberManagementList.vue b/src/components/member-management/MemberManagementList.vue
index 18e2e250..bda06767 100644
--- a/src/components/member-management/MemberManagementList.vue
+++ b/src/components/member-management/MemberManagementList.vue
@@ -22,22 +22,21 @@
 </template>
 
 <script setup lang="ts">
-import ListPagination from '../lists/ListPagination.vue'
-import ListContainer from '../lists/ListContainer.vue'
 import { useMemberManagementParamsStore } from '@/stores/params'
-import MemberManagementListBar from './MemberManagementListBar.vue'
-import MemberManagementListCard from './MemberManagementListCard.vue'
-import NoContent from '../lists/NoContent.vue'
+import type { MemberManagementResponse } from '@/types/admin'
 import { axiosInstance } from '@/utils/axios'
 import { useQuery } from '@tanstack/vue-query'
 import { computed } from 'vue'
-import type { MemberManagementResponse } from '@/types/admin'
+import ListContainer from '../lists/ListContainer.vue'
+import ListPagination from '../lists/ListPagination.vue'
+import NoContent from '../lists/NoContent.vue'
+import MemberManagementListBar from './MemberManagementListBar.vue'
+import MemberManagementListCard from './MemberManagementListCard.vue'
 
 const { params } = useMemberManagementParamsStore()
 const onPageChange = (value: number) => {
   params.page = value
 }
-
 const fetchMemberList = async () => {
   const response = await axiosInstance.get('/api/managements/members', { params })
   return response.data
diff --git a/src/components/member-management/MemberManagementListCard.vue b/src/components/member-management/MemberManagementListCard.vue
index 44f0a470..a8f9750a 100644
--- a/src/components/member-management/MemberManagementListCard.vue
+++ b/src/components/member-management/MemberManagementListCard.vue
@@ -10,7 +10,7 @@
       :is-status="tab.isStatus" />
     <div class="w-[180px] flex gap-2 justify-center items-center shrink-0">
       <button
-        @click="router.push(`/user-update`)"
+        @click="router.push(`/user-update?id=${info.memberId}`)"
         class="button-medium-primary">
         수정
       </button>
diff --git a/src/components/request-task/RequestTaskInput.vue b/src/components/request-task/RequestTaskInput.vue
index c7bd4828..ac036112 100644
--- a/src/components/request-task/RequestTaskInput.vue
+++ b/src/components/request-task/RequestTaskInput.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="relative">
+  <div class="relative w-full">
     <div class="text-xs flex gap-x-1 mb-2">
       <p class="text-body font-bold">{{ labelName }}</p>
       <p
@@ -13,7 +13,8 @@
       :value="modelValue"
       :disabled="isEdit"
       @input="updateValue(($event.target as HTMLInputElement).value)"
-      :placeholder="placeholderText" />
+      :placeholder="placeholderText"
+      :class="{ 'text-gray-500': isEdit, 'text-black': !isEdit }" />
     <p
       v-if="isInvalidateState === 'input'"
       class="text-red-1 text-xs absolute top-[calc(100%+4px)]">
diff --git a/src/components/task-detail/TaskDetail.vue b/src/components/task-detail/TaskDetail.vue
index 920ec75b..0f929cd8 100644
--- a/src/components/task-detail/TaskDetail.vue
+++ b/src/components/task-detail/TaskDetail.vue
@@ -41,7 +41,7 @@ import { useMemberStore } from '@/stores/member'
 import type { TaskDetailDatas, TaskDetailHistoryData, TaskDetailProps } from '@/types/user'
 import { useQuery, useQueryClient } from '@tanstack/vue-query'
 import { storeToRefs } from 'pinia'
-import { computed, watch, ref } from 'vue'
+import { computed, ref, watch } from 'vue'
 import TaskDetailHistory from './TaskDetailHistory.vue'
 import TaskDetailLeft from './TaskDetailLeft.vue'
 import TaskDetailRight from './TaskDetailRight.vue'
diff --git a/src/components/task-detail/TaskDetailHistoryInput.vue b/src/components/task-detail/TaskDetailHistoryInput.vue
index e632d497..d160af20 100644
--- a/src/components/task-detail/TaskDetailHistoryInput.vue
+++ b/src/components/task-detail/TaskDetailHistoryInput.vue
@@ -12,7 +12,7 @@
       :disabled="!isPossible"
       @compositionstart="isComposing = true"
       @compositionend="isComposing = false"
-      @keyup.enter.prevent="handleEnterKey"></textarea>
+      @keydown.enter.stop.prevent="handleEnterKey"></textarea>
     <input
       class="hidden"
       type="file"
diff --git a/src/components/task-detail/TaskDetailTopBar.vue b/src/components/task-detail/TaskDetailTopBar.vue
index 05ac4c2c..7a71dbe0 100644
--- a/src/components/task-detail/TaskDetailTopBar.vue
+++ b/src/components/task-detail/TaskDetailTopBar.vue
@@ -23,7 +23,7 @@
         <p class="text-primary1">요청 승인</p>
       </div>
       <div
-        @click="cancelTask"
+        @click="toggleModal('cancel')"
         v-if="!isApproved && (isRequestor || isProcessor)"
         class="flex gap-1 items-center cursor-pointer">
         <CommonIcons :name="cancelIcon" />
@@ -35,16 +35,24 @@
       @click="closeTaskDetail"
       class="cursor-pointer" />
     <ModalView
-      type="inputType"
       :is-open="isModalOpen.cancel"
-      @click="cancelTask"
-      @close="cancelTask">
-      <template #header>거부 사유를 입력해주세요</template>
+      type="warningType"
+      @close="closeCancelModal()"
+      @click="cancelTask">
+      <template #header>요청을 취소 하시겠습니까?</template>
+      <template #body>요청하신 내용은 사라집니다</template>
+    </ModalView>
+    <ModalView
+      :is-open="isModalOpen.success"
+      type="successType"
+      @close="toggleModal('success')">
+      <template #header>요청이 취소되었습니다</template>
     </ModalView>
   </div>
 </template>
 
 <script setup lang="ts">
+import { cancelTaskUser } from '@/api/user'
 import {
   approveIcon,
   cancelIcon,
@@ -64,19 +72,24 @@ const { isApproved, closeTaskDetail, id, isProcessor, isRequestor } =
 
 const isModalOpen = ref({
   cancel: false,
-  approve: false
+  success: false
 })
 
 const toggleModal = (key: keyof typeof isModalOpen.value) => {
   isModalOpen.value[key] = !isModalOpen.value[key]
 }
 
-const cancelTask = () => {
+const closeCancelModal = () => {
+  isModalOpen.value.cancel = false
+}
+
+const cancelTask = async () => {
+  await cancelTaskUser(id)
   toggleModal('cancel')
+  toggleModal('success')
 }
 
 const ApproveTask = () => {
-  toggleModal('approve')
   router.push(`/request-approve/${id}`)
 }
 </script>
diff --git a/src/components/user-manage/DepartmentDropDown.vue b/src/components/user-manage/DepartmentDropDown.vue
new file mode 100644
index 00000000..61bc38f9
--- /dev/null
+++ b/src/components/user-manage/DepartmentDropDown.vue
@@ -0,0 +1,61 @@
+<template>
+  <div>
+    <div class="flex text-xs gap-x-1 mb-2">
+      <p class="text-body font-bold">부서</p>
+      <p class="text-red-1">*</p>
+    </div>
+    <div class="relative flex">
+      <div
+        class="flex w-full h-11 items-center rounded p-4 border border-border-1 bg-white text-black cursor-pointer"
+        @click="toggleDropdown()">
+        <p>
+          {{ dePartments.find(department => department.departmentId === modelValue)?.name }}
+        </p>
+        <CommonIcons
+          :name="dropdownIcon"
+          :class="['ml-auto', { 'rotate-180': dropdownOpen }]" />
+      </div>
+      <div
+        v-if="dropdownOpen"
+        class="absolute w-full h-40 overflow-y-auto top-[52px] flex flex-col gap-2 p-2 bg-white rounded z-10 shadow border-t border-t-border-2 text-black">
+        <div
+          v-for="department in dePartments"
+          :key="department.departmentId"
+          class="w-full flex items-center h-11 p-2 rounded hover:bg-background-2 cursor-pointer"
+          @click="selectOption(department)">
+          {{ department.name }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { getDepartmentsAdmin } from '@/api/admin'
+import { dropdownIcon } from '@/constants/iconPath'
+import type { DepartmentType } from '@/types/admin'
+import { onMounted, ref } from 'vue'
+import CommonIcons from '../common/CommonIcons.vue'
+
+const dePartments = ref<DepartmentType[]>([])
+const dropdownOpen = ref(false)
+const emit = defineEmits(['update:modelValue'])
+const { modelValue } = defineProps<{ modelValue: number }>()
+
+const toggleDropdown = () => {
+  dropdownOpen.value = !dropdownOpen.value
+}
+
+const selectOption = (option: DepartmentType) => {
+  emit('update:modelValue', option.departmentId)
+  dropdownOpen.value = false
+}
+
+onMounted(async () => {
+  try {
+    dePartments.value = await getDepartmentsAdmin()
+  } catch (error) {
+    console.error('부서가져오기 실패:', error)
+  }
+})
+</script>
diff --git a/src/components/user-manage/UserRegistration.vue b/src/components/user-manage/UserRegistration.vue
index ead5d1a8..2b01daf1 100644
--- a/src/components/user-manage/UserRegistration.vue
+++ b/src/components/user-manage/UserRegistration.vue
@@ -14,25 +14,31 @@
       v-model="userRegistrationForm.nickname"
       :placeholderText="'회원의 아이디를 입력해주세요'"
       :labelName="'아이디'" />
-    <RequestTaskInput
-      v-model="userRegistrationForm.email"
-      :placeholderText="'회원의 이메일을 입력해주세요'"
-      :labelName="'이메일'" />
+    <div class="flex w-full gap-2">
+      <RequestTaskInput
+        v-model="userRegistrationForm.nickname"
+        :is-edit="true"
+        :placeholderText="'이메일은 아이디와 동일합니다'"
+        :labelName="'이메일'" />
+      <RequestTaskInput
+        v-model="userRegistrationForm.email"
+        :placeholderText="'@kakao.com'"
+        :label-name="'도메인'"
+        :is-not-required="false" />
+    </div>
     <RequestTaskDropdown
       v-model="userRegistrationForm.role"
       :options="RoleKeys"
       :label-name="'역할'"
       :placeholderText="'회원의 역할을 선택해주세요'" />
     <FormCheckbox
+      v-if="isManager"
       v-model="userRegistrationForm.isReviewer"
       :labelName="'요청 승인 권한'"
       :checkButtonName="'허용'"
+      :isDisabled="!isManager"
       :isChecked="userRegistrationForm.isReviewer" />
-    <!-- <RequestTaskInput
-      v-model="userRegistrationForm.departmentId"
-      :placeholderText="'회원의 부서를 입력해주세요'"
-      :is-not-required="true"
-      :labelName="'부서'" /> -->
+    <DepartmentDropDown v-model="userRegistrationForm.departmentId" />
     <RequestTaskInput
       v-model="userRegistrationForm.departmentRole"
       :placeholderText="'회원의 직무를 입력해주세요'"
@@ -48,28 +54,37 @@
 
 <script lang="ts" setup>
 import { addMemberAdmin } from '@/api/admin'
-import { INITIAL_USER_REGISTRATION, RoleKeys } from '@/constants/admin'
-import { ref } from 'vue'
+import { INITIAL_USER_REGISTRATION, RoleKeys, RoleTypeMapping } from '@/constants/admin'
+import { computed, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import FormButtonContainer from '../common/FormButtonContainer.vue'
 import FormCheckbox from '../common/FormCheckbox.vue'
 import ModalView from '../ModalView.vue'
 import RequestTaskDropdown from '../request-task/RequestTaskDropdown.vue'
 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 isManager = computed(() => userRegistrationForm.value.role === '담당자')
 
-const router = useRouter()
+onMounted(async () => {
+  userRegistrationForm.value = { ...INITIAL_USER_REGISTRATION }
+})
 
 const handleCancel = () => {
-  userRegistrationForm.value = { ...INITIAL_USER_REGISTRATION }
   isModalVisible.value = false
   router.back()
 }
 
 const handleSubmit = async () => {
-  const formData = { ...userRegistrationForm.value, role: 'ROLE_USER', departmentId: 1 }
+  const formData = {
+    ...userRegistrationForm.value,
+    isReviewer: isManager.value ? userRegistrationForm.value.isReviewer : false,
+    role: RoleTypeMapping[userRegistrationForm.value.role],
+    email: userRegistrationForm.value.nickname + userRegistrationForm.value.email
+  }
   await addMemberAdmin(formData)
   isModalVisible.value = true
 }
diff --git a/src/components/user-manage/UserUpdate.vue b/src/components/user-manage/UserUpdate.vue
index a76881f6..165f7c2c 100644
--- a/src/components/user-manage/UserUpdate.vue
+++ b/src/components/user-manage/UserUpdate.vue
@@ -15,25 +15,32 @@
       :placeholderText="'회원의 아이디를 입력해주세요'"
       :isEdit="true"
       :labelName="'아이디'" />
-    <RequestTaskInput
-      v-model="userRegistrationForm.email"
-      :placeholderText="'회원의 이메일을 입력해주세요'"
-      :labelName="'이메일'" />
+    <div class="flex w-full gap-2">
+      <RequestTaskInput
+        v-model="userRegistrationForm.nickname"
+        :is-edit="true"
+        :placeholderText="'이메일은 아이디와 동일합니다'"
+        :labelName="'이메일'" />
+      <RequestTaskInput
+        v-model="userRegistrationForm.email"
+        :placeholderText="'@kakao.com'"
+        :label-name="'도메인'"
+        :is-edit="true"
+        :is-not-required="false" />
+    </div>
     <RequestTaskDropdown
       v-model="userRegistrationForm.role"
       :options="RoleKeys"
       :label-name="'역할'"
       :placeholderText="'회원의 역할을 선택해주세요'" />
     <FormCheckbox
+      v-if="isManager"
       v-model="userRegistrationForm.isReviewer"
       :labelName="'요청 승인 권한'"
       :checkButtonName="'허용'"
+      :isDisabled="!isManager"
       :isChecked="userRegistrationForm.isReviewer" />
-    <RequestTaskInput
-      v-model="userRegistrationForm.departmentId"
-      :placeholderText="'회원의 부서를 입력해주세요'"
-      :is-not-required="true"
-      :labelName="'부서'" />
+    <DepartmentDropDown v-model="userRegistrationForm.departmentId" />
     <RequestTaskInput
       v-model="userRegistrationForm.departmentRole"
       :placeholderText="'회원의 직무를 입력해주세요'"
@@ -48,27 +55,69 @@
 </template>
 
 <script lang="ts" setup>
-import { INITIAL_USER_REGISTRATION, RoleKeys } from '@/constants/admin'
-import { ref } from 'vue'
+import { getMemberDetailAdmin, updateMemberAdmin } from '@/api/admin'
+import {
+  INITIAL_USER_REGISTRATION,
+  RoleKeys,
+  RoleMapping,
+  RoleTypeMapping
+} from '@/constants/admin'
+import type { UserRegistrationProps } from '@/types/admin'
+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 '../ModalView.vue'
 import RequestTaskDropdown from '../request-task/RequestTaskDropdown.vue'
 import RequestTaskInput from '../request-task/RequestTaskInput.vue'
-import FormButtonContainer from '../common/FormButtonContainer.vue'
-import FormCheckbox from '../common/FormCheckbox.vue'
-import { useRouter } from 'vue-router'
+import DepartmentDropDown from './DepartmentDropDown.vue'
+
+const route = useRoute()
+const router = useRouter()
 
-const isModalVisible = ref(false)
 const userRegistrationForm = ref(INITIAL_USER_REGISTRATION)
+const isManager = computed(() => userRegistrationForm.value.role === '담당자')
+const userId = ref(route.query.id)
+const userData = ref<UserRegistrationProps | null>(null)
+const isModalVisible = ref(false)
 
-const router = useRouter()
-const handleCancel = () => {
+watch(
+  () => router.currentRoute.value.query.id,
+  newId => {
+    userId.value = newId
+  }
+)
+
+onMounted(async () => {
+  if (typeof userId.value === 'string') {
+    userData.value = await getMemberDetailAdmin(userId.value)
+  }
+  if (userData.value && userData.value.role in RoleMapping) {
+    userRegistrationForm.value = {
+      ...userData.value,
+      email: '@' + userData.value.email.split('@')[1],
+      role: RoleMapping[userData.value.role as keyof typeof RoleMapping]
+    }
+  }
+})
+
+const handleCancel = async () => {
   userRegistrationForm.value = { ...INITIAL_USER_REGISTRATION }
   isModalVisible.value = false
   router.back()
 }
 
-const handleSubmit = () => {
-  console.log(userRegistrationForm.value)
-  isModalVisible.value = true
+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
+    }
+    await updateMemberAdmin(userId.value, userData)
+    isModalVisible.value = true
+  }
 }
 </script>
diff --git a/src/constants/admin.ts b/src/constants/admin.ts
index da6707c2..aefb085c 100644
--- a/src/constants/admin.ts
+++ b/src/constants/admin.ts
@@ -48,13 +48,13 @@ export const CATEGORY_FORM: CategoryForm = {
 }
 
 export const INITIAL_USER_REGISTRATION: UserRegistrationProps = {
-  name: '조철득',
-  email: 'choiron@gmail.com',
-  nickname: 'iron.ch',
+  name: '',
+  email: '',
+  nickname: '',
   isReviewer: false,
+  role: '사용자',
   departmentId: 1,
-  role: 'ROLE_USER',
-  departmentRole: 'FE'
+  departmentRole: ''
 }
 
 export const RoleTypeMapping: { [key in RoleTypes]: RoleTypesEnum } = {
@@ -63,4 +63,10 @@ export const RoleTypeMapping: { [key in RoleTypes]: RoleTypesEnum } = {
   관리자: 'ROLE_ADMIN'
 }
 
+export const RoleMapping: { [key in RoleTypesEnum]: RoleTypes } = {
+  ROLE_USER: '사용자',
+  ROLE_MANAGER: '담당자',
+  ROLE_ADMIN: '관리자'
+}
+
 export const RoleKeys: RoleTypes[] = Object.keys(RoleTypeMapping) as RoleTypes[]
diff --git a/src/types/admin.ts b/src/types/admin.ts
index 857a0535..b97e4c3a 100644
--- a/src/types/admin.ts
+++ b/src/types/admin.ts
@@ -38,10 +38,15 @@ export interface UserRegistrationProps {
   nickname: string
   isReviewer: boolean
   departmentId: number
-  role: string
+  role: RoleTypes
   departmentRole: string
 }
 
+export interface UserInfoForAdmin extends UserRegistrationProps {
+  profileImageUrl: string
+  departmentName: string
+}
+
 export type RoleTypes = '관리자' | '사용자' | '담당자'
 
 export type RoleTypesEnum = 'ROLE_ADMIN' | 'ROLE_USER' | 'ROLE_MANAGER'
@@ -95,3 +100,26 @@ export interface ApiLogsResponse {
   isFirst: boolean
   isLast: boolean
 }
+
+export interface DepartmentType {
+  departmentId: number
+  name: string
+}
+
+export interface UserRegistrationApiProps {
+  name: string
+  email: string
+  nickname: string
+  isReviewer: boolean
+  departmentId: number
+  role: RoleTypesEnum
+  departmentRole: string
+}
+
+export interface UserUpdateValue {
+  name: string
+  isReviewer: boolean
+  departmentId: number
+  role: RoleTypesEnum
+  departmentRole: string
+}
diff --git a/src/types/common.ts b/src/types/common.ts
index f83de8c4..be4c829f 100644
--- a/src/types/common.ts
+++ b/src/types/common.ts
@@ -70,9 +70,10 @@ export interface FormButtonProps {
 }
 
 export interface FormCheckboxProps {
-  labelName?: string
   checkButtonName: string
   isChecked: boolean
+  labelName?: string
+  isDisabled?: boolean
 }
 
 export interface ColorSelectProps {
diff --git a/src/types/user.ts b/src/types/user.ts
index 8dea123a..d298ec61 100644
--- a/src/types/user.ts
+++ b/src/types/user.ts
@@ -20,7 +20,6 @@ export interface RequestTaskDropdownProps {
   labelName: string
   modelValue: string
   isLabel?: boolean
-  disabled?: boolean
 }
 
 export interface RequestTaskInputProps {
@@ -30,6 +29,7 @@ export interface RequestTaskInputProps {
   isNotRequired?: boolean
   isEdit?: boolean
   isInvalidate?: string
+  isDisbled?: boolean
 }
 
 export interface RequestTaskFileInputProps {
diff --git a/src/views/MemberManagement.vue b/src/views/MemberManagement.vue
index b119f97d..8b33d3dd 100644
--- a/src/views/MemberManagement.vue
+++ b/src/views/MemberManagement.vue
@@ -2,14 +2,7 @@
   <div class="list-view">
     <TitleBar title="회원 관리">
       <template #button>
-        <button
-          class="flex items-center gap-1 text-xs font-bold text-primary1"
-          @click="() => {}">
-          <CommonIcons
-            :name="plusIcon"
-            :style="{ fill: '#7879EB' }" />
-          파일로 일괄 추가
-        </button>
+        <MemberManagementAddByCsv />
         <button
           class="flex items-center gap-1 text-xs font-bold text-primary1"
           @click="createNewMember">
@@ -29,6 +22,7 @@
 
 <script setup lang="ts">
 import CommonIcons from '@/components/common/CommonIcons.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 TitleBar from '@/components/TitleBar.vue'