diff --git a/app/(route)/(header)/event/[eventId]/approve/[editId]/_components/EditBox.tsx b/app/(route)/(header)/event/[eventId]/approve/[editId]/_components/EditBox.tsx
index 310eb89f..33403532 100644
--- a/app/(route)/(header)/event/[eventId]/approve/[editId]/_components/EditBox.tsx
+++ b/app/(route)/(header)/event/[eventId]/approve/[editId]/_components/EditBox.tsx
@@ -10,7 +10,9 @@ const EditBox = ({ children, isEdited = false }: Props) => {
   return (
     <div className="text-14 text-gray-500">
       {isEdited ? "수정 내용" : "기존 내용"}
-      <div className={classNames("min-h-40 rounded-sm border-[0.15rem] border-gray-100 px-12 py-8 text-16 text-gray-900", { "!border-blue/25": isEdited })}>{children}</div>
+      <div className={classNames("min-h-40 whitespace-pre-wrap rounded-sm border-[0.15rem] border-gray-100 px-12 py-8 text-16 text-gray-900", { "!border-blue/25": isEdited })}>
+        {children}
+      </div>
     </div>
   );
 };
diff --git a/app/(route)/(header)/event/[eventId]/approve/[editId]/page.tsx b/app/(route)/(header)/event/[eventId]/approve/[editId]/page.tsx
index 00cf6ded..7a142db8 100644
--- a/app/(route)/(header)/event/[eventId]/approve/[editId]/page.tsx
+++ b/app/(route)/(header)/event/[eventId]/approve/[editId]/page.tsx
@@ -2,13 +2,17 @@
 
 import { useQuery } from "@tanstack/react-query";
 import Link from "next/link";
-import { useParams } from "next/navigation";
+import { useParams, useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import toast from "react-hot-toast";
 import { instance } from "@/api/api";
+import { useSession } from "@/store/session/cookies";
+import { EditErrMsgType } from "@/types/errorMsgType";
 import { CategoryType, EditContentType, LabelType, PostValueType } from "@/types/index";
 import { EDIT_ERR_MSG } from "@/constants/errorMsg";
 import { LABEL_BY_CATEGORY, exceptionList } from "@/constants/post";
+import ApproveIcon from "@/public/icon/edit-approve.svg";
+import DeclineIcon from "@/public/icon/edit-reject.svg";
 import LinkIcon from "@/public/icon/link.svg";
 import IdIcon from "@/public/icon/user.svg";
 import BottomDoubleButton from "../../_components/BottomDoubleButton";
@@ -18,14 +22,16 @@ import RenderException from "../_components/RenderException";
 import EditBox from "./_components/EditBox";
 
 const EditDetailApprove = () => {
+  const router = useRouter();
+  const { eventId, editId } = useParams();
   const [originData, setOriginData] = useState<EditContentType>();
-  const { editId } = useParams();
   const { data, isSuccess, refetch } = useQuery({
     queryKey: ["approveDetail", editId],
     queryFn: async () => {
       return instance.get(`/event/update/application/${editId}`, { eventUpdateApplicationId: String(editId) });
     },
   });
+  const session = useSession();
 
   useEffect(() => {
     if (isSuccess) {
@@ -42,10 +48,19 @@ const EditDetailApprove = () => {
   }, [data]);
 
   const handleApplicationSubmit = async (isApproved: boolean) => {
-    const res = await instance.post("/event/update/approval", { eventUpdateApplicationId: String(editId), isApproved, userId: "edit-api" });
-    refetch();
-    if (res.error) {
-      toast(EDIT_ERR_MSG[res.statusCode as "409" | "500"], { icon: "⚠️", className: "text-14 !text-red font-600" });
+    try {
+      if (!session) throw Error("Unauthorized");
+      if (session.user.userId === data.applicationDetail.userId) throw Error("the applicant is the author");
+      const res = await instance.post("/event/update/approval", { eventUpdateApplicationId: String(editId), isApproved, userId: "edit-api" });
+      refetch();
+      toast(EDIT_ERR_MSG[isApproved ? "approve" : "reject"], {
+        icon: isApproved ? <ApproveIcon width="20" height="20" /> : <DeclineIcon width="20" height="20" />,
+        className: "text-16 font-500",
+      });
+      router.replace(`/event/${eventId}/approve`);
+    } catch (err: any) {
+      toast.error(EDIT_ERR_MSG[err.message as EditErrMsgType], { className: "text-16 !text-red font-500" });
+      if (err.message === "Unauthorized") router.push("/signin");
     }
   };
 
@@ -74,6 +89,7 @@ const EditDetailApprove = () => {
                 <>{JSON.parse(data.applicationDetail.updateData)[data.applicationDetail.updateCategory]}</>
               )}
             </EditBox>
+            {data.applicationDetail.updateCategory === "eventImages" && <p className="text-14 text-gray-400">사진을 클릭해 확인해 보세요.</p>}
           </section>
           <section className="flex flex-col gap-4">
             승인 현황
diff --git a/app/(route)/(header)/event/[eventId]/approve/_components/EditCard.tsx b/app/(route)/(header)/event/[eventId]/approve/_components/EditCard.tsx
index 0ae25ef2..2aaa8743 100644
--- a/app/(route)/(header)/event/[eventId]/approve/_components/EditCard.tsx
+++ b/app/(route)/(header)/event/[eventId]/approve/_components/EditCard.tsx
@@ -26,30 +26,30 @@ const EditCard = ({ id, type, editContent, count, createdAt, category }: Props)
   const curPath = usePathname();
 
   return (
-    <div className="relative flex w-full flex-col gap-8 border-b border-gray-100 py-16 pr-24 text-14 font-500">
-      <div className="text-gray-500">{type}</div>
-      {exceptionList.includes(type) ? (
-        <RenderException editContent={editContent} instance={instance} type={type} />
-      ) : (
-        <div className="truncate text-16 text-gray-900">{editContent[category as PostValueType]}</div>
-      )}
-      <div className="flex items-center gap-12 text-12 text-gray-400">
-        <div className="flex gap-4">
-          승인
-          <ReactionIcon count={count.approve} type="approve" />
+    <Link href={`${curPath}/${id}`}>
+      <div className="relative flex w-full flex-col gap-8 border-b border-gray-100 py-16 pr-24 text-14 font-500">
+        <div className="text-gray-500">{type}</div>
+        {exceptionList.includes(type) ? (
+          <RenderException editContent={editContent} instance={instance} type={type} />
+        ) : (
+          <div className="truncate text-16 text-gray-900">{editContent[category as PostValueType]}</div>
+        )}
+        <div className="flex items-center gap-12 text-12 text-gray-400">
+          <div className="flex gap-4">
+            승인
+            <ReactionIcon count={count.approve} type="approve" />
+          </div>
+          <div className="flex gap-4">
+            거절
+            <ReactionIcon count={count.decline} type="reject" />
+          </div>
+          <p className="text-gray-300">{formatDate(createdAt, "yyyy.MM.dd")}</p>
         </div>
-        <div className="flex gap-4">
-          거절
-          <ReactionIcon count={count.decline} type="reject" />
-        </div>
-        <p className="text-gray-300">{formatDate(createdAt, "yyyy.MM.dd")}</p>
-      </div>
-      <button className="absolute right-0 top-0 flex h-full items-center">
-        <Link href={`${curPath}/${id}`}>
+        <button className="absolute right-0 top-0 flex h-full items-center">
           <LinkIcon />
-        </Link>
-      </button>
-    </div>
+        </button>
+      </div>
+    </Link>
   );
 };
 
diff --git a/app/(route)/(header)/event/[eventId]/approve/_components/EditFormat.tsx b/app/(route)/(header)/event/[eventId]/approve/_components/EditFormat.tsx
index 88da4be9..51757a56 100644
--- a/app/(route)/(header)/event/[eventId]/approve/_components/EditFormat.tsx
+++ b/app/(route)/(header)/event/[eventId]/approve/_components/EditFormat.tsx
@@ -1,7 +1,9 @@
 import classNames from "classnames";
 import Image from "next/image";
-import { useParams, usePathname, useRouter } from "next/navigation";
+import { useParams, usePathname } from "next/navigation";
 import Chip from "@/components/chip/Chip";
+import ModalPortal from "@/components/modal/ModalPortal";
+import { useModal } from "@/hooks/useModal";
 import { GiftType } from "@/types/index";
 import { EDIT_ERR_MSG } from "@/constants/errorMsg";
 import { SnsIcon } from "@/constants/snsIcon";
@@ -11,20 +13,29 @@ interface ImageEditProps {
 }
 
 export const ImageEdit = ({ imgList }: ImageEditProps) => {
-  const router = useRouter();
   const { eventId, editId } = useParams();
   const curPath = usePathname();
   const isPreview = curPath === `/event/${eventId}/approve/${editId}`;
+  const { modal, openModal, closeModal } = useModal();
 
   return (
     <div className="flex gap-8 overflow-x-scroll scrollbar-hide">
       {imgList.length > 0
         ? imgList.map((url: string) => (
-            <div key={url} className={classNames("relative h-120 w-120 flex-shrink-0", { "cursor-pointer": isPreview })} onClick={() => (isPreview ? router.push(url) : null)}>
+            <div key={url} className={classNames("relative h-120 w-120 flex-shrink-0", { "cursor-pointer": isPreview })} onClick={() => (isPreview ? openModal(url) : null)}>
               <Image alt="수정된 행사 이미지" src={url} fill sizes="12rem, 12rem" className="object-cover" />
             </div>
           ))
         : EDIT_ERR_MSG["noInfo"]}
+      {modal && (
+        <ModalPortal>
+          <div onClick={closeModal} className="fixed left-0 top-0 z-popup flex h-screen w-full items-center justify-center bg-gray-900 bg-opacity-70 px-20 py-32">
+            <div className="relative z-popup h-full w-full">
+              <Image alt="크게보기" src={modal} width={0} height={0} sizes="100vw, 100vh" className="h-full w-full object-contain" />
+            </div>
+          </div>
+        </ModalPortal>
+      )}
     </div>
   );
 };
diff --git a/app/(route)/(header)/event/[eventId]/approve/page.tsx b/app/(route)/(header)/event/[eventId]/approve/page.tsx
index 8d3adb28..ae8d0fb0 100644
--- a/app/(route)/(header)/event/[eventId]/approve/page.tsx
+++ b/app/(route)/(header)/event/[eventId]/approve/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import LoadingDot from "@/(route)/(bottom-nav)/signin/_components/LoadingDot";
 import { useQuery } from "@tanstack/react-query";
 import { useParams } from "next/navigation";
 import { instance } from "@/api/api";
@@ -22,18 +23,26 @@ const EditApprove = () => {
       <section className="flex justify-center rounded-sm bg-gray-50 px-12 py-8 text-center text-14 text-gray-700">
         <p className="max-w-300">수정사항은 사용자 3인 이상의 승인 후에 반영됩니다. 거절이 3회 누적된 수정사항은 자동으로 삭제됩니다.</p>
       </section>
-      {isLoading && <div>로딩중</div>}
+      {isLoading && (
+        <div className="flex justify-center py-40">
+          <LoadingDot />
+        </div>
+      )}
       {isSuccess &&
-        data.map(({ id, approvalCount, rejectionCount, updateCategory, updateData, createdAt }: EditApplicationType) => (
-          <EditCard
-            key={id}
-            id={id}
-            category={updateCategory}
-            type={LABEL_BY_CATEGORY[updateCategory] as LabelType}
-            editContent={JSON.parse(updateData)}
-            count={{ approve: Number(approvalCount), decline: Number(rejectionCount) }}
-            createdAt={createdAt}
-          />
+        (data.length === 0 ? (
+          <div className="py-20 text-center text-16 font-500 text-gray-600">요청된 수정사항이 없어요💦</div>
+        ) : (
+          data.map(({ id, approvalCount, rejectionCount, updateCategory, updateData, createdAt }: EditApplicationType) => (
+            <EditCard
+              key={id}
+              id={id}
+              category={updateCategory}
+              type={LABEL_BY_CATEGORY[updateCategory] as LabelType}
+              editContent={JSON.parse(updateData)}
+              count={{ approve: Number(approvalCount), decline: Number(rejectionCount) }}
+              createdAt={createdAt}
+            />
+          ))
         ))}
     </div>
   );
diff --git a/app/(route)/(header)/event/[eventId]/edit/_components/EditContent.tsx b/app/(route)/(header)/event/[eventId]/edit/_components/EditContent.tsx
index b3f27d4f..798dbd16 100644
--- a/app/(route)/(header)/event/[eventId]/edit/_components/EditContent.tsx
+++ b/app/(route)/(header)/event/[eventId]/edit/_components/EditContent.tsx
@@ -3,18 +3,21 @@ import MainInput from "@/(route)/post/_components/_inputs/MainInput";
 import StarInput from "@/(route)/post/_components/_inputs/StarInput";
 import SubInput from "@/(route)/post/_components/_inputs/SubInput";
 import { PostType } from "@/(route)/post/page";
+import { useEffect } from "react";
 import { useFormContext } from "react-hook-form";
 import BottomButton from "@/components/button/BottomButton";
 import { useStore } from "@/store/index";
 import { checkArrUpdate } from "@/utils/checkArrUpdate";
 import { PostValueType } from "@/types/index";
 
+const ArrCategory = ["artists", "artistNames", "tags", "eventImages"];
+
 const EditContent = () => {
   const {
     watch,
     formState: { defaultValues },
   } = useFormContext<PostType>();
-  const { isCheck } = useStore((state) => ({ isCheck: state.isWarningCheck }));
+  const { isCheck, setCheck } = useStore((state) => ({ isCheck: state.isWarningCheck, setCheck: state.setIsWarningCheck }));
   const watchedValue = watch();
 
   const checkUpdated = () => {
@@ -26,20 +29,7 @@ const EditContent = () => {
       if (postTypeGuard(defaultValues, key)) {
         const prev = defaultValues[key];
         const cur = watchedValue[key];
-        if (typeof prev === "undefined" || typeof cur === "undefined") {
-          return false;
-        }
-        switch (key) {
-          case "artists":
-          case "artistNames":
-          case "tags":
-          case "eventImages":
-            if (typeof prev === "string" || typeof cur === "string") return false;
-            isUpdated = checkArrUpdate(prev, cur);
-            break;
-          default:
-            isUpdated = prev !== cur;
-        }
+        isUpdated = ArrCategory.includes(key) ? checkArrUpdate(prev as any[], cur as any[]) : prev !== cur;
         if (isUpdated) {
           return true;
         }
@@ -50,6 +40,10 @@ const EditContent = () => {
 
   const isValid = checkUpdated() && isCheck;
 
+  useEffect(() => {
+    setCheck(false);
+  }, []);
+
   return (
     <div className="flex flex-col gap-20 pb-120">
       <StarInput />
@@ -66,5 +60,5 @@ const EditContent = () => {
 export default EditContent;
 
 const postTypeGuard = (obj: { [a: string]: any }, key: string): key is PostValueType => {
-  return !!obj[key];
+  return typeof obj[key] !== undefined;
 };
diff --git a/app/(route)/(header)/event/[eventId]/edit/_components/InitButton.tsx b/app/(route)/(header)/event/[eventId]/edit/_components/InitButton.tsx
new file mode 100644
index 00000000..a32d3200
--- /dev/null
+++ b/app/(route)/(header)/event/[eventId]/edit/_components/InitButton.tsx
@@ -0,0 +1,13 @@
+interface Props {
+  onClick?: () => void;
+}
+
+const InitButton = ({ onClick }: Props) => {
+  return (
+    <button type="button" onClick={onClick} className="absolute right-0 text-12 font-600 text-blue">
+      초기화
+    </button>
+  );
+};
+
+export default InitButton;
diff --git a/app/(route)/(header)/event/[eventId]/edit/page.tsx b/app/(route)/(header)/event/[eventId]/edit/page.tsx
index 68253369..3ed89a0f 100644
--- a/app/(route)/(header)/event/[eventId]/edit/page.tsx
+++ b/app/(route)/(header)/event/[eventId]/edit/page.tsx
@@ -4,32 +4,38 @@ import { PostType } from "@/(route)/post/page";
 import { instance } from "app/_api/api";
 import { format } from "date-fns";
 import { useParams } from "next/navigation";
-import { useEffect, useState } from "react";
+import { Suspense, useEffect, useState } from "react";
 import GenericFormProvider from "@/components/GenericFormProvider";
+import { useAuth } from "@/hooks/useAuth";
+import { useStore } from "@/store/index";
 import EditContent from "./_components/EditContent";
 
 let INITIAL_DATA: PostType;
 
 const Edit = () => {
+  // const session = useAuth("/signin");
   const { eventId } = useParams();
   const [init, setInit] = useState(false);
+  const { setWriterId } = useStore((state) => ({ setWriterId: state.setWriterId }));
 
   useEffect(() => {
     const fetchData = async () => {
       const data = await instance.get(`/event/${eventId}`);
-      const { address, addressDetail, description, endDate, startDate, eventImages, eventTags, eventUrl, eventType, organizerSns, placeName, snsType, targetArtists } = data;
+      const { address, addressDetail, description, endDate, startDate, eventImages, eventTags, eventUrl, eventType, organizerSns, placeName, snsType, targetArtists, userId } =
+        data;
       const artistNames: string[] = targetArtists.map(({ artistName }: { artistName: string }) => artistName);
       const artists = targetArtists.map(({ artistId }: { artistId: string }) => artistId);
       const tags = eventTags.map(({ tagName }: { tagName: string }) => tagName);
       const imgList = eventImages.map(({ imageUrl }: { imageUrl: string }) => imageUrl);
+      setWriterId(userId);
 
       INITIAL_DATA = {
         placeName,
         eventType,
-        groupId: targetArtists[0].groupId,
-        groupName: targetArtists[0].groupName,
+        groupId: targetArtists[0].groupId || "",
+        groupName: targetArtists[0].groupId ? targetArtists[0].groupName : targetArtists[0].artistName,
         artists,
-        artistNames,
+        artistNames: targetArtists[0].groupId ? artistNames : [],
         startDate: format(startDate, "yyyy.MM.dd"),
         endDate: format(endDate, "yyyy.MM.dd"),
         address,
@@ -49,7 +55,7 @@ const Edit = () => {
   return (
     <div className="flex flex-col gap-24 p-20 text-16">
       {init && (
-        <GenericFormProvider formOptions={{ mode: "onBlur", defaultValues: INITIAL_DATA, shouldFocusError: true }}>
+        <GenericFormProvider formOptions={{ mode: "onChange", defaultValues: INITIAL_DATA, shouldFocusError: true }}>
           <EditContent />
         </GenericFormProvider>
       )}
diff --git a/app/(route)/post/_components/DetailInfo.tsx b/app/(route)/post/_components/DetailInfo.tsx
index df13cf31..c962e4a8 100644
--- a/app/(route)/post/_components/DetailInfo.tsx
+++ b/app/(route)/post/_components/DetailInfo.tsx
@@ -19,7 +19,9 @@ const DetailInfo = () => {
         <FunnelTitle step="상세 설명" />
       </div>
       <DetailInput />
-      <BottomButton isDisabled={!isCheck || description.length > 100}>작성 완료</BottomButton>
+      <BottomButton isSubmit isDisabled={!isCheck || description.length > 100}>
+        작성 완료
+      </BottomButton>
     </PostFrame>
   );
 };
diff --git a/app/(route)/post/_components/_inputs/DetailInput.tsx b/app/(route)/post/_components/_inputs/DetailInput.tsx
index d650100e..224af18a 100644
--- a/app/(route)/post/_components/_inputs/DetailInput.tsx
+++ b/app/(route)/post/_components/_inputs/DetailInput.tsx
@@ -1,3 +1,4 @@
+import InitButton from "@/(route)/(header)/event/[eventId]/edit/_components/InitButton";
 import { useEffect, useState } from "react";
 import { useFormContext } from "react-hook-form";
 import WarningCheck from "@/components/WarningCheck";
@@ -32,10 +33,10 @@ const DetailInput = () => {
   return (
     <>
       <section className="flex flex-col gap-8">
-        <div className="flex items-center gap-4">
+        <div className="relative flex items-center gap-4">
           이미지
           {validateEdit(typeof defaultValues?.eventImages !== "undefined" && checkArrUpdate(defaultValues?.eventImages, imgList)) && (
-            <p className="text-12 font-600 text-blue">수정됨</p>
+            <InitButton onClick={() => setImgList(defaultValues?.eventImages as (string | File)[])} />
           )}
         </div>
         <MemoizedImageSection imgList={imgList} setImgList={setImgList} />
@@ -51,6 +52,7 @@ const DetailInput = () => {
         rules={{ maxLength: 100 }}
         hasLimit
         isEdit={validateEdit(defaultValues?.description !== getValues("description"))}
+        onInit={() => setValue("description", defaultValues?.description || "")}
       >
         상세 내용
       </InputArea>
diff --git a/app/(route)/post/_components/_inputs/MainInput.tsx b/app/(route)/post/_components/_inputs/MainInput.tsx
index 8a136500..cc0bc95c 100644
--- a/app/(route)/post/_components/_inputs/MainInput.tsx
+++ b/app/(route)/post/_components/_inputs/MainInput.tsx
@@ -1,3 +1,4 @@
+import InitButton from "@/(route)/(header)/event/[eventId]/edit/_components/InitButton";
 import { useFormContext } from "react-hook-form";
 import AddressBottomSheet from "@/components/bottom-sheet/AddressBottomSheet";
 import CalenderBottomSheet from "@/components/bottom-sheet/CalendarBottomSheet";
@@ -19,7 +20,13 @@ const MainInput = () => {
 
   return (
     <>
-      <InputText name="placeName" placeholder="장소 이름을 입력하세요." rules={{ required: "제목을 입력해주세요." }} isEdit={validateEdit(defaultValues?.placeName !== placeName)}>
+      <InputText
+        name="placeName"
+        placeholder="장소 이름을 입력하세요."
+        rules={{ required: "제목을 입력해주세요." }}
+        isEdit={validateEdit(defaultValues?.placeName !== placeName)}
+        onInit={() => setValue("placeName", defaultValues?.placeName || "")}
+      >
         장소 이름
       </InputText>
       <div className="flex flex-col">
@@ -30,15 +37,26 @@ const MainInput = () => {
           onKeyDown={(event) => handleEnterDown(event, () => openBottomSheet("address"))}
           onClick={() => openBottomSheet("address")}
           isEdit={validateEdit(defaultValues?.address !== address || defaultValues?.addressDetail !== addressDetail)}
+          onInit={() => {
+            setValue("address", defaultValues?.address || "");
+            setValue("addressDetail", defaultValues?.addressDetail || "");
+          }}
         >
           주소
         </InputText>
         <InputText name="addressDetail" placeholder="상세 주소 입력" />
       </div>
       <div className="flex flex-col">
-        <div className="flex items-center gap-4">
+        <div className="relative flex items-center gap-4">
           기간
-          {validateEdit(defaultValues?.startDate !== startDate || defaultValues?.endDate !== endDate) && <p className="text-12 font-600 text-blue">수정됨</p>}
+          {validateEdit(defaultValues?.startDate !== startDate || defaultValues?.endDate !== endDate) && (
+            <InitButton
+              onClick={() => {
+                setValue("startDate", defaultValues?.startDate || "");
+                setValue("endDate", defaultValues?.endDate || "");
+              }}
+            />
+          )}
         </div>
         <div className="flex">
           <div className="w-1/2">
diff --git a/app/(route)/post/_components/_inputs/StarInput.tsx b/app/(route)/post/_components/_inputs/StarInput.tsx
index 2dcb9678..8d05862f 100644
--- a/app/(route)/post/_components/_inputs/StarInput.tsx
+++ b/app/(route)/post/_components/_inputs/StarInput.tsx
@@ -1,3 +1,4 @@
+import InitButton from "@/(route)/(header)/event/[eventId]/edit/_components/InitButton";
 import { useFormContext } from "react-hook-form";
 import EventTypeBottomSheet from "@/components/bottom-sheet/EventTypeBottomSheet";
 import StarBottomSheet from "@/components/bottom-sheet/StarBottomSheet";
@@ -12,20 +13,28 @@ const StarInput = () => {
   const { bottomSheet, openBottomSheet, closeBottomSheet, refs } = useBottomSheet();
 
   const {
+    setValue,
     formState: { defaultValues },
     watch,
   } = useFormContext<PostType>();
   const { eventType, groupId, artistNames, artists } = watch();
   const isNotMember = groupId && artistNames.length === 0;
 
+  const handleArtistInit = () => {
+    setValue("groupId", defaultValues?.groupId || "");
+    setValue("groupName", defaultValues?.groupName || "");
+    setValue("artists", defaultValues?.artists as string[]);
+    setValue("artistNames", defaultValues?.artistNames as string[]);
+  };
+
   return (
     <>
       <div className="flex-item flex flex-col gap-20">
-        <div className="flex flex-col">
+        <div className="relative flex flex-col">
           <label className="flex items-center gap-4">
             아티스트
             {validateEdit(typeof defaultValues?.artists !== "undefined" && (checkArrUpdate(defaultValues?.artists, artists) || defaultValues?.groupId !== groupId)) && (
-              <p className="text-12 font-600 text-blue">수정됨</p>
+              <InitButton onClick={() => handleArtistInit()} />
             )}
           </label>
           <div className="grid grid-cols-2 gap-8">
@@ -54,6 +63,8 @@ const StarInput = () => {
           onClick={() => openBottomSheet("event")}
           onKeyDown={(event) => handleEnterDown(event, () => openBottomSheet("event"))}
           isEdit={validateEdit(defaultValues?.eventType !== eventType)}
+          onInit={() => setValue("eventType", defaultValues?.eventType || "카페")}
+          noButton
         >
           행사 유형
         </InputText>
diff --git a/app/(route)/post/_components/_inputs/SubInput.tsx b/app/(route)/post/_components/_inputs/SubInput.tsx
index 94728cd5..1007ab8e 100644
--- a/app/(route)/post/_components/_inputs/SubInput.tsx
+++ b/app/(route)/post/_components/_inputs/SubInput.tsx
@@ -1,3 +1,4 @@
+import InitButton from "@/(route)/(header)/event/[eventId]/edit/_components/InitButton";
 import { useEffect, useState } from "react";
 import { useFormContext } from "react-hook-form";
 import ChipButton from "@/components/chip/ChipButton";
@@ -45,6 +46,10 @@ const SubInput = () => {
             name="organizerSns"
             placeholder="sns 계정을 입력해주세요."
             isEdit={validateEdit(defaultValues?.organizerSns !== organizerSns || defaultValues.snsType !== snsType)}
+            onInit={() => {
+              setSnsType(defaultValues?.snsType || "트위터");
+              setValue("organizerSns", defaultValues?.organizerSns || "");
+            }}
           >
             주최자
           </InputText>
@@ -64,13 +69,20 @@ const SubInput = () => {
             ))}
           </div>
         </div>
-        <InputText name="eventUrl" placeholder="URL을 입력해주세요." isEdit={validateEdit(defaultValues?.eventUrl !== eventUrl)}>
+        <InputText
+          name="eventUrl"
+          placeholder="URL을 입력해주세요."
+          isEdit={validateEdit(defaultValues?.eventUrl !== eventUrl)}
+          onInit={() => setValue("eventUrl", defaultValues?.eventUrl || "")}
+        >
           링크
         </InputText>
         <div className="flex flex-col gap-8">
-          <div className="flex items-center gap-4">
+          <div className="relative flex items-center gap-4">
             특전
-            {validateEdit(typeof defaultValues?.tags !== "undefined" && checkArrUpdate(defaultValues?.tags, giftList)) && <p className="text-12 font-600 text-blue">수정됨</p>}
+            {validateEdit(typeof defaultValues?.tags !== "undefined" && checkArrUpdate(defaultValues?.tags, giftList)) && (
+              <InitButton onClick={() => setGiftList(defaultValues?.tags as string[])} />
+            )}
           </div>
           <ul className="flex flex-wrap gap-8 gap-y-12">
             {GIFT_LIST.map((gift) => (
diff --git a/app/(route)/post/page.tsx b/app/(route)/post/page.tsx
index 7b0944c2..5be58fdf 100644
--- a/app/(route)/post/page.tsx
+++ b/app/(route)/post/page.tsx
@@ -2,6 +2,7 @@
 
 import GenericFormProvider from "@/components/GenericFormProvider";
 import MobileHeader from "@/components/header/MobileHeader";
+import { useAuth } from "@/hooks/useAuth";
 import { useFunnel } from "@/hooks/useFunnel";
 import { PostStepNameType } from "@/types/index";
 import DetailInfo from "./_components/DetailInfo";
@@ -39,6 +40,7 @@ export type PostType = Omit<typeof DEFAULT_INPUT_VALUES, "artists" | "artistName
 };
 
 const Post = () => {
+  // const session = useAuth("/signin");
   const { Funnel, Step, setStep, currentStep } = useFunnel<PostStepNameType>(POST_STEPS);
 
   const handlePrevClick = () => {
@@ -48,7 +50,7 @@ const Post = () => {
   return (
     <>
       <MobileHeader handleClick={handlePrevClick} />
-      <div className="p-20 pb-92 pt-36 text-16">
+      <div className="p-20 pb-116 pt-36 text-16">
         <GenericFormProvider formOptions={{ mode: "onBlur", defaultValues: DEFAULT_INPUT_VALUES, shouldFocusError: true }}>
           <Funnel>
             <Step name={POST_STEPS[0]}>
diff --git a/app/_api/api.ts b/app/_api/api.ts
index 3d760fd4..9f7160cc 100644
--- a/app/_api/api.ts
+++ b/app/_api/api.ts
@@ -8,12 +8,10 @@ const STR_RES_ENDPOINT = ["/file/upload", "/event/update/application"];
 export class Api {
   private baseUrl;
   private queryString;
-  private accessToken;
 
-  constructor(token?: string) {
+  constructor() {
     this.baseUrl = "";
     this.queryString = "";
-    this.accessToken = token;
   }
 
   private makeError(result: any) {
@@ -40,11 +38,7 @@ export class Api {
     if (queryObj) {
       this.makeQueryString<T>(queryObj);
     }
-    const res = await fetch(queryObj ? this.baseUrl + this.queryString : this.baseUrl, {
-      headers: {
-        Authorization: `Bearer ${this.accessToken}`,
-      },
-    });
+    const res = await fetch(queryObj ? this.baseUrl + this.queryString : this.baseUrl);
     const result = await res.json();
     this.makeError(result);
 
@@ -61,10 +55,8 @@ export class Api {
       body: endPoint === "/file/upload" ? (body as any) : JSON.stringify(body),
       headers: {
         ...(endPoint === "/file/upload" || endPoint === "/reviews" ? {} : { "Content-Type": "application/json" }),
-        Authorization: `Bearer ${this.accessToken}`,
         credentials: "include",
       },
-      credentials: "include",
     });
     const result = STR_RES_ENDPOINT.includes(endPoint) ? await res.text() : await res.json();
     this.makeError(result);
@@ -79,7 +71,6 @@ export class Api {
       body: JSON.stringify(body),
       headers: {
         "Content-type": "application/json",
-        Authorization: `Bearer ${this.accessToken}`,
       },
     });
     const result = await res.json();
@@ -93,9 +84,6 @@ export class Api {
     const res = await fetch(this.baseUrl, {
       method: "DELETE",
       body: JSON.stringify(body),
-      headers: {
-        Authorization: `Bearer ${this.accessToken}`,
-      },
     });
     const result = await res.json();
     this.makeError(result);
diff --git a/app/_components/ArtistList.tsx b/app/_components/ArtistList.tsx
deleted file mode 100644
index 0e7d336c..00000000
--- a/app/_components/ArtistList.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ReactNode } from "react";
-
-interface Props {
-  render: () => ReactNode;
-}
-
-const ArtistList = ({ render }: Props) => {
-  return <div className="grid h-[34rem] grid-cols-3 justify-items-center overflow-y-scroll">{render()}</div>;
-};
-
-export default ArtistList;
diff --git a/app/_components/GenericFormProvider.tsx b/app/_components/GenericFormProvider.tsx
index f4761a0b..daa6cf08 100644
--- a/app/_components/GenericFormProvider.tsx
+++ b/app/_components/GenericFormProvider.tsx
@@ -2,9 +2,14 @@ import { instance } from "app/_api/api";
 import { useParams, usePathname, useRouter } from "next/navigation";
 import React from "react";
 import { FieldValues, FormProvider, UseFormProps, useForm } from "react-hook-form";
+import toast from "react-hot-toast";
 import { useModal } from "@/hooks/useModal";
+import { useSession } from "@/store/session/cookies";
 import { handleSignupSubmit } from "@/utils/handleSignupSubmit";
-import { handlePostSubmit, submitEditApplication } from "@/utils/submitPost";
+import { handlePostSubmit, submitEditApplication, submitEditWriter } from "@/utils/submitPost";
+import { EditErrMsgType, PostErrMsgType } from "@/types/errorMsgType";
+import { EDIT_ERR_MSG, POST_ERR_MSG } from "@/constants/errorMsg";
+import { useStore } from "../_store";
 import AlertModal from "./modal/AlertModal";
 
 interface GenericFormProps<T extends FieldValues> {
@@ -13,26 +18,45 @@ interface GenericFormProps<T extends FieldValues> {
 }
 
 const GenericFormProvider = <T extends FieldValues>({ children, formOptions }: GenericFormProps<T>) => {
-  const { editId, eventId } = useParams();
+  const { eventId } = useParams();
   const { modal, openModal, closeModal } = useModal();
   const router = useRouter();
   const methods = useForm<T>(formOptions);
   const path = usePathname();
+  const { writerId } = useStore((state) => ({ writerId: state.writerId }));
 
   const onSubmit = async () => {
     const userInputValue = methods.getValues();
     const defaultValue = methods.formState.defaultValues;
+    const session = useSession();
+    if (!session) return;
 
     if (path === "/post") {
-      const res = await handlePostSubmit(userInputValue, instance);
-      router.push(`/event/${res.eventId}`);
+      try {
+        const res = await handlePostSubmit(userInputValue, instance, session.user.userId);
+        router.push(`/event/${res.eventId}`);
+      } catch (err: any) {
+        toast.error(POST_ERR_MSG[err.message as PostErrMsgType], { className: "text-16 font-500 !text-red" });
+        if (err.message === "Unauthorized") {
+          return router.push("/signin");
+        }
+      }
     }
     if (path === `/event/${eventId}/edit`) {
-      //작성 유저
-      // const res = await submitEditWriter(methods.getValues(), instance, eventId);
-      //신청 유저
-      await submitEditApplication(instance, defaultValue, userInputValue, eventId);
-      openModal("endEdit");
+      try {
+        if (writerId === session.user.userId) {
+          await submitEditWriter(methods.getValues(), instance, session.user.userId, eventId);
+          openModal("editWriter");
+        } else {
+          await submitEditApplication(instance, defaultValue, userInputValue, session.user.userId, eventId);
+          openModal("editApprove");
+        }
+      } catch (err: any) {
+        toast.error(EDIT_ERR_MSG[err.message as EditErrMsgType], { className: "text-16 font-500 !text-red" });
+        if (err.message === "Unauthorized") {
+          return router.push("/signin");
+        }
+      }
     }
     if (path === "/signup") {
       const res = await handleSignupSubmit(userInputValue, instance);
@@ -45,16 +69,15 @@ const GenericFormProvider = <T extends FieldValues>({ children, formOptions }: G
   return (
     <FormProvider {...methods}>
       <form onSubmit={methods.handleSubmit(onSubmit)}>{children}</form>
-      {modal === "endEdit" && (
-        <AlertModal closeModal={closeModal} handleBtnClick={() => router.push(`/event/${eventId}`)}>
+      {modal === "editApprove" && (
+        <AlertModal closeModal={closeModal} handleBtnClick={() => router.replace(`/event/${eventId}/approve`)}>
           수정사항은 사용자 3인 이상의
           <br /> 승인 후에 반영됩니다.
         </AlertModal>
       )}
-      {modal === "endEdit" && (
-        <AlertModal closeModal={closeModal} handleBtnClick={() => router.push(`/event/${eventId}`)}>
-          수정사항은 사용자 3인 이상의
-          <br /> 승인 후에 반영됩니다.
+      {modal === "editWriter" && (
+        <AlertModal closeModal={closeModal} handleBtnClick={() => router.replace(`/event/${eventId}`)}>
+          수정이 완료되었습니다.
         </AlertModal>
       )}
     </FormProvider>
diff --git a/app/_components/bottom-sheet/EventTypeBottomSheet.tsx b/app/_components/bottom-sheet/EventTypeBottomSheet.tsx
index 9fd19493..92cc4c57 100644
--- a/app/_components/bottom-sheet/EventTypeBottomSheet.tsx
+++ b/app/_components/bottom-sheet/EventTypeBottomSheet.tsx
@@ -16,12 +16,12 @@ const EventTypeBottomSheet = ({ closeBottomSheet, refs }: BottomSheetBaseType) =
   return (
     <BottomSheet.Frame closeBottomSheet={closeBottomSheet} ref={refs.sheet}>
       <BottomSheet.Title>행사 유형 선택</BottomSheet.Title>
-      <ul className="pb-40" ref={refs.content}>
+      <ul className="pb-40 pt-16" ref={refs.content}>
         {EVENT_TYPE_LIST.map((event) => (
           <li
             key={event}
             onClick={() => handleEventClick(event)}
-            className="hover:bg-main-pink-50 cursor-pointer border-b border-gray-50 px-24 py-20 text-16 font-500 text-gray-900"
+            className="cursor-pointer border-b border-gray-50 px-24 py-20 text-16 font-500 text-gray-900 hover:bg-main-pink-50"
           >
             {event}
           </li>
diff --git a/app/_components/bottom-sheet/StarBottomSheet.tsx b/app/_components/bottom-sheet/StarBottomSheet.tsx
index 5815a088..d742fb5e 100644
--- a/app/_components/bottom-sheet/StarBottomSheet.tsx
+++ b/app/_components/bottom-sheet/StarBottomSheet.tsx
@@ -1,14 +1,13 @@
+import LoadingDot from "@/(route)/(bottom-nav)/signin/_components/LoadingDot";
 import { PostType } from "@/(route)/post/page";
-import { useQuery } from "@tanstack/react-query";
 import { instance } from "app/_api/api";
 import { Dispatch, SetStateAction, useEffect } from "react";
 import { useFormContext } from "react-hook-form";
+import { useFetchGroupSolo } from "@/hooks/useFetchGroupSolo";
 import { useFetchMember } from "@/hooks/useFetchMember";
-import { useSearch } from "@/hooks/useSearch";
-import { BottomSheetBaseType } from "@/types/index";
+import { BottomSheetBaseType, GroupAndSoloType, MemberDataType } from "@/types/index";
 import BackIcon from "@/public/icon/arrow-left_lg.svg";
 import ArtistCard from "../ArtistCard";
-import ArtistList from "../ArtistList";
 import SearchInput from "../input/SearchInput";
 import BottomSheet from "./BottomSheetMaterial";
 
@@ -19,18 +18,7 @@ interface Props extends BottomSheetBaseType {
 const StarBottomSheet = ({ closeBottomSheet, refs, isFirst = false }: Props) => {
   const { setValue, getValues, watch } = useFormContext<PostType>();
   const { groupName, artistNames } = watch();
-  const {
-    data: groupData,
-    isSuccess,
-    isLoading,
-    refetch: refetchGroup,
-  } = useQuery({
-    queryKey: ["group"],
-    queryFn: async () => {
-      return instance.get("/group/solo", { size: 12, page: 1, keyword: keyword });
-    },
-  });
-  const { keyword, setKeyword } = useSearch(refetchGroup);
+  const { setKeyword, groupList, containerRef, isSuccess, isLoading } = useFetchGroupSolo(instance);
   const { groupId, setGroupId, isLoading: isMemberLoading, isSuccess: isMemberSuccess, data: memberData } = useFetchMember(instance, getValues, isFirst);
 
   const handleFirstDepthClick = (type: string, id: string, name: string) => {
@@ -71,49 +59,53 @@ const StarBottomSheet = ({ closeBottomSheet, refs, isFirst = false }: Props) =>
   return (
     <BottomSheet.Frame closeBottomSheet={closeBottomSheet} ref={refs.sheet}>
       <BottomSheet.Title>아티스트 선택</BottomSheet.Title>
-      <div className="flex flex-col gap-24 px-24 pt-16 text-16">
+      <div className="flex flex-col gap-24 px-24 pt-16 text-16" ref={refs.content}>
         {groupId ? (
           <div className="flex flex-col gap-12">
             <GroupTitle setGroupId={setGroupId} />
-            {isMemberLoading && <div>멤버 로딩중</div>}
+            {isMemberLoading && (
+              <div className="flex justify-center py-40">
+                <LoadingDot />
+              </div>
+            )}
             {isMemberSuccess &&
               (memberData.length === 0 ? (
-                <div>데이터가 없어요ㅠㅠ</div>
+                <div>아직 데이터가 없어요💦</div>
               ) : (
-                <ArtistList
-                  render={() => (
-                    <>
-                      {memberData.map(({ id, artistName, artistImage }: any) => (
-                        <ArtistCard key={id} profileImage={artistImage} isChecked={getValues("artists").includes(id)} onClick={() => handleMemberClick(id, artistName)}>
-                          {artistName}
-                        </ArtistCard>
-                      ))}
-                    </>
-                  )}
-                />
+                <div className="h-[34rem] overflow-y-scroll">
+                  <div className="flex flex-wrap justify-center gap-16">
+                    {memberData.map(({ id, artistName, artistImage }: MemberDataType) => (
+                      <ArtistCard key={id} profileImage={artistImage} isChecked={getValues("artists").includes(id)} onClick={() => handleMemberClick(id, artistName)}>
+                        {artistName}
+                      </ArtistCard>
+                    ))}
+                  </div>
+                </div>
               ))}
           </div>
         ) : (
           <>
             <SearchInput setKeyword={setKeyword} />
-            {isLoading && <div>데이터 로딩중 ~~</div>}
+            {isLoading && (
+              <div className="flex justify-center py-40">
+                <LoadingDot />
+              </div>
+            )}
             {isSuccess && (
-              <ArtistList
-                render={() => (
-                  <>
-                    {groupData.groupAndSoloList.map(({ id, image, name, type }: any) => (
-                      <ArtistCard
-                        key={id}
-                        profileImage={image}
-                        isChecked={getValues("groupId") === id || getValues("artists").includes(id)}
-                        onClick={() => handleFirstDepthClick(type, id, name)}
-                      >
-                        {name}
-                      </ArtistCard>
-                    ))}
-                  </>
-                )}
-              />
+              <div ref={containerRef} className="flex h-[34rem] overflow-y-scroll">
+                <div className="flex flex-wrap justify-center gap-x-16 gap-y-20 px-8">
+                  {groupList.map(({ id, image, name, type }: GroupAndSoloType) => (
+                    <ArtistCard
+                      key={id}
+                      profileImage={image}
+                      isChecked={getValues("groupId") === id || getValues("artists").includes(id)}
+                      onClick={() => handleFirstDepthClick(type, id, name)}
+                    >
+                      {name}
+                    </ArtistCard>
+                  ))}
+                </div>
+              </div>
             )}
           </>
         )}
diff --git a/app/_components/input/InputArea.tsx b/app/_components/input/InputArea.tsx
index 5a76c7ec..1f2944c5 100644
--- a/app/_components/input/InputArea.tsx
+++ b/app/_components/input/InputArea.tsx
@@ -1,3 +1,4 @@
+import InitButton from "@/(route)/(header)/event/[eventId]/edit/_components/InitButton";
 import classNames from "classnames";
 import { KeyboardEvent, ReactNode } from "react";
 import { FieldPath, FieldValues, UseControllerProps, useController } from "react-hook-form";
@@ -9,20 +10,21 @@ interface Prop {
   isEdit?: boolean;
   height?: number;
   hasLimit?: boolean;
+  onInit?: () => void;
 }
 
 type Function = <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(
   prop: UseControllerProps<TFieldValues, TName> & Prop,
 ) => ReactNode;
 
-const InputArea: Function = ({ children, placeholder, onKeyDown, isEdit, hasLimit = false, ...control }) => {
+const InputArea: Function = ({ children, placeholder, onKeyDown, isEdit, hasLimit = false, onInit, ...control }) => {
   const { field } = useController(control);
 
   return (
     <div className="flex flex-col">
-      <label htmlFor={field.name} className="pb-8 text-16 text-gray-900">
+      <label htmlFor={field.name} className="relative pb-8 text-16 text-gray-900">
         {children}
-        {isEdit && <span className="ml-4 text-12 font-600 text-sub-skyblue">수정됨</span>}
+        {isEdit && <InitButton onClick={onInit} />}
       </label>
       <textarea
         id={field.name}
diff --git a/app/_components/input/InputText.tsx b/app/_components/input/InputText.tsx
index 67f3b8fb..d6f074e9 100644
--- a/app/_components/input/InputText.tsx
+++ b/app/_components/input/InputText.tsx
@@ -15,6 +15,7 @@ interface Prop extends InputHTMLAttributes<HTMLInputElement> {
   isEdit?: boolean;
   isSuccess?: boolean;
   noButton?: boolean;
+  onInit?: () => void;
 }
 
 type Function = <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(
@@ -37,6 +38,7 @@ const InputText: Function = ({
   isEdit,
   isSuccess,
   noButton,
+  onInit,
   ...control
 }) => {
   const { field, fieldState } = useController(control);
@@ -56,7 +58,11 @@ const InputText: Function = ({
         <label htmlFor={field.name} className={`flex items-center text-16 ${horizontal && "mt-20"}`}>
           {children}
           {required && <span className="ml-4 text-sub-red">*</span>}
-          {isEdit && <span className="ml-4 text-12 font-600 text-blue">수정됨</span>}
+          {isEdit && (
+            <button type="button" onClick={onInit} className="absolute right-0 ml-4 text-12 font-600 text-blue">
+              초기화
+            </button>
+          )}
         </label>
       );
     }
@@ -96,7 +102,7 @@ const InputText: Function = ({
   return (
     <>
       {!hidden && (
-        <div className={`w-full ${horizontal && "flex gap-28"}`}>
+        <div className={`w-full ${horizontal && "flex gap-28"} relative`}>
           <Label />
           <div className={`relative ${horizontal && "flex-1"}`}>
             <input
diff --git a/app/_constants/errorMsg.ts b/app/_constants/errorMsg.ts
index 29943a7e..e7e1570e 100644
--- a/app/_constants/errorMsg.ts
+++ b/app/_constants/errorMsg.ts
@@ -1,5 +1,14 @@
 export const EDIT_ERR_MSG = {
   noInfo: "등록된 정보가 없습니다.",
-  409: "이미 승인/거절한 요청입니다!",
-  500: "서버 오류! 다시 시도해주세요.",
+  "Already approved or rejected": "이미 승인/거절한 요청입니다!",
+  "event not exist": "더 이상 존재하지 않는 행사입니다.",
+  "the applicant is the author": "신청자는 승인/거절이 불가합니다.",
+  Unauthorized: "로그인이 필요한 서비스입니다.",
+  approve: "수정 요청을 승인하였습니다.",
+  reject: "수정 요청을 거절하였습니다.",
+};
+
+export const POST_ERR_MSG = {
+  "Internal Server Error": "등록에 실패하였습니다.",
+  Unauthorized: "로그인이 필요한 서비스입니다.",
 };
diff --git a/app/_hooks/useFetchGroupSolo.tsx b/app/_hooks/useFetchGroupSolo.tsx
new file mode 100644
index 00000000..612c3148
--- /dev/null
+++ b/app/_hooks/useFetchGroupSolo.tsx
@@ -0,0 +1,25 @@
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { useState } from "react";
+import { Api } from "@/api/api";
+import useInfiniteScroll from "./useInfiniteScroll";
+
+const SIZE = 9;
+
+export const useFetchGroupSolo = (instance: Api) => {
+  const [groupList, setGroupList] = useState<any[]>([]);
+  const [keyword, setKeyword] = useState("");
+  const { data, fetchNextPage, isSuccess, isLoading } = useInfiniteQuery({
+    queryKey: ["group", keyword],
+    queryFn: async ({ pageParam }) => {
+      const res = await instance.get("/group/solo", { size: SIZE, page: pageParam, keyword: keyword });
+      pageParam === 1 ? setGroupList(res.groupAndSoloList) : setGroupList((prev) => [...prev, ...res.groupAndSoloList]);
+      return res;
+    },
+    initialPageParam: 1,
+    getNextPageParam: (lastPage) => (lastPage.page * SIZE < lastPage.totalCount ? lastPage.page + 1 : null),
+  });
+
+  const containerRef = useInfiniteScroll({ handleScroll: fetchNextPage, deps: [data] });
+
+  return { setKeyword, groupList, containerRef, isSuccess, isLoading };
+};
diff --git a/app/_hooks/useSearch.tsx b/app/_hooks/useSearch.tsx
deleted file mode 100644
index 73a51b5c..00000000
--- a/app/_hooks/useSearch.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { useEffect, useState } from "react";
-
-export const useSearch = (refetchFunc: () => any) => {
-  const [keyword, setKeyword] = useState("");
-
-  useEffect(() => {
-    refetchFunc();
-  }, [keyword]);
-
-  return { keyword, setKeyword };
-};
diff --git a/app/_store/index.ts b/app/_store/index.ts
index 676ca4c4..7ae49783 100644
--- a/app/_store/index.ts
+++ b/app/_store/index.ts
@@ -1,10 +1,12 @@
 import { create } from "zustand";
 import { EventHeaderSlice, createEventHeaderSlice } from "./slice/eventHeaderSlice";
 import { WarningSlice, createWarningSlice } from "./slice/warningSlice";
+import { WriterSlice, createWriterSlice } from "./slice/writerIdSlice";
 
-type SliceType = WarningSlice & EventHeaderSlice;
+type SliceType = WarningSlice & EventHeaderSlice & WriterSlice;
 
 export const useStore = create<SliceType>()((...a) => ({
   ...createWarningSlice(...a),
   ...createEventHeaderSlice(...a),
+  ...createWriterSlice(...a),
 }));
diff --git a/app/_store/slice/writerIdSlice.ts b/app/_store/slice/writerIdSlice.ts
new file mode 100644
index 00000000..42e3c11b
--- /dev/null
+++ b/app/_store/slice/writerIdSlice.ts
@@ -0,0 +1,11 @@
+import { StateCreator } from "zustand";
+
+export interface WriterSlice {
+  writerId: string;
+  setWriterId: (id: string) => void;
+}
+
+export const createWriterSlice: StateCreator<WriterSlice> = (set) => ({
+  writerId: "",
+  setWriterId: (id) => set((state) => ({ ...state, writerId: id })),
+});
diff --git a/app/_types/errorMsgType.ts b/app/_types/errorMsgType.ts
new file mode 100644
index 00000000..7b12f13e
--- /dev/null
+++ b/app/_types/errorMsgType.ts
@@ -0,0 +1,3 @@
+export type EditErrMsgType = "event not exist" | "Already approved or rejected" | "Unauthorized";
+
+export type PostErrMsgType = "Internal Server Error" | "Unauthorized";
diff --git a/app/_types/index.ts b/app/_types/index.ts
index a3dec110..8da994dc 100644
--- a/app/_types/index.ts
+++ b/app/_types/index.ts
@@ -254,3 +254,16 @@ export type EditApplicationType = {
   isReflected: boolean;
   createdAt: string;
 };
+
+export type MemberDataType = {
+  id: string;
+  artistName: string;
+  artistImage: string;
+};
+
+export type GroupAndSoloType = {
+  id: string;
+  image: string;
+  name: string;
+  type: string;
+};
diff --git a/app/_utils/submitPost.ts b/app/_utils/submitPost.ts
index 36bb688c..00ec5ddb 100644
--- a/app/_utils/submitPost.ts
+++ b/app/_utils/submitPost.ts
@@ -13,15 +13,15 @@ const matchTagIdList = (tags: GiftType[]) => {
   return tagList;
 };
 
-const makeUpdateCategory = (defaultValue: any, userInputValue: any, eventId: string) => {
-  const updateCategory: CategoryType[] = [];
+const makeUpdateCategory = (defaultValue: any, userInputValue: any, eventId: string, userId: string) => {
+  const updateCategory = new Set();
   const approveBody = new Map();
   for (const key of Object.keys(defaultValue || {})) {
     if (!defaultValue) {
       return {
         eventId,
-        updateCategory,
-        userId: "edit-api",
+        updateCategory: [],
+        userId,
         isAgreed: true,
       };
     }
@@ -30,29 +30,30 @@ const makeUpdateCategory = (defaultValue: any, userInputValue: any, eventId: str
     switch (key) {
       case "artists":
         if (checkArrUpdate(prev, cur)) {
-          updateCategory.push("artist");
+          updateCategory.add("artist");
           EDIT_CATEGORY_VALUE["artist"].map((value) => approveBody.set(value, userInputValue[value]));
         }
         break;
       case "tags":
       case "eventImages":
         if (checkArrUpdate(prev, cur)) {
-          updateCategory.push(key);
+          updateCategory.add(key);
           approveBody.set(key, cur);
         }
         break;
       default:
         const category = EDIT_CATEGORY[key as PostValueType];
         if (prev !== cur && category !== "null") {
-          updateCategory.push(category as CategoryType);
+          updateCategory.add(category as CategoryType);
           EDIT_CATEGORY_VALUE[category as CategoryType].map((value) => approveBody.set(value, userInputValue[value]));
         }
     }
   }
+
   let body: Req_Post_Type["edit"] = {
     eventId,
-    updateCategory,
-    userId: "edit-api",
+    updateCategory: Array.from(updateCategory) as CategoryType[],
+    userId,
     isAgreed: true,
   };
   for (const [key, value] of approveBody.entries()) {
@@ -61,7 +62,7 @@ const makeUpdateCategory = (defaultValue: any, userInputValue: any, eventId: str
   return body;
 };
 
-export const handlePostSubmit = async (userInput: any, instance: Api) => {
+export const handlePostSubmit = async (userInput: any, instance: Api, userId: string) => {
   const { placeName, eventType, groupId, artists, startDate, endDate, address, addressDetail, eventImages, description, eventUrl, organizerSns, snsType, tags } = userInput;
   const imgUrlList = await makeImgUrlList(eventImages, instance);
   const tagList = matchTagIdList(tags);
@@ -81,11 +82,11 @@ export const handlePostSubmit = async (userInput: any, instance: Api) => {
     eventImages: imgUrlList,
     tags: tagList,
     isAgreed: true,
-    userId: "post-api",
+    userId,
   });
 };
 
-export const submitEditWriter = async (userInput: any, instance: Api, id?: string | string[]) => {
+export const submitEditWriter = async (userInput: any, instance: Api, userId: string, id?: string | string[]) => {
   const { placeName, eventType, groupId, artists, startDate, endDate, address, addressDetail, eventImages, description, eventUrl, organizerSns, snsType, tags } = userInput;
   const imgUrlList = await makeImgUrlList(eventImages, instance);
   const tagList = matchTagIdList(tags);
@@ -105,12 +106,12 @@ export const submitEditWriter = async (userInput: any, instance: Api, id?: strin
     eventImages: imgUrlList,
     tags: tagList,
     isAgreed: true,
-    userId: "post-api",
+    userId,
   });
 };
 
-export const submitEditApplication = async (instance: Api, defaultValue: any, userInput: any, id?: string | string[]) => {
-  const body = makeUpdateCategory(defaultValue, userInput, id as string);
+export const submitEditApplication = async (instance: Api, defaultValue: any, userInput: any, userId: string, id?: string | string[]) => {
+  const body = makeUpdateCategory(defaultValue, userInput, id as string, userId);
   if ("eventImages" in body) {
     body.eventImages = await makeImgUrlList(body.eventImages || [], instance);
   }
diff --git a/app/globals.css b/app/globals.css
index 45df2844..7757cc61 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -77,3 +77,17 @@
     @apply absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2;
   }
 }
+
+*::-webkit-scrollbar {
+  width: 8px;
+}
+
+*::-webkit-scrollbar-thumb {
+  height: 30%;
+  border-radius: 10px;
+  background: #e0e2e6;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background: #a0a5b1;
+}