diff --git a/src/components/common/DescriptionTextarea.tsx b/src/components/common/DescriptionTextarea.tsx
new file mode 100644
index 00000000..d659ea3d
--- /dev/null
+++ b/src/components/common/DescriptionTextarea.tsx
@@ -0,0 +1,35 @@
+import { useFormContext } from 'react-hook-form';
+import type { RegisterOptions } from 'react-hook-form';
+
+type DescriptionTextareaProps = {
+  id: string;
+  label: string;
+  fieldName: string;
+  validationRole?: RegisterOptions;
+  placeholder?: string;
+  errors?: string;
+};
+
+export default function DescriptionTextarea({
+  id,
+  label,
+  fieldName,
+  placeholder,
+  validationRole,
+  errors,
+}: DescriptionTextareaProps) {
+  const { register } = useFormContext();
+
+  return (
+    <label htmlFor={id}>
+      <h3 className="text-large">{label}</h3>
+      <textarea
+        id={id}
+        className="h-100 w-full rounded-md border border-input p-10 text-regular placeholder:text-xs"
+        placeholder={placeholder}
+        {...(validationRole ? register(fieldName, validationRole) : register(fieldName))}
+      />
+      <div className={`my-5 h-10 text-xs text-error ${errors ? 'visible' : 'invisible'}`}>{errors}</div>
+    </label>
+  );
+}
diff --git a/src/components/common/SearchUserInput.tsx b/src/components/common/SearchUserInput.tsx
index 79e9b026..c638b8c4 100644
--- a/src/components/common/SearchUserInput.tsx
+++ b/src/components/common/SearchUserInput.tsx
@@ -37,22 +37,23 @@ export default function SearchUserInput({
 
     abortControllerRef.current = new AbortController();
     const { signal } = abortControllerRef.current;
-
     const { type, searchCallback } = searchCallbackInfo;
-    if (type !== 'ALL' && searchId === undefined) {
-      console.error(`${type} 인원 검색을 위해 searchId가 필요합니다.`);
-      return;
-    }
 
     switch (type) {
       case 'ALL':
         searchCallback(keyword, { signal });
         break;
       case 'TEAM':
-        searchCallback(searchId!, keyword, { signal });
+        if (searchId === undefined) {
+          return console.error(`${type} 인원 검색을 위해 searchId가 필요합니다.`);
+        }
+        searchCallback(searchId, keyword, { signal });
         break;
       case 'PROJECT':
-        searchCallback(searchId!, keyword, { signal });
+        if (searchId === undefined) {
+          return console.error(`${type} 인원 검색을 위해 searchId가 필요합니다.`);
+        }
+        searchCallback(searchId, keyword, { signal });
         break;
       default:
         exhaustiveCheck(type, '사용자 검색 범위가 올바르지 않습니다.');
diff --git a/src/components/common/UserRoleSelectBox.tsx b/src/components/common/UserRoleSelectBox.tsx
new file mode 100644
index 00000000..9abdb68e
--- /dev/null
+++ b/src/components/common/UserRoleSelectBox.tsx
@@ -0,0 +1,51 @@
+import React from 'react';
+import { IoMdCloseCircle } from 'react-icons/io';
+import type { User } from '@/types/UserType';
+import type { RoleName, TeamRoleName } from '@/types/RoleType';
+import { PROJECT_ROLES, TEAM_ROLES } from '@/constants/role';
+
+type CheckTeamRole<T> = T extends TeamRoleName ? 'MATE' : 'ASSIGNEE';
+type UserRoleSelectBoxProps<T extends RoleName> = {
+  userId: User['userId'];
+  nickname: User['nickname'];
+  defaultValue: CheckTeamRole<T>;
+  roles: typeof TEAM_ROLES | typeof PROJECT_ROLES;
+  onRoleChange: (userId: number, roleName: T) => void;
+  onRemoveUser: (userId: number) => void;
+};
+
+export default function UserRoleSelectBox<T extends RoleName>({
+  userId,
+  nickname,
+  defaultValue,
+  roles,
+  onRoleChange,
+  onRemoveUser,
+}: UserRoleSelectBoxProps<T>) {
+  const handleRoleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
+    onRoleChange(userId, event.target.value as T);
+  };
+
+  return (
+    <div className="ml-4 mt-4 flex items-center text-sm">
+      <select
+        onChange={handleRoleChange}
+        className="mr-2 appearance-none rounded-l-lg border-none bg-gray-200 py-2 pl-4 pr-2"
+        defaultValue={defaultValue}
+      >
+        {roles.map((role) => (
+          <option key={role} value={role}>
+            {role}
+          </option>
+        ))}
+      </select>
+
+      <div className="flex items-center justify-between rounded-r-lg bg-gray-200 p-2">
+        <span>{nickname}</span>
+        <button type="button" className="ml-2" onClick={() => onRemoveUser(userId)} aria-label="유저 제거">
+          <IoMdCloseCircle className="size-10 cursor-pointer text-close hover:text-[#DF0000]" />
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/modal/ModalButton.tsx b/src/components/modal/ModalButton.tsx
index bc1e725b..f550ba86 100644
--- a/src/components/modal/ModalButton.tsx
+++ b/src/components/modal/ModalButton.tsx
@@ -11,7 +11,7 @@ export default function ModalButton({ formId, backgroundColor, onClick, children
     <button
       type={formId ? 'submit' : 'button'}
       form={formId}
-      className={`h-full w-full rounded-md px-10 text-white outline-none ${backgroundColor} hover:brightness-90`}
+      className={`h-25 w-full rounded-md px-10 text-white outline-none ${backgroundColor} hover:brightness-90`}
       onClick={handleClick}
     >
       {children}
diff --git a/src/components/modal/ModalFormButton.tsx b/src/components/modal/ModalFormButton.tsx
deleted file mode 100644
index 225171a8..00000000
--- a/src/components/modal/ModalFormButton.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-type ModalFormButtonProps = {
-  formId: string;
-  isCreate: boolean;
-  onClose: () => void;
-};
-
-// ToDo: 삭제 작업할 때 삭제 버튼 추가할 것
-// ToDo: onClose 삭제하고, onDelete로 추가할 것
-export default function ModalFormButton({ formId, isCreate, onClose }: ModalFormButtonProps) {
-  return (
-    <div className="min-h-25 w-4/5">
-      <button type="submit" form={formId} className="h-full w-full rounded-md bg-main px-10 text-white">
-        {isCreate ? '등록' : '수정'}
-      </button>
-    </div>
-  );
-}
diff --git a/src/components/modal/project-status/CreateModalProjectStatus.tsx b/src/components/modal/project-status/CreateModalProjectStatus.tsx
index 65da874b..0d1a5b22 100644
--- a/src/components/modal/project-status/CreateModalProjectStatus.tsx
+++ b/src/components/modal/project-status/CreateModalProjectStatus.tsx
@@ -1,7 +1,7 @@
 import ModalLayout from '@layouts/ModalLayout';
 import ModalPortal from '@components/modal/ModalPortal';
+import ModalButton from '@components/modal/ModalButton';
 import ModalProjectStatusForm from '@components/modal/project-status/ModalProjectStatusForm';
-import ModalFormButton from '@components/modal/ModalFormButton';
 
 import type { SubmitHandler } from 'react-hook-form';
 import type { Project } from '@/types/ProjectType';
@@ -14,6 +14,7 @@ type CreateModalProjectStatusProps = {
 };
 
 export default function CreateModalProjectStatus({ project, onClose: handleClose }: CreateModalProjectStatusProps) {
+  const createStatusFormId = 'createStatusForm';
   const statusMutation = useCreateStatus(project.projectId);
 
   // ToDo: Error 처리 추가할 것
@@ -25,8 +26,10 @@ export default function CreateModalProjectStatus({ project, onClose: handleClose
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <ModalProjectStatusForm formId="createStatusForm" project={project} onSubmit={handleSubmit} />
-        <ModalFormButton formId="createStatusForm" isCreate onClose={handleClose} />
+        <ModalProjectStatusForm formId={createStatusFormId} project={project} onSubmit={handleSubmit} />
+        <ModalButton formId={createStatusFormId} backgroundColor="bg-main">
+          등록
+        </ModalButton>
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/components/modal/project-status/UpdateModalProjectStatus.tsx b/src/components/modal/project-status/UpdateModalProjectStatus.tsx
index f586622c..4dcb1c77 100644
--- a/src/components/modal/project-status/UpdateModalProjectStatus.tsx
+++ b/src/components/modal/project-status/UpdateModalProjectStatus.tsx
@@ -1,8 +1,11 @@
 import ModalLayout from '@layouts/ModalLayout';
 import ModalPortal from '@components/modal/ModalPortal';
+import ModalButton from '@components/modal/ModalButton';
 import ModalProjectStatusForm from '@components/modal/project-status/ModalProjectStatusForm';
-import ModalFormButton from '@components/modal/ModalFormButton';
-import { useUpdateStatus } from '@hooks/query/useStatusQuery';
+import Spinner from '@components/common/Spinner';
+import useToast from '@hooks/useToast';
+import { useReadStatusTasks } from '@hooks/query/useTaskQuery';
+import { useDeleteStatus, useUpdateStatus } from '@hooks/query/useStatusQuery';
 
 import type { SubmitHandler } from 'react-hook-form';
 import type { Project } from '@/types/ProjectType';
@@ -19,25 +22,54 @@ export default function UpdateModalProjectStatus({
   statusId,
   onClose: handleClose,
 }: UpdateModalProjectStatusProps) {
-  const updateMutation = useUpdateStatus(project.projectId, statusId);
+  const updateStatusFormId = 'updateStatusForm';
+
+  const { statusTaskList, isTaskLoading } = useReadStatusTasks(project.projectId);
+  const { mutate: updateStatusMutate } = useUpdateStatus(project.projectId, statusId);
+  const { mutate: deleteStatusMutate } = useDeleteStatus(project.projectId);
+  const { toastWarn } = useToast();
 
   // ToDo: Error 처리 추가
   const handleSubmit: SubmitHandler<ProjectStatusForm> = async (data) => {
-    updateMutation.mutate(data);
-    updateMutation.reset();
+    updateStatusMutate(data);
     handleClose();
   };
 
+  // ToDo: 유저 권한 확인하는 로직 추가할 것
+  const handleDeleteClick = (statusId: ProjectStatus['statusId']) => {
+    try {
+      const statusTasks = statusTaskList.find((statusTask) => statusTask.statusId === statusId);
+      if (!statusTasks) throw new Error('일치하는 프로젝트 상태가 없습니다.');
+      if (statusTasks.tasks.length > 0) return toastWarn('프로젝트 상태에 일정이 등록되어 있습니다.');
+    } catch (error) {
+      if (error instanceof Error) console.error(`${error.name}:${error.message}`);
+    }
+    deleteStatusMutate(statusId);
+  };
+
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <ModalProjectStatusForm
-          formId="updateStatusForm"
-          project={project}
-          statusId={statusId}
-          onSubmit={handleSubmit}
-        />
-        <ModalFormButton formId="updateStatusForm" isCreate={false} onClose={handleClose} />
+        {isTaskLoading ? (
+          <Spinner />
+        ) : (
+          <>
+            <ModalProjectStatusForm
+              formId={updateStatusFormId}
+              project={project}
+              statusId={statusId}
+              onSubmit={handleSubmit}
+            />
+            <div className="flex min-h-25 w-4/5 gap-10">
+              <ModalButton formId={updateStatusFormId} backgroundColor="bg-main">
+                수정
+              </ModalButton>
+              <ModalButton backgroundColor="bg-delete" onClick={() => handleDeleteClick(statusId)}>
+                삭제
+              </ModalButton>
+            </div>
+          </>
+        )}
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/components/modal/project/CreateModalProject.tsx b/src/components/modal/project/CreateModalProject.tsx
index f953def7..5bb44f9a 100644
--- a/src/components/modal/project/CreateModalProject.tsx
+++ b/src/components/modal/project/CreateModalProject.tsx
@@ -1,7 +1,7 @@
 import ModalPortal from '@components/modal/ModalPortal';
 import ModalLayout from '@layouts/ModalLayout';
+import ModalButton from '@components/modal/ModalButton';
 import ModalProjectForm from '@components/modal/project/ModalProjectForm';
-import ModalFormButton from '@components/modal/ModalFormButton';
 
 import type { SubmitHandler } from 'react-hook-form';
 import type { Project } from '@/types/ProjectType';
@@ -11,6 +11,8 @@ type CreateModalProjectProps = {
 };
 
 export default function CreateModalProject({ onClose: handleClose }: CreateModalProjectProps) {
+  const createProjectFormId = 'createProjectForm';
+
   const handleSubmit: SubmitHandler<Project> = async (data) => {
     console.log('프로젝트 생성 폼 제출');
     console.log(data);
@@ -19,8 +21,10 @@ export default function CreateModalProject({ onClose: handleClose }: CreateModal
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <ModalProjectForm formId="createProjectForm" onSubmit={handleSubmit} />
-        <ModalFormButton formId="createProjectForm" isCreate onClose={handleClose} />
+        <ModalProjectForm formId={createProjectFormId} onSubmit={handleSubmit} />
+        <ModalButton formId={createProjectFormId} backgroundColor="bg-main">
+          등록
+        </ModalButton>
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/components/modal/project/UpdateModalProject.tsx b/src/components/modal/project/UpdateModalProject.tsx
index 3301799e..90c1ddda 100644
--- a/src/components/modal/project/UpdateModalProject.tsx
+++ b/src/components/modal/project/UpdateModalProject.tsx
@@ -1,7 +1,7 @@
 import ModalPortal from '@components/modal/ModalPortal';
 import ModalLayout from '@layouts/ModalLayout';
+import ModalButton from '@components/modal/ModalButton';
 import ModalProjectForm from '@components/modal/project/ModalProjectForm';
-import ModalFormButton from '@components/modal/ModalFormButton';
 
 import type { SubmitHandler } from 'react-hook-form';
 import type { Project } from '@/types/ProjectType';
@@ -12,16 +12,24 @@ type UpdateModalProjectProps = {
 };
 
 export default function UpdateModalProject({ projectId, onClose: handleClose }: UpdateModalProjectProps) {
+  const updateProjectFormId = 'updateProjectForm';
+
   const handleSubmit: SubmitHandler<Project> = async (data) => {
     console.log('프로젝트 생성 폼 제출');
     console.log(data);
     handleClose();
   };
+
+  // ToDo: 프로젝트 수정 API 작업시 작성할 것
+  const handleUpdateClick = () => {};
+
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <ModalProjectForm formId="updateProjectForm" projectId={projectId} onSubmit={handleSubmit} />
-        <ModalFormButton formId="updateProjectForm" isCreate={false} onClose={handleClose} />
+        <ModalProjectForm formId={updateProjectFormId} projectId={projectId} onSubmit={handleSubmit} />
+        <ModalButton formId={updateProjectFormId} backgroundColor="bg-main" onClick={handleUpdateClick}>
+          수정
+        </ModalButton>
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/components/modal/task/CreateModalTask.tsx b/src/components/modal/task/CreateModalTask.tsx
index 3c93ed4d..2d99d4dc 100644
--- a/src/components/modal/task/CreateModalTask.tsx
+++ b/src/components/modal/task/CreateModalTask.tsx
@@ -1,14 +1,14 @@
 import { useQueryClient } from '@tanstack/react-query';
 import ModalLayout from '@layouts/ModalLayout';
 import ModalPortal from '@components/modal/ModalPortal';
+import ModalButton from '@components/modal/ModalButton';
 import ModalTaskForm from '@components/modal/task/ModalTaskForm';
-import ModalFormButton from '@components/modal/ModalFormButton';
 import useToast from '@hooks/useToast';
 import { useCreateStatusTask, useReadStatusTasks, useUploadTaskFile } from '@hooks/query/useTaskQuery';
 
 import type { SubmitHandler } from 'react-hook-form';
-import type { Task, TaskForm } from '@/types/TaskType';
 import type { Project } from '@/types/ProjectType';
+import type { Task, TaskForm } from '@/types/TaskType';
 import type { ProjectStatus } from '@/types/ProjectStatusType';
 import type { FileUploadFailureResult, FileUploadSuccessResult } from '@/types/FileType';
 
@@ -18,6 +18,7 @@ type CreateModalTaskProps = {
 };
 
 export default function CreateModalTask({ project, onClose: handleClose }: CreateModalTaskProps) {
+  const createTaskFormId = 'createTaskForm';
   const { toastSuccess, toastError } = useToast();
   const { mutateAsync: createTaskInfoMutateAsync } = useCreateStatusTask(project.projectId);
   const { mutateAsync: createTaskFileMutateAsync } = useUploadTaskFile(project.projectId);
@@ -73,8 +74,10 @@ export default function CreateModalTask({ project, onClose: handleClose }: Creat
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <ModalTaskForm formId="createTaskForm" project={project} onSubmit={handleSubmit} />
-        <ModalFormButton formId="createTaskForm" isCreate onClose={handleClose} />
+        <ModalTaskForm formId={createTaskFormId} project={project} onSubmit={handleSubmit} />
+        <ModalButton formId={createTaskFormId} backgroundColor="bg-main">
+          등록
+        </ModalButton>
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/components/modal/task/UpdateModalTask.tsx b/src/components/modal/task/UpdateModalTask.tsx
index e54b17bb..b2947f47 100644
--- a/src/components/modal/task/UpdateModalTask.tsx
+++ b/src/components/modal/task/UpdateModalTask.tsx
@@ -3,11 +3,11 @@ import { FormProvider, useForm } from 'react-hook-form';
 import ModalLayout from '@layouts/ModalLayout';
 import Spinner from '@components/common/Spinner';
 import ModalPortal from '@components/modal/ModalPortal';
+import ModalButton from '@components/modal/ModalButton';
 import StatusRadio from '@components/common/StatusRadio';
 import AssigneeList from '@components/common/AssigneeList';
 import FileDropZone from '@components/common/FileDropZone';
 import MarkdownEditor from '@components/common/MarkdownEditor';
-import ModalFormButton from '@components/modal/ModalFormButton';
 import SearchUserInput from '@components/common/SearchUserInput';
 import PeriodDateInput from '@components/common/PeriodDateInput';
 import DuplicationCheckInput from '@components/common/DuplicationCheckInput';
@@ -41,6 +41,7 @@ type UpdateModalTaskProps = {
 };
 
 export default function UpdateModalTask({ project, taskId, onClose: handleClose }: UpdateModalTaskProps) {
+  const updateTaskFormId = 'updateTaskForm';
   const { projectId, startDate, endDate } = project;
 
   const [keyword, setKeyword] = useState('');
@@ -144,7 +145,7 @@ export default function UpdateModalTask({ project, taskId, onClose: handleClose
           <>
             <FormProvider {...methods}>
               <form
-                id="updateTaskForm"
+                id={updateTaskFormId}
                 className="flex w-4/5 grow flex-col justify-center"
                 onSubmit={handleSubmit(handleFormSubmit)}
               >
@@ -173,7 +174,9 @@ export default function UpdateModalTask({ project, taskId, onClose: handleClose
                 <MarkdownEditor id="content" label="내용" contentFieldName="content" />
               </form>
             </FormProvider>
-            <ModalFormButton formId="updateTaskForm" isCreate={false} onClose={handleClose} />
+            <ModalButton formId={updateTaskFormId} backgroundColor="bg-main">
+              수정
+            </ModalButton>
           </>
         )}
         <hr className="my-20" />
diff --git a/src/components/modal/team/CreateModalTeam.tsx b/src/components/modal/team/CreateModalTeam.tsx
index 9df8351d..1c44fd13 100644
--- a/src/components/modal/team/CreateModalTeam.tsx
+++ b/src/components/modal/team/CreateModalTeam.tsx
@@ -1,6 +1,6 @@
 import ModalLayout from '@layouts/ModalLayout';
 import ModalPortal from '@components/modal/ModalPortal';
-import ModalFormButton from '@components/modal/ModalFormButton';
+import ModalButton from '@components/modal/ModalButton';
 import ModalTeamForm from '@components/modal/team/ModalTeamForm';
 
 import type { SubmitHandler } from 'react-hook-form';
@@ -12,21 +12,21 @@ type CreateModalProjectStatusProps = {
 };
 
 export default function CreateModalTeam({ onClose: handleClose }: CreateModalProjectStatusProps) {
+  const createTeamFormId = 'createTeamForm';
   const { mutate: createTeam } = useCreateTeam();
 
   const handleSubmit: SubmitHandler<TeamForm> = async (data) => {
-    createTeam(data, {
-      onSuccess: () => {
-        handleClose();
-      },
-    });
+    createTeam(data);
+    handleClose();
   };
 
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <ModalTeamForm formId="createTeamForm" onSubmit={handleSubmit} />
-        <ModalFormButton formId="createTeamForm" isCreate onClose={handleClose} />
+        <ModalTeamForm formId={createTeamFormId} onSubmit={handleSubmit} />
+        <ModalButton formId={createTeamFormId} backgroundColor="bg-main">
+          등록
+        </ModalButton>
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/components/modal/team/ModalTeamForm.tsx b/src/components/modal/team/ModalTeamForm.tsx
index 7d5a6121..3c7113ee 100644
--- a/src/components/modal/team/ModalTeamForm.tsx
+++ b/src/components/modal/team/ModalTeamForm.tsx
@@ -1,45 +1,38 @@
-import { FormProvider, useForm } from 'react-hook-form';
 import { useMemo, useState } from 'react';
-import type { SubmitHandler } from 'react-hook-form';
-import DescriptionITextarea from '@components/common/DescriptionITextarea';
-import DuplicationCheckInput from '@components/common/DuplicationCheckInput';
-import SearchUserInput from '@components/common/SearchUserInput';
+import { FormProvider, useForm } from 'react-hook-form';
 import useAxios from '@hooks/useAxios';
-import { findUser } from '@services/userService';
 import useToast from '@hooks/useToast';
-import SelectedUserWithRole from '@components/common/SelectedUserWithRole';
-import RoleTooltip from '@components/common/RoleTooltip';
+import { TEAM_ROLE_INFO, TEAM_ROLES } from '@constants/role';
 import { TEAM_VALIDATION_RULES } from '@constants/formValidationRules';
+import { findUser } from '@services/userService';
+import RoleTooltip from '@components/common/RoleTooltip';
+import SearchUserInput from '@components/common/SearchUserInput';
+import UserRoleSelectBox from '@components/common/UserRoleSelectBox';
+import DescriptionTextarea from '@components/common/DescriptionTextarea';
+import DuplicationCheckInput from '@components/common/DuplicationCheckInput';
+
+import type { SubmitHandler } from 'react-hook-form';
 import type { SearchUser } from '@/types/UserType';
-import type { Team, TeamForm } from '@/types/TeamType';
+import type { TeamRoleName } from '@/types/RoleType';
+import type { TeamCoworkerInfo, TeamForm } from '@/types/TeamType';
 import type { AllSearchCallback } from '@/types/SearchCallbackType';
-import type { RoleInfo, TeamRoleName } from '@/types/RoleType';
-import { TEAM_ROLES } from '@/constants/role';
 
 type ModalTeamFormProps = {
   formId: string;
-  teamId?: Team['teamId'];
+  teamId?: number;
   onSubmit: SubmitHandler<TeamForm>;
 };
 
 export default function ModalTeamForm({ formId, teamId, onSubmit }: ModalTeamFormProps) {
-  const [showTooltip, setShowTooltip] = useState(false);
-  const [selectedUsers, setSelectedUsers] = useState<{ user: SearchUser; role: TeamRoleName }[]>([]);
   const [keyword, setKeyword] = useState('');
+  const [showTooltip, setShowTooltip] = useState(false);
+  const [coworkerInfos, setCoworkerInfos] = useState<TeamCoworkerInfo[]>([]);
   const { loading, data: userList = [], clearData, fetchData } = useAxios(findUser);
   const { toastInfo } = useToast();
 
-  const rolesInfo: RoleInfo[] = useMemo(
-    () => [
-      { roleName: 'HEAD', label: 'HEAD', description: '모든 권한 가능' },
-      {
-        roleName: 'LEADER',
-        label: 'Leader',
-        description: '팀원 탈퇴(Mate만)\n프로젝트 생성 권한\n프로젝트 삭제(본인이 생성한 것만)',
-      },
-      { roleName: 'MATE', label: 'Mate', description: '프로젝트 읽기만 가능, 수정 및 생성 불가' },
-    ],
-    [],
+  const searchCallbackInfo: AllSearchCallback = useMemo(
+    () => ({ type: 'ALL', searchCallback: fetchData }),
+    [fetchData],
   );
 
   const methods = useForm<TeamForm>({
@@ -52,61 +45,49 @@ export default function ModalTeamForm({ formId, teamId, onSubmit }: ModalTeamFor
   });
 
   const {
+    watch,
     setValue,
     handleSubmit,
     formState: { errors },
+    register,
   } = methods;
 
-  const handleRoleChange = (userId: number, role: TeamRoleName) => {
-    setSelectedUsers((prev) => {
-      const updated = prev.map((item) => (item.user.userId === userId ? { ...item, role } : item));
-      setValue(
-        'coworkers',
-        updated.map(({ user, role }) => ({ userId: user.userId, roleName: role })),
-      );
-      return updated;
-    });
+  const handleRoleChange = (userId: number, roleName: TeamRoleName) => {
+    const updatedCoworkerInfos = coworkerInfos.map((coworkerInfo) =>
+      coworkerInfo.userId === userId ? { ...coworkerInfo, roleName } : coworkerInfo,
+    );
+    const updatedCoworkers = updatedCoworkerInfos.map(({ userId, roleName }) => ({ userId, roleName }));
+    setValue('coworkers', updatedCoworkers);
+    setCoworkerInfos(updatedCoworkerInfos);
   };
 
   const handleRemoveUser = (userId: number) => {
-    setSelectedUsers((prev) => {
-      const updated = prev.filter((item) => item.user.userId !== userId);
-      setValue(
-        'coworkers',
-        updated.map(({ user, role }) => ({ userId: user.userId, roleName: role })),
-      );
-      return updated;
-    });
+    const filteredCoworkerInfos = coworkerInfos.filter((coworkerInfo) => coworkerInfo.userId !== userId);
+    const filteredCoworkers = filteredCoworkerInfos.map(({ userId, roleName }) => ({ userId, roleName }));
+    setValue('coworkers', filteredCoworkers);
+    setCoworkerInfos(filteredCoworkerInfos);
   };
 
   const handleKeywordChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setKeyword(e.target.value.trim());
   };
 
-  const searchCallbackInfo: AllSearchCallback = useMemo(
-    () => ({ type: 'ALL', searchCallback: fetchData }),
-    [fetchData],
-  );
-
   const handleCoworkersClick = (user: SearchUser) => {
-    const isIncludedUser = selectedUsers.find((selectedUser) => selectedUser.user.userId === user.userId);
+    const isIncludedUser = coworkerInfos.find((coworkerInfo) => coworkerInfo.userId === user.userId);
     if (isIncludedUser) return toastInfo('이미 포함된 팀원입니다');
 
-    const updatedUsers = [...selectedUsers, { user, role: 'MATE' as const }];
-    setSelectedUsers(updatedUsers);
-    setValue(
-      'coworkers',
-      updatedUsers.map(({ user, role }) => ({ userId: user.userId, roleName: role })),
-    );
+    const updatedCoworkerInfos: TeamCoworkerInfo[] = [
+      ...coworkerInfos,
+      { userId: user.userId, nickname: user.nickname, roleName: 'MATE' },
+    ];
+    const updatedCoworkers = updatedCoworkerInfos.map(({ userId, roleName }) => ({ userId, roleName }));
+    setCoworkerInfos(updatedCoworkerInfos);
+    setValue('coworkers', updatedCoworkers);
     setKeyword('');
     clearData();
   };
 
-  const handleSubmitForm: SubmitHandler<TeamForm> = (data) => {
-    const { teamName, content } = data;
-    const payload = { teamName, content, coworkers: data.coworkers };
-    onSubmit(payload);
-  };
+  const handleSubmitForm: SubmitHandler<TeamForm> = (formData: TeamForm) => onSubmit(formData);
 
   return (
     <FormProvider {...methods}>
@@ -115,22 +96,24 @@ export default function ModalTeamForm({ formId, teamId, onSubmit }: ModalTeamFor
           <p className="text-sky-700">
             <strong>팀 권한 정보</strong>
           </p>
-          <RoleTooltip showTooltip={showTooltip} rolesInfo={rolesInfo} />
+          <RoleTooltip showTooltip={showTooltip} rolesInfo={TEAM_ROLE_INFO} />
         </div>
 
         <DuplicationCheckInput
           id="teamName"
           label="팀명"
-          value={methods.watch('teamName') || ''}
+          value={watch('teamName')}
           placeholder="팀명을 입력해주세요."
           errors={errors.teamName?.message}
-          register={methods.register('teamName', TEAM_VALIDATION_RULES.TEAM_NAME)}
+          register={register('teamName', TEAM_VALIDATION_RULES.TEAM_NAME)}
         />
 
-        <DescriptionITextarea
+        <DescriptionTextarea
           id="teamDescription"
           label="팀 설명"
+          fieldName="content"
           placeholder="팀에 대한 설명을 입력해주세요."
+          validationRole={TEAM_VALIDATION_RULES.TEAM_DESCRIPTION}
           errors={errors.content?.message}
         />
 
@@ -146,11 +129,13 @@ export default function ModalTeamForm({ formId, teamId, onSubmit }: ModalTeamFor
             onUserClick={handleCoworkersClick}
           />
           <div className="flex flex-wrap">
-            {selectedUsers.map(({ user }) => (
-              <SelectedUserWithRole
-                key={user.userId}
-                user={user}
+            {coworkerInfos.map(({ userId, nickname }) => (
+              <UserRoleSelectBox
+                key={userId}
+                userId={userId}
+                nickname={nickname}
                 roles={TEAM_ROLES}
+                defaultValue="MATE"
                 onRoleChange={handleRoleChange}
                 onRemoveUser={handleRemoveUser}
               />
diff --git a/src/components/modal/team/UpdateModalTeam.tsx b/src/components/modal/team/UpdateModalTeam.tsx
index ced47df5..bb43e92d 100644
--- a/src/components/modal/team/UpdateModalTeam.tsx
+++ b/src/components/modal/team/UpdateModalTeam.tsx
@@ -1,6 +1,6 @@
 import ModalLayout from '@layouts/ModalLayout';
 import ModalPortal from '@components/modal/ModalPortal';
-import ModaFormButton from '@components/modal/ModalFormButton';
+import ModalButton from '@components/modal/ModalButton';
 import ModalTeamForm from '@components/modal/team/ModalTeamForm';
 
 import { SubmitHandler } from 'react-hook-form';
@@ -11,16 +11,23 @@ type UpdateModalTeamProps = {
   onClose: () => void;
 };
 export default function UpdateModalTeam({ teamId, onClose: handleClose }: UpdateModalTeamProps) {
+  const updateTeamFormId = 'updateTeamForm';
   const handleSubmit: SubmitHandler<TeamForm> = async (data) => {
     console.log(teamId, '수정 폼 제출');
     console.log(data);
     handleClose();
   };
+
+  // ToDo: 팀 수정 API 작업시 같이 작업할 것.
+  const handleUpdateClick = () => {};
+
   return (
     <ModalPortal>
       <ModalLayout onClose={handleClose}>
-        <ModalTeamForm formId="updateTeamForm" teamId={teamId} onSubmit={handleSubmit} />
-        <ModaFormButton formId="updateTeamForm" isCreate={false} onClose={handleClose} />
+        <ModalTeamForm formId={updateTeamFormId} teamId={teamId} onSubmit={handleSubmit} />
+        <ModalButton formId={updateTeamFormId} backgroundColor="bg-main" onClick={handleUpdateClick}>
+          수정
+        </ModalButton>
       </ModalLayout>
     </ModalPortal>
   );
diff --git a/src/constants/regex.ts b/src/constants/regex.ts
index f38bb3c7..9ee3a548 100644
--- a/src/constants/regex.ts
+++ b/src/constants/regex.ts
@@ -11,4 +11,4 @@ export const NICKNAME_REGEX = new RegExp(
 );
 export const ID_REGEX = /^[a-z0-9._+@가-힣-]+(?:@[a-z0-9.-]+\.[a-z]{2,}(?:\.[a-z]{2,}))?$/i;
 
-export const TEAM_NAME_PATTERN = /^[가-힣a-zA-Z0-9]*$/;
+export const TEAM_NAME_PATTERN = /^[가-힣a-zA-Z0-9]+$/;
diff --git a/src/constants/role.ts b/src/constants/role.ts
index d06f6665..4e34106d 100644
--- a/src/constants/role.ts
+++ b/src/constants/role.ts
@@ -1,7 +1,15 @@
-import { deepFreeze } from '@/utils/deepFreeze';
+import { deepFreeze } from '@utils/deepFreeze';
+import type { RoleInfo } from '@/types/RoleType';
 
-export const TEAM_ROLES = deepFreeze([
-  { value: 'HEAD', label: 'HEAD' } as const,
-  { value: 'LEADER', label: 'Leader' } as const,
-  { value: 'MATE', label: 'Mate' } as const,
-]);
+export const TEAM_ROLES = deepFreeze(['HEAD', 'LEADER', 'MATE'] as const);
+export const PROJECT_ROLES = deepFreeze(['ADMIN', 'LEADER', 'ASSIGNEE'] as const);
+
+export const TEAM_ROLE_INFO: RoleInfo[] = [
+  { roleName: 'HEAD', label: 'HEAD', description: '모든 권한 가능' },
+  {
+    roleName: 'LEADER',
+    label: 'Leader',
+    description: '팀원 탈퇴(Mate만)\n프로젝트 생성 권한\n프로젝트 삭제(본인이 생성한 것만)',
+  },
+  { roleName: 'MATE', label: 'Mate', description: '프로젝트 읽기만 가능, 수정 및 생성 불가' },
+];
diff --git a/src/hooks/query/queryClient.ts b/src/hooks/query/queryClient.ts
index bd8ccb67..7e5ca1a1 100644
--- a/src/hooks/query/queryClient.ts
+++ b/src/hooks/query/queryClient.ts
@@ -12,6 +12,7 @@ const queryClientOptions: QueryClientConfig = {
       refetchOnMount: true,
       refetchOnReconnect: true,
       refetchOnWindowFocus: true,
+      refetchInterval: 5 * MINUTE,
       retry: 3,
     },
   },
diff --git a/src/hooks/query/useStatusQuery.ts b/src/hooks/query/useStatusQuery.ts
index 2cbf553f..4ac0de5f 100644
--- a/src/hooks/query/useStatusQuery.ts
+++ b/src/hooks/query/useStatusQuery.ts
@@ -2,9 +2,8 @@ import { useMemo } from 'react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import useToast from '@hooks/useToast';
 import { PROJECT_STATUS_COLORS } from '@constants/projectStatus';
-import { createStatus, getStatusList, updateStatus, updateStatusesOrder } from '@services/statusService';
+import { createStatus, deleteStatus, getStatusList, updateStatus, updateStatusesOrder } from '@services/statusService';
 import { generateProjectQueryKey, generateStatusesQueryKey, generateTasksQueryKey } from '@utils/queryKeyGenergator';
-
 import type { Project } from '@/types/ProjectType';
 import type { TaskListWithStatus } from '@/types/TaskType';
 import type { ProjectStatus, ProjectStatusForm, StatusOrder, UsableColor } from '@/types/ProjectStatusType';
@@ -50,7 +49,7 @@ function getUsableStatusColorList(
   return [...statusColorMap.values()];
 }
 
-// ToDo: ProjectStatus 관련 Query 로직 작성하기
+// 프로젝트 상태 목록 조회
 // ToDo: React Query 로직과 initialValue, nameList 등을 구하는 로직이 사실 관련이 없는 것 같음. 분리 고려하기.
 export function useReadStatuses(projectId: Project['projectId'], statusId?: ProjectStatus['statusId']) {
   const {
@@ -95,14 +94,16 @@ export function useReadStatuses(projectId: Project['projectId'], statusId?: Proj
   };
 }
 
+// 프로젝트 상태 생성
 export function useCreateStatus(projectId: Project['projectId']) {
-  const { toastSuccess } = useToast();
+  const { toastSuccess, toastError } = useToast();
   const queryClient = useQueryClient();
 
   const mutation = useMutation({
     mutationFn: (formData: ProjectStatusForm) => createStatus(projectId, formData),
+    onError: () => toastError('프로젝트 상태 등록을 실패했습니다.  잠시 후 다시 등록해 주세요.'),
     onSuccess: () => {
-      toastSuccess('프로젝트 상태를 추가하였습니다.');
+      toastSuccess('프로젝트 상태를 등록하였습니다.');
       queryClient.invalidateQueries({
         queryKey: generateProjectQueryKey(projectId),
       });
@@ -112,12 +113,14 @@ export function useCreateStatus(projectId: Project['projectId']) {
   return mutation;
 }
 
+// 프로젝트 상태 수정
 export function useUpdateStatus(projectId: Project['projectId'], statusId: ProjectStatus['statusId']) {
-  const { toastSuccess } = useToast();
+  const { toastSuccess, toastError } = useToast();
   const queryClient = useQueryClient();
 
   const mutation = useMutation({
     mutationFn: (formData: ProjectStatusForm) => updateStatus(projectId, statusId, formData),
+    onError: () => toastError('프로젝트 상태 수정에 실패했습니다. 잠시 후 다시 시도해 주세요.'),
     onSuccess: () => {
       toastSuccess('프로젝트 상태를 수정했습니다.');
       queryClient.invalidateQueries({
@@ -129,6 +132,27 @@ export function useUpdateStatus(projectId: Project['projectId'], statusId: Proje
   return mutation;
 }
 
+// 프로젝트 상태 삭제
+export function useDeleteStatus(projectId: Project['projectId']) {
+  const { toastError, toastSuccess } = useToast();
+  const queryClient = useQueryClient();
+  const tasksQueryKeys = generateTasksQueryKey(projectId);
+  const statusesQueryKey = generateStatusesQueryKey(projectId);
+
+  const mutation = useMutation({
+    mutationFn: (statusId: ProjectStatus['statusId']) => deleteStatus(projectId, statusId),
+    onError: () => toastError('프로젝트 상태 삭제에 실패했습니다. 잠시 후 다시 시도해 주세요.'),
+    onSuccess: () => {
+      toastSuccess('프로젝트 상태를 삭제했습니다.');
+      queryClient.invalidateQueries({ queryKey: tasksQueryKeys, exact: true });
+      queryClient.invalidateQueries({ queryKey: statusesQueryKey, exact: true });
+    },
+  });
+
+  return mutation;
+}
+
+// 상태 목록 순서 정렬
 export function useUpdateStatusesOrder(projectId: Project['projectId']) {
   const { toastError } = useToast();
   const queryClient = useQueryClient();
@@ -149,7 +173,7 @@ export function useUpdateStatusesOrder(projectId: Project['projectId']) {
       return { previousStatusTaskList };
     },
     onError: (error, newStatusTaskList, context) => {
-      toastError('프로젝트 상태 순서 변경에 실패 하였습니다. 잠시후 다시 진행해주세요.');
+      toastError('프로젝트 상태 순서 변경에 실패했습니다. 잠시 후 다시 진행해 주세요.');
       queryClient.setQueryData(TasksQueryKey, context?.previousStatusTaskList);
     },
     onSuccess: () => {
diff --git a/src/hooks/query/useTaskQuery.ts b/src/hooks/query/useTaskQuery.ts
index f5d0eebe..e07d9bb0 100644
--- a/src/hooks/query/useTaskQuery.ts
+++ b/src/hooks/query/useTaskQuery.ts
@@ -1,7 +1,6 @@
 import { useMemo } from 'react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import {
-  generateStatusesQueryKey,
   generateTaskAssigneesQueryKey,
   generateTaskFilesQueryKey,
   generateTasksQueryKey,
@@ -51,10 +50,10 @@ export function useCreateStatusTask(projectId: Project['projectId']) {
   const mutation = useMutation({
     mutationFn: (formData: TaskCreationForm) => createTask(projectId, formData),
     onError: () => {
-      toastError('프로젝트 일정 등록 중 오류가 발생했습니다. 잠시후 다시 등록해주세요.');
+      toastError('프로젝트 일정 등록 중 오류가 발생했습니다. 잠시 후 다시 등록해 주세요.');
     },
     onSuccess: () => {
-      toastSuccess('프로젝트 일정을 등록하였습니다.');
+      toastSuccess('프로젝트 일정을 등록했습니다.');
       queryClient.invalidateQueries({ queryKey: tasksQueryKey });
     },
   });
@@ -70,7 +69,7 @@ export function useUploadTaskFile(projectId: Project['projectId']) {
       uploadTaskFile(projectId, taskId, file, {
         headers: { 'Content-Type': 'multipart/form-data' },
       }),
-    onError: (error, { file }) => toastError(`${file.name} 파일 업로드에 실패 했습니다.`),
+    onError: (error, { file }) => toastError(`${file.name} 파일 업로드에 실패했습니다.`),
   });
 
   return mutation;
@@ -129,7 +128,7 @@ export function useUpdateTasksOrder(projectId: Project['projectId']) {
       return { previousStatusTaskList };
     },
     onError: (err, newStatusTaskList, context) => {
-      toastError('일정 순서 변경에 실패 했습니다. 잠시후 다시 진행해주세요.');
+      toastError('일정 순서 변경에실패 했습니다. 잠시 후 다시 시도해 주세요.');
       queryClient.setQueryData(tasksQueryKey, context?.previousStatusTaskList);
     },
   });
@@ -180,9 +179,9 @@ export function useUpdateTaskInfo(projectId: Project['projectId'], taskId: Task[
 
   const mutation = useMutation({
     mutationFn: (formData: TaskUpdateForm) => updateTaskInfo(projectId, taskId, formData),
-    onError: () => toastError('일정 정보 수정에 실패 했습니다. 잠시후 다시 시도해주세요.'),
+    onError: () => toastError('일정 정보 수정에 실패했습니다. 잠시 후 다시 시도해 주세요.'),
     onSuccess: () => {
-      toastSuccess('일정 정보를 수정 했습니다.');
+      toastSuccess('일정 정보를 수정했습니다.');
       queryClient.invalidateQueries({ queryKey: tasksQueryKey });
     },
   });
@@ -197,13 +196,13 @@ export function useDeleteTask(projectId: Project['projectId']) {
 
   const mutation = useMutation({
     mutationFn: (taskId: Task['taskId']) => deleteTask(projectId, taskId),
-    onError: () => toastError('일정 삭제에 실패 했습니다. 잠시후 다시 시도해주세요.'),
+    onError: () => toastError('일정 삭제에 실패했습니다. 잠시 후 다시 시도해 주세요.'),
     onSuccess: (res, taskId) => {
       const tasksQueryKey = generateTasksQueryKey(projectId);
       const filesQueryKey = generateTaskFilesQueryKey(projectId, taskId);
       const assigneesQueryKey = generateTaskAssigneesQueryKey(projectId, taskId);
 
-      toastSuccess('일정을 삭제 했습니다.');
+      toastSuccess('일정을 삭제했습니다.');
       queryClient.invalidateQueries({ queryKey: tasksQueryKey, exact: true });
       queryClient.removeQueries({ queryKey: filesQueryKey, exact: true });
       queryClient.removeQueries({ queryKey: assigneesQueryKey, exact: true });
@@ -222,10 +221,10 @@ export function useAddAssignee(projectId: Project['projectId'], taskId: Task['ta
   const mutation = useMutation({
     mutationFn: (userId: User['userId']) => addAssignee(projectId, taskId, userId),
     onError: () => {
-      toastError('수행자 추가에 실패 했습니다. 잠시후 다시 시도해주세요.');
+      toastError('수행자 추가에 실패했습니다. 잠시 후 다시 시도해 주세요.');
     },
     onSuccess: () => {
-      toastSuccess('수행자를 추가 했습니다.');
+      toastSuccess('수행자를 추가했습니다.');
       queryClient.invalidateQueries({ queryKey: taskAssigneesQueryKey });
     },
   });
@@ -242,10 +241,10 @@ export function useDeleteAssignee(projectId: Project['projectId'], taskId: Task[
   const mutation = useMutation({
     mutationFn: (userId: User['userId']) => deleteAssignee(projectId, taskId, userId),
     onError: () => {
-      toastError('수행자 삭제에 실패 했습니다. 잠시후 다시 시도해주세요.');
+      toastError('수행자 삭제에 실패했습니다. 잠시 후 다시 시도해 주세요.');
     },
     onSuccess: () => {
-      toastSuccess('수행자를 삭제 했습니다.');
+      toastSuccess('수행자를 삭제했습니다.');
       queryClient.invalidateQueries({ queryKey: taskAssigneesQueryKey });
     },
   });
@@ -261,9 +260,9 @@ export function useDeleteTaskFile(projectId: Project['projectId'], taskId: Task[
 
   const mutation = useMutation({
     mutationFn: (fileId: TaskFile['fileId']) => deleteTaskFile(projectId, taskId, fileId),
-    onError: () => toastError('일정 파일 삭제에 실패 했습니다. 잠시후 다시 시도해주세요.'),
+    onError: () => toastError('일정 파일 삭제에 실패했습니다. 잠시 후 다시 시도해 주세요.'),
     onSuccess: () => {
-      toastSuccess('일정 파일을 삭제 했습니다.');
+      toastSuccess('일정 파일을 삭제했습니다.');
       queryClient.invalidateQueries({ queryKey: taskFilesQueryKey });
     },
   });
diff --git a/src/hooks/query/useTeamQuery.ts b/src/hooks/query/useTeamQuery.ts
index d9fb5f6e..d637472e 100644
--- a/src/hooks/query/useTeamQuery.ts
+++ b/src/hooks/query/useTeamQuery.ts
@@ -5,6 +5,7 @@ import { acceptTeamInvitation, createTeam, declineTeamInvitation, deleteTeam, le
 import useToast from '@hooks/useToast';
 import type { TeamForm, TeamListWithApproval } from '@/types/TeamType';
 
+// 팀 목록 조회
 export function useReadTeams() {
   const {
     data = [],
@@ -25,29 +26,33 @@ export function useReadTeams() {
   return { joinedTeamList, invitedTeamList, isLoading, isError, error };
 }
 
+// 팀 탈퇴
 export function useLeaveTeam() {
   const queryClient = useQueryClient();
   const { toastSuccess, toastError } = useToast();
   const teamsQueryKey = generateTeamsQueryKey();
 
-  return useMutation({
+  const mutation = useMutation({
     mutationFn: (teamId: number) => leaveTeam(teamId),
+    onError: () => {
+      toastError('탈퇴에 실패했습니다. 다시 시도해 주세요.');
+    },
     onSuccess: () => {
       toastSuccess('팀에서 탈퇴했습니다.');
       queryClient.invalidateQueries({ queryKey: teamsQueryKey });
     },
-    onError: () => {
-      toastError('탈퇴에 실패했습니다. 다시 시도해 주세요.');
-    },
   });
+
+  return mutation;
 }
 
+// 팀 삭제
 export function useDeleteTeam() {
   const queryClient = useQueryClient();
   const { toastSuccess, toastError } = useToast();
   const teamsQueryKey = generateTeamsQueryKey();
 
-  return useMutation({
+  const mutation = useMutation({
     mutationFn: (teamId: number) => deleteTeam(teamId),
     onError: () => {
       toastError('팀 삭제를 실패했습니다. 다시 시도해 주세요.');
@@ -57,14 +62,17 @@ export function useDeleteTeam() {
       queryClient.invalidateQueries({ queryKey: teamsQueryKey });
     },
   });
+
+  return mutation;
 }
 
+// 팀 초대 수락
 export function useApproveTeamInvitation() {
   const queryClient = useQueryClient();
   const { toastSuccess, toastError } = useToast();
   const teamsQueryKey = generateTeamsQueryKey();
 
-  return useMutation({
+  const mutation = useMutation({
     mutationFn: (teamId: number) => acceptTeamInvitation(teamId),
     onError: () => {
       toastError('초대 수락에 실패했습니다. 다시 시도해 주세요.');
@@ -74,39 +82,48 @@ export function useApproveTeamInvitation() {
       queryClient.invalidateQueries({ queryKey: teamsQueryKey });
     },
   });
+
+  return mutation;
 }
 
+// 팀 초대 거절
 export function useRejectTeamInvitation() {
   const queryClient = useQueryClient();
   const { toastSuccess, toastError } = useToast();
   const teamsQueryKey = generateTeamsQueryKey();
 
-  return useMutation({
+  const mutation = useMutation({
     mutationFn: (teamId: number) => declineTeamInvitation(teamId),
-    onSuccess: () => {
-      toastSuccess('초대를 거절했습니다.');
-      queryClient.invalidateQueries({ queryKey: ['teams'] });
-    },
     onError: () => {
       toastError('팀 생성 중 오류가 발생했습니다.');
     },
+    onSuccess: () => {
+      toastSuccess('초대를 거절했습니다.');
+      queryClient.invalidateQueries({ queryKey: teamsQueryKey });
+    },
   });
+
+  return mutation;
 }
 
+// 팀 생성
 export function useCreateTeam() {
   const queryClient = useQueryClient();
   const { toastSuccess, toastError } = useToast();
+  const teamsQueryKey = generateTeamsQueryKey();
 
-  return useMutation({
+  const mutation = useMutation({
     mutationFn: async (data: TeamForm) => {
       return createTeam(data);
     },
-    onSuccess: () => {
-      toastSuccess('팀을 성공적으로 생성했습니다.');
-      queryClient.invalidateQueries({ queryKey: ['teams'] });
-    },
     onError: () => {
       toastError('팀 생성 중 오류가 발생했습니다.');
     },
+    onSuccess: () => {
+      toastSuccess('팀을 성공적으로 생성했습니다.');
+      queryClient.invalidateQueries({ queryKey: teamsQueryKey });
+    },
   });
+
+  return mutation;
 }
diff --git a/src/mocks/services/statusServiceHandler.ts b/src/mocks/services/statusServiceHandler.ts
index 4637ece9..667c311e 100644
--- a/src/mocks/services/statusServiceHandler.ts
+++ b/src/mocks/services/statusServiceHandler.ts
@@ -1,5 +1,5 @@
 import { http, HttpResponse } from 'msw';
-import { STATUS_DUMMY } from '@mocks/mockData';
+import { PROJECT_DUMMY, STATUS_DUMMY } from '@mocks/mockData';
 import { getStatusHash } from '@mocks/mockHash';
 
 import type { ProjectStatusForm, StatusOrderForm } from '@/types/ProjectStatusType';
@@ -72,6 +72,28 @@ const statusServiceHandler = [
     status.sortOrder = formData.sortOrder;
     return new HttpResponse(null, { status: 204 });
   }),
+  // 프로젝트 상태 삭제 API
+  http.delete(`${BASE_URL}/project/:projectId/status/:statusId`, ({ request, params }) => {
+    const accessToken = request.headers.get('Authorization');
+    const { projectId, statusId } = params;
+
+    if (!accessToken) return new HttpResponse(null, { status: 401 });
+
+    // ToDo: JWT의 userId 정보를 가져와 프로젝트 권한 확인이 필요.
+    const project = PROJECT_DUMMY.find((project) => project.projectId === Number(projectId));
+    if (!project) return new HttpResponse(null, { status: 404 });
+
+    const statuses = STATUS_DUMMY.filter((status) => status.projectId === project.projectId);
+    if (statuses.length === 0) return new HttpResponse(null, { status: 404 });
+
+    const isIncludedStatus = statuses.map((status) => status.statusId).includes(Number(statusId));
+    if (!isIncludedStatus) return new HttpResponse(null, { status: 404 });
+
+    const statusIndex = STATUS_DUMMY.findIndex((status) => status.statusId === Number(statusId));
+    if (statusIndex !== -1) STATUS_DUMMY.splice(statusIndex, 1);
+
+    return new HttpResponse(null, { status: 204 });
+  }),
 ];
 
 export default statusServiceHandler;
diff --git a/src/mocks/services/teamServiceHandler.ts b/src/mocks/services/teamServiceHandler.ts
index 5d779d02..b12f2e03 100644
--- a/src/mocks/services/teamServiceHandler.ts
+++ b/src/mocks/services/teamServiceHandler.ts
@@ -30,15 +30,13 @@ const teamServiceHandler = [
   // 팀 생성 API
   http.post(`${BASE_URL}/team`, async ({ request }) => {
     const accessToken = request.headers.get('Authorization');
+    const { teamName, content, coworkers } = (await request.json()) as TeamForm;
+
     if (!accessToken) return new HttpResponse(null, { status: 401 });
 
     const [, payload] = JWT_TOKEN_DUMMY.split('.');
     const creatorId = Number(payload.replace('mocked-payload-', ''));
 
-    const requestBody = (await request.json()) as TeamForm;
-
-    const { teamName, content, coworkers } = requestBody;
-
     // 팀 ID 생성 및 팀 추가
     const newTeamId = TEAM_DUMMY.length + 1;
     TEAM_DUMMY.push({
@@ -49,42 +47,32 @@ const teamServiceHandler = [
     });
 
     // 초대된 팀원들 추가
-    const invalidRoles: string[] = [];
+    const validTeamUsers = [];
     for (let i = 0; i < coworkers.length; i++) {
       const coworker = coworkers[i];
       const role = ROLE_DUMMY.find((role) => role.roleName === coworker.roleName);
 
-      if (role) {
-        TEAM_USER_DUMMY.push({
-          teamId: newTeamId,
-          userId: coworker.userId,
-          roleId: role.roleId,
-          isPendingApproval: false,
-        });
-      } else {
-        invalidRoles.push(coworker.roleName);
-        break;
-      }
-    }
+      if (!role) return HttpResponse.json({ message: '유효하지 않은 역할입니다.' }, { status: 400 });
 
-    if (invalidRoles.length > 0) {
-      return new HttpResponse(JSON.stringify({ message: `유효하지 않은 역할: ${invalidRoles.join(', ')}` }), {
-        status: 400,
+      validTeamUsers.push({
+        teamId: newTeamId,
+        userId: coworker.userId,
+        roleId: role.roleId,
+        isPendingApproval: false,
       });
     }
+    TEAM_USER_DUMMY.push(...validTeamUsers);
 
     // 팀 생성자도 자동으로 팀에 추가
     const creatorRole = ROLE_DUMMY.find((role) => role.roleName === 'HEAD');
 
-    if (!creatorRole) {
-      return new HttpResponse(JSON.stringify({ message: '유효하지 않은 역할입니다.' }), { status: 404 });
-    }
+    if (!creatorRole) return HttpResponse.json({ message: '유효하지 않은 역할입니다.' }, { status: 404 });
 
     TEAM_USER_DUMMY.push({
       teamId: newTeamId,
       userId: creatorId,
       roleId: creatorRole.roleId,
-      isPendingApproval: false,
+      isPendingApproval: true,
     });
 
     return new HttpResponse(null, {
diff --git a/src/services/statusService.ts b/src/services/statusService.ts
index 242cf79e..a434443b 100644
--- a/src/services/statusService.ts
+++ b/src/services/statusService.ts
@@ -55,6 +55,24 @@ export async function updateStatus(
   return authAxios.patch(`/project/${projectId}/status/${statusId}`, formData, axiosConfig);
 }
 
+/**
+ * 프로젝트 상태 삭제 API
+ *
+ * @export
+ * @async
+ * @param {Project['projectId']} projectId      - 프로젝트 ID
+ * @param {ProjectStatus['statusId']} statusId  - 프로젝트 상태 ID
+ * @param {AxiosRequestConfig} [axiosConfig={}] - axios 요청 옵션 설정 객체
+ * @returns {Promise<AxiosResponse<void>>}
+ */
+export async function deleteStatus(
+  projectId: Project['projectId'],
+  statusId: ProjectStatus['statusId'],
+  axiosConfig: AxiosRequestConfig = {},
+) {
+  return authAxios.delete(`/project/${projectId}/status/${statusId}`, axiosConfig);
+}
+
 /**
  * 상태 순서 변경 API
  *
diff --git a/src/services/teamService.ts b/src/services/teamService.ts
index 0f3fc97a..6b16244e 100644
--- a/src/services/teamService.ts
+++ b/src/services/teamService.ts
@@ -26,7 +26,7 @@ export async function findUserByTeam(
  *
  * @export
  * @async
- * @param {TeamForm} teamData - 팀 생성에 필요한 데이터
+ * @param {TeamForm} teamData - 팀 생성정보 객체
  * @param {AxiosRequestConfig} [axiosConfig={}] - axios 요청 옵션 설정 객체
  * @returns {Promise<AxiosResponse<void>>}
  */
diff --git a/src/types/TeamType.tsx b/src/types/TeamType.tsx
index 482acc3e..2175da96 100644
--- a/src/types/TeamType.tsx
+++ b/src/types/TeamType.tsx
@@ -13,6 +13,8 @@ export type TeamCoworker = {
   roleName: TeamRoleName;
 };
 
+export type TeamCoworkerInfo = TeamCoworker & { nickname: User['nickname'] };
+
 export type TeamForm = Omit<Team, 'teamId' | 'creatorId'> & { coworkers: TeamCoworker[] };
 
 export type TeamListWithApproval = Omit<Team, 'creatorId'> &