From 7a625e8a417ec4e73733ff731dd7cd8190442542 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Thu, 21 Dec 2023 20:02:34 +0900
Subject: [PATCH 01/27] =?UTF-8?q?fix:=20react-query=20=EB=B2=84=EC=A0=84?=
 =?UTF-8?q?=20=EC=97=85=20=EC=97=90=EB=9F=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.tsx                                       | 4 ++--
 src/page/Auth/FindPassword/SendAuthNumber/index.tsx | 2 +-
 src/query/auth.ts                                   | 4 ++--
 src/query/shopCategory.ts                           | 2 +-
 src/query/shops.ts                                  | 2 +-
 src/query/storeCategory.ts                          | 0
 6 files changed, 7 insertions(+), 7 deletions(-)
 delete mode 100644 src/query/storeCategory.ts

diff --git a/src/index.tsx b/src/index.tsx
index f1ad747b..c59f20c5 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -19,10 +19,10 @@ const queryClient = new QueryClient({
       refetchOnReconnect: false,
       retry: 1,
       staleTime: 1000 * 60 * 5,
-      onError: (err) => err instanceof ZodError,
+      throwOnError: (err) => err instanceof ZodError,
     },
     mutations: {
-      onError: (err) => err instanceof ZodError,
+      throwOnError: (err) => err instanceof ZodError,
     },
   },
 });
diff --git a/src/page/Auth/FindPassword/SendAuthNumber/index.tsx b/src/page/Auth/FindPassword/SendAuthNumber/index.tsx
index e59748cf..eeccacea 100644
--- a/src/page/Auth/FindPassword/SendAuthNumber/index.tsx
+++ b/src/page/Auth/FindPassword/SendAuthNumber/index.tsx
@@ -32,7 +32,7 @@ export default function FindPassword() {
                 type="button"
                 className={styles['auth-button']}
                 onClick={() => verifyEmail.mutate(emailInput)}
-                disabled={verifyEmail.isLoading}
+                disabled={verifyEmail.isPending}
               >
                 {verifyEmail.isSuccess ? '재발송' : '인증번호 발송'}
               </button>
diff --git a/src/query/auth.ts b/src/query/auth.ts
index 2e1a0082..f971d0d1 100644
--- a/src/query/auth.ts
+++ b/src/query/auth.ts
@@ -35,10 +35,10 @@ export const useLogin = () => {
 };
 
 export const useVerifyEmail = () => {
-  const { mutate, isLoading, isSuccess } = useMutation({
+  const { mutate, isPending, isSuccess } = useMutation({
     mutationFn: (emailInput: string) => findPasswordVerify({ email: emailInput }),
   });
-  return { verifyEmail: { mutate, isLoading, isSuccess } };
+  return { verifyEmail: { mutate, isPending, isSuccess } };
 };
 
 export const useSubmit = () => {
diff --git a/src/query/shopCategory.ts b/src/query/shopCategory.ts
index 21893e6d..be05037d 100644
--- a/src/query/shopCategory.ts
+++ b/src/query/shopCategory.ts
@@ -4,7 +4,7 @@ import getShopCategory from 'api/category';
 const useShopCategory = () => {
   const { data: categoryList } = useQuery({
     queryKey: ['shopCategory'],
-    queryFn: () => getShopCategory,
+    queryFn: () => getShopCategory(),
   });
   return { categoryList };
 };
diff --git a/src/query/shops.ts b/src/query/shops.ts
index 4b0cf1aa..ea48522e 100644
--- a/src/query/shops.ts
+++ b/src/query/shops.ts
@@ -4,7 +4,7 @@ import { getShopList } from 'api/shop';
 const useShopList = () => {
   const { data: shopList, isError } = useQuery({
     queryKey: ['allshops'],
-    queryFn: () => getShopList,
+    queryFn: () => getShopList(),
   });
   return { shopList, isError };
 };
diff --git a/src/query/storeCategory.ts b/src/query/storeCategory.ts
deleted file mode 100644
index e69de29b..00000000

From 8e6b9e475fd2f9582b1a57a810f944ad0c3ccea8 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Thu, 21 Dec 2023 20:03:08 +0900
Subject: [PATCH 02/27] =?UTF-8?q?feat:=20=EC=B9=B4=ED=85=8C=EA=B3=A0?=
 =?UTF-8?q?=EB=A6=AC=20=EC=84=A0=ED=83=9D=20=EB=A1=9C=EC=A7=81=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../view/Mobile/ShopCategory/index.tsx                 | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx b/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx
index 62bbf143..db2e0457 100644
--- a/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx
@@ -2,6 +2,8 @@ import { useState } from 'react';
 import useStepStore from 'store/useStepStore';
 import useShopCategory from 'query/shopCategory';
 import cn from 'utils/ts/className';
+import { Category as CategoryProps } from 'model/category/storeCategory';
+import useModalStore from 'store/modalStore';
 import styles from './ShopCategory.module.scss';
 
 type Category = string;
@@ -10,6 +12,12 @@ export default function ShopCategory() {
   const { categoryList } = useShopCategory();
   const { increaseStep } = useStepStore();
   const [selectedCategory, setSelectedCategory] = useState<Category | null>(null);
+  const { setCategoryState } = useModalStore();
+
+  const handleCategoryClick = (category: CategoryProps) => {
+    setSelectedCategory(category.name);
+    setCategoryState([category.name, category.id]);
+  };
 
   return (
     <div className={styles.category}>
@@ -22,7 +30,7 @@ export default function ShopCategory() {
               [styles['category__menu--selected']]: category.name === selectedCategory,
             })}
             type="button"
-            onClick={() => setSelectedCategory(category.name)}
+            onClick={() => handleCategoryClick(category)}
             key={category.id}
           >
             <img className={styles.category__image} src={category.image_url} alt="" />

From 3c5b982a8ed446ab4170a9f3294409d23b6a195f Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Fri, 22 Dec 2023 16:21:53 +0900
Subject: [PATCH 03/27] =?UTF-8?q?feat:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20?=
 =?UTF-8?q?=EC=82=AC=EC=A7=84=20=EB=93=B1=EB=A1=9D=20=EB=A1=9C=EC=A7=81=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../view/Mobile/Main/Main.module.scss         | 22 +++++++++++++++++
 .../view/Mobile/Main/index.tsx                | 24 +++++++++++++++----
 2 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/src/page/ShopRegistration/view/Mobile/Main/Main.module.scss b/src/page/ShopRegistration/view/Mobile/Main/Main.module.scss
index 4da8d273..830c10ad 100644
--- a/src/page/ShopRegistration/view/Mobile/Main/Main.module.scss
+++ b/src/page/ShopRegistration/view/Mobile/Main/Main.module.scss
@@ -19,6 +19,28 @@
     }
   }
 
+  &__image-upload {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    width: 295px;
+    height: 200px;
+    border: 1px solid #858585;
+    margin-bottom: 32px;
+  }
+
+  &__upload-file {
+    display: none;
+  }
+
+  &__text {
+    margin-top: 8px;
+    font-size: 14px;
+    color: #858585;
+  }
+
   &__label {
     display: flex;
     justify-content: space-between;
diff --git a/src/page/ShopRegistration/view/Mobile/Main/index.tsx b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
index 5d978dd6..47c21cb3 100644
--- a/src/page/ShopRegistration/view/Mobile/Main/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
@@ -1,16 +1,32 @@
 import { ReactComponent as EmptyImgIcon } from 'assets/svg/shopRegistration/mobile-empty-img.svg';
 import useStepStore from 'store/useStepStore';
+import useImageUpload from 'utils/hooks/useImageUpload';
 import styles from './Main.module.scss';
 
 export default function Main() {
   const { increaseStep } = useStepStore();
+  const { imgFile, imgRef, saveImgFile } = useImageUpload();
 
   return (
     <div className={styles.form}>
-      <div className={styles.form__img}>
-        <EmptyImgIcon />
-        <div>등록된 이미지가 없습니다.</div>
-      </div>
+      <label className={styles['form__image-upload']} htmlFor="mainMenuImage">
+        <input
+          type="file"
+          accept="image/*"
+          id="mainMenuImage"
+          className={styles['form__upload-file']}
+          onChange={saveImgFile}
+          ref={imgRef}
+        />
+        {imgFile
+          ? <img src={imgFile} className={styles['form__main-menu']} alt="" />
+          : (
+            <>
+              <EmptyImgIcon />
+              <span className={styles.form__text}>등록된 이미지가 없습니다.</span>
+            </>
+          )}
+      </label>
       <label htmlFor="name" className={styles.form__label}>
         가게명
         <input type="text" id="name" className={styles.form__input} />

From c44b581efde79592dbf52b2fae3685fdbda88c4c Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Fri, 22 Dec 2023 16:47:06 +0900
Subject: [PATCH 04/27] =?UTF-8?q?feat:=20=EA=B0=80=EA=B2=8C=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=EB=A5=BC=20=EC=A0=84=EC=97=AD=20=EC=83=81=ED=83=9C?=
 =?UTF-8?q?=EB=A1=9C=20=EA=B4=80=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/shopRegistration.ts | 49 +++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/store/shopRegistration.ts

diff --git a/src/store/shopRegistration.ts b/src/store/shopRegistration.ts
new file mode 100644
index 00000000..255c74d8
--- /dev/null
+++ b/src/store/shopRegistration.ts
@@ -0,0 +1,49 @@
+import { create } from 'zustand';
+
+interface ShopRegistrationStore {
+  address: string;
+  categoryId: number;
+  deliveryPrice: number;
+  description: string;
+  imageUrl: string;
+  name: string;
+  phone: string;
+  delivery: boolean;
+  payBank: boolean;
+  payCard: boolean;
+  setAddress: (address: string) => void;
+  setCategoryId: (categoryId: number) => void;
+  setDeliveryPrice: (deliveryPrice: number) => void;
+  setDescription: (description: string) => void;
+  setImageUrl: (imageUrl: string) => void;
+  setName: (name: string) => void;
+  setPhone: (phone: string) => void;
+  setDelivery: (delivery: boolean) => void;
+  setPayBank: (payBank: boolean) => void;
+  setPayCard: (payCard: boolean) => void;
+}
+
+const useShopRegistrationStore = create<ShopRegistrationStore>((set) => ({
+  address: '',
+  categoryId: 0,
+  deliveryPrice: 0,
+  description: '',
+  imageUrl: '',
+  name: '',
+  phone: '',
+  delivery: false,
+  payBank: false,
+  payCard: false,
+  setAddress: (address: string) => set({ address }),
+  setCategoryId: (categoryId: number) => set({ categoryId }),
+  setDeliveryPrice: (deliveryPrice: number) => set({ deliveryPrice }),
+  setDescription: (description: string) => set({ description }),
+  setImageUrl: (imageUrl: string) => set({ imageUrl }),
+  setName: (name: string) => set({ name }),
+  setPhone: (phone: string) => set({ phone }),
+  setDelivery: (delivery: boolean) => set({ delivery }),
+  setPayBank: (payBank: boolean) => set({ payBank }),
+  setPayCard: (payCard: boolean) => set({ payCard }),
+}));
+
+export default useShopRegistrationStore;

From 93a23768aeaaa885b49b8075b4153a21058db946 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Fri, 22 Dec 2023 16:47:31 +0900
Subject: [PATCH 05/27] =?UTF-8?q?feat:=20=EA=B0=80=EA=B2=8C=20=EB=93=B1?=
 =?UTF-8?q?=EB=A1=9D=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EB=A5=BC=20=EC=A0=84?=
 =?UTF-8?q?=EC=97=AD=EC=9C=BC=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/hooks/useImageUpload.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/utils/hooks/useImageUpload.ts b/src/utils/hooks/useImageUpload.ts
index 7228662e..e9aafb97 100644
--- a/src/utils/hooks/useImageUpload.ts
+++ b/src/utils/hooks/useImageUpload.ts
@@ -1,7 +1,8 @@
-import { useState, useRef } from 'react';
+import { useRef } from 'react';
+import useShopRegistrationStore from 'store/shopRegistration';
 
 export default function useImageUpload() {
-  const [imgFile, setImgFile] = useState('');
+  const { imageUrl, setImageUrl } = useShopRegistrationStore();
   const imgRef = useRef<HTMLInputElement>(null);
 
   const saveImgFile = () => {
@@ -11,7 +12,7 @@ export default function useImageUpload() {
     reader.onloadend = () => {
       const { result } = reader;
       if (typeof result === 'string') {
-        setImgFile(result);
+        setImageUrl(result);
       }
     };
     if (file) {
@@ -19,5 +20,5 @@ export default function useImageUpload() {
     }
   };
 
-  return { imgFile, imgRef, saveImgFile };
+  return { imageUrl, imgRef, saveImgFile };
 }

From e6ee1e4e2ad5a287a46dcc3825cb6307987c4c8b Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Fri, 22 Dec 2023 16:49:13 +0900
Subject: [PATCH 06/27] =?UTF-8?q?feat:=20=EA=B0=80=EA=B2=8C=20=EB=93=B1?=
 =?UTF-8?q?=EB=A1=9D=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EC=9D=98=20=EB=B3=80?=
 =?UTF-8?q?=EC=88=98=EB=AA=85=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/view/PC/index.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/page/ShopRegistration/view/PC/index.tsx b/src/page/ShopRegistration/view/PC/index.tsx
index f553efb2..fb41965d 100644
--- a/src/page/ShopRegistration/view/PC/index.tsx
+++ b/src/page/ShopRegistration/view/PC/index.tsx
@@ -51,7 +51,7 @@ export default function ShopRegistrationPC() {
     setTrue: openConfirmPopup,
     setFalse: closeConfirmPopup,
   } = useBooleanState(false);
-  const { imgFile, imgRef, saveImgFile } = useImageUpload();
+  const { imageUrl, imgRef, saveImgFile } = useImageUpload();
 
   const {
     categoryState,
@@ -93,15 +93,19 @@ export default function ShopRegistrationPC() {
       open_time: openTimeArray[index],
     }));
     setValue('open', openValue);
-    setValue('image_urls', [imgFile]);
+    setValue('image_urls', [imageUrl]);
     setValue('name', searchShopState);
     setValue('category_ids', [categoryState[1]]);
-  }, [openTimeState, closeTimeState, imgFile]);
+  }, [openTimeState, closeTimeState, imageUrl]);
 
   const onSubmit: SubmitHandler<OwnerShop> = (data) => {
     mutation.mutate(data);
   };
 
+  useEffect(() => {
+
+  });
+
   // step 1일 때 그리고 모바일에서 PC로 변경 될 때 카테고리 모달을 자동으로 켜줌
   useEffect(() => {
     if (!isMobile && step === 1) {
@@ -150,8 +154,8 @@ export default function ShopRegistrationPC() {
                     onChange={saveImgFile}
                     ref={imgRef}
                   />
-                  {imgFile
-                    ? <img src={imgFile} className={styles['form__main-menu']} alt="" />
+                  {imageUrl
+                    ? <img src={imageUrl} className={styles['form__main-menu']} alt="" />
                     : (
                       <>
                         <Cutlery className={styles['form__cutlery-cross']} />

From 3fa2df8227893a2f59882909ed9c9aa2c04ce89a Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Fri, 22 Dec 2023 16:49:39 +0900
Subject: [PATCH 07/27] =?UTF-8?q?feat:=20=EA=B0=80=EA=B2=8C=EB=AA=85,=20?=
 =?UTF-8?q?=EC=A3=BC=EC=86=8C=EB=A5=BC=20=EC=A0=84=EC=97=AD=20=EC=83=81?=
 =?UTF-8?q?=ED=83=9C=EB=A1=9C=20=EA=B4=80=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../view/Mobile/Main/index.tsx                | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/page/ShopRegistration/view/Mobile/Main/index.tsx b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
index 47c21cb3..35b22877 100644
--- a/src/page/ShopRegistration/view/Mobile/Main/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
@@ -1,11 +1,13 @@
 import { ReactComponent as EmptyImgIcon } from 'assets/svg/shopRegistration/mobile-empty-img.svg';
 import useStepStore from 'store/useStepStore';
 import useImageUpload from 'utils/hooks/useImageUpload';
+import useShopRegistrationStore from 'store/shopRegistration';
 import styles from './Main.module.scss';
 
 export default function Main() {
   const { increaseStep } = useStepStore();
-  const { imgFile, imgRef, saveImgFile } = useImageUpload();
+  const { imageUrl, imgRef, saveImgFile } = useImageUpload();
+  const { setName, setAddress } = useShopRegistrationStore();
 
   return (
     <div className={styles.form}>
@@ -18,8 +20,8 @@ export default function Main() {
           onChange={saveImgFile}
           ref={imgRef}
         />
-        {imgFile
-          ? <img src={imgFile} className={styles['form__main-menu']} alt="" />
+        {imageUrl
+          ? <img src={imageUrl} className={styles['form__main-menu']} alt="" />
           : (
             <>
               <EmptyImgIcon />
@@ -29,11 +31,21 @@ export default function Main() {
       </label>
       <label htmlFor="name" className={styles.form__label}>
         가게명
-        <input type="text" id="name" className={styles.form__input} />
+        <input
+          type="text"
+          id="name"
+          onChange={(e) => setName(e.target.value)}
+          className={styles.form__input}
+        />
       </label>
       <label htmlFor="address" className={styles.form__label}>
         주소정보
-        <input type="text" id="address" className={styles.form__input} />
+        <input
+          type="text"
+          id="address"
+          onChange={(e) => setAddress(e.target.value)}
+          className={styles.form__input}
+        />
       </label>
       <div className={styles.form__button}>
         <button type="button" onClick={increaseStep}>다음</button>

From 4072ff256b8d2b7cb7cf3f98e9676cf90b3f079e Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Fri, 22 Dec 2023 17:55:48 +0900
Subject: [PATCH 08/27] =?UTF-8?q?feat:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20?=
 =?UTF-8?q?=EC=84=B8=EB=B6=80=20=EC=A0=95=EB=B3=B4=20=EC=9E=85=EB=A0=A5=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../OperateTimeMobile.module.scss             |  4 +
 .../Modal/OperateTimeMobile/index.tsx         | 28 +++++-
 .../hooks/useOperateTimeState.ts              |  2 +-
 .../view/Mobile/Sub/index.tsx                 | 90 ++++++++++++++++---
 4 files changed, 111 insertions(+), 13 deletions(-)

diff --git a/src/page/ShopRegistration/component/Modal/OperateTimeMobile/OperateTimeMobile.module.scss b/src/page/ShopRegistration/component/Modal/OperateTimeMobile/OperateTimeMobile.module.scss
index 8e69a404..4a042cac 100644
--- a/src/page/ShopRegistration/component/Modal/OperateTimeMobile/OperateTimeMobile.module.scss
+++ b/src/page/ShopRegistration/component/Modal/OperateTimeMobile/OperateTimeMobile.module.scss
@@ -39,6 +39,10 @@
   &__time-picker {
     display: flex;
     justify-content: center;
+
+    &--selected {
+      color: #c5c5c5;
+    }
   }
 
   &__checkbox {
diff --git a/src/page/ShopRegistration/component/Modal/OperateTimeMobile/index.tsx b/src/page/ShopRegistration/component/Modal/OperateTimeMobile/index.tsx
index 3198ef8e..4e90c0ed 100644
--- a/src/page/ShopRegistration/component/Modal/OperateTimeMobile/index.tsx
+++ b/src/page/ShopRegistration/component/Modal/OperateTimeMobile/index.tsx
@@ -4,6 +4,8 @@ import useStepStore from 'store/useStepStore';
 import TimePicker from 'page/ShopRegistration/component/TimePicker';
 import { WEEK } from 'utils/constant/week';
 import { createPortal } from 'react-dom';
+import useModalStore from 'store/modalStore';
+import cn from 'utils/ts/className';
 import styles from './OperateTimeMobile.module.scss';
 
 interface OperateTimeMobileProps {
@@ -13,6 +15,17 @@ interface OperateTimeMobileProps {
 
 export default function OperateTimeMobile({ isOpen, closeModal }: OperateTimeMobileProps) {
   const step = useStepStore((state) => state.step);
+  const { shopClosedState } = useModalStore();
+
+  const handleShopClosedChange = (day: string) => {
+    useModalStore.setState((prev) => ({
+      ...prev,
+      shopClosedState: {
+        ...prev.shopClosedState,
+        [day]: !prev.shopClosedState[day],
+      },
+    }));
+  };
 
   if (!isOpen) return null;
   return createPortal(
@@ -36,12 +49,23 @@ export default function OperateTimeMobile({ isOpen, closeModal }: OperateTimeMob
               {WEEK.map((day) => (
                 <tr className={styles.table__data} key={day}>
                   <td>{day}</td>
-                  <td className={styles['table__time-picker']}>
+                  <td className={cn({
+                    [styles['table__time-picker']]: true,
+                    [styles['table__time-picker--selected']]: shopClosedState[day],
+                  })}
+                  >
                     <TimePicker operatingDay={day} isOpenTimePicker />
                     {' ~ '}
                     <TimePicker operatingDay={day} isOpenTimePicker={false} />
                   </td>
-                  <td><input type="checkbox" className={styles.table__checkbox} /></td>
+                  <td>
+                    <input
+                      type="checkbox"
+                      onChange={() => handleShopClosedChange(day)}
+                      className={styles.table__checkbox}
+                      checked={shopClosedState[day]}
+                    />
+                  </td>
                 </tr>
               ))}
             </tbody>
diff --git a/src/page/ShopRegistration/hooks/useOperateTimeState.ts b/src/page/ShopRegistration/hooks/useOperateTimeState.ts
index 888ac8d0..4fa82959 100644
--- a/src/page/ShopRegistration/hooks/useOperateTimeState.ts
+++ b/src/page/ShopRegistration/hooks/useOperateTimeState.ts
@@ -18,7 +18,7 @@ export default function useOperateTimeState() {
   useEffect(() => {
     setOperateTimeState((prevOperateTimeState) => ({
       ...prevOperateTimeState,
-      holiday: `매주 ${WEEK.filter((day) => shopClosedState[day]).join('요일 ')}요일 정기 휴무`,
+      holiday: `매주 ${WEEK.filter((day) => shopClosedState[day]).join(' ')} 정기 휴무`,
       time: `${openTimeState[openDay]} ~ ${closeTimeState[openDay]}`,
     }));
   }, [openTimeState, closeTimeState, shopClosedState, openDay]);
diff --git a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
index 90cffd00..9dd1f4aa 100644
--- a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
@@ -2,6 +2,11 @@
 import OperateTimeMobile from 'page/ShopRegistration/component/Modal/OperateTimeMobile';
 import useBooleanState from 'utils/hooks/useBooleanState';
 import useStepStore from 'store/useStepStore';
+import useShopRegistrationStore from 'store/shopRegistration';
+import useOperateTimeState from 'page/ShopRegistration/hooks/useOperateTimeState';
+import CheckSameTime from 'page/ShopRegistration/hooks/CheckSameTime';
+import { WEEK } from 'utils/constant/week';
+import useModalStore from 'store/modalStore';
 import styles from './Sub.module.scss';
 
 export default function Sub() {
@@ -11,20 +16,65 @@ export default function Sub() {
     setTrue: openOperateTime,
     setFalse: closeOperateTime,
   } = useBooleanState(false);
+  const {
+    setPhone, setDeliveryPrice, setDescription, setDelivery, setPayBank, setPayCard,
+  } = useShopRegistrationStore();
+
+  const operateTimeState = useOperateTimeState();
+  const { isAllSameTime, hasClosedDay, isSpecificDayClosedAndAllSameTime } = CheckSameTime();
+  const { shopClosedState } = useModalStore();
 
   return (
     <div className={styles.form}>
       <label htmlFor="phone" className={styles.form__label}>
         전화번호
-        <input type="text" id="phone" className={styles.form__input} />
+        <input
+          type="text"
+          id="phone"
+          onChange={(e) => setPhone(e.target.value)}
+          className={styles.form__input}
+        />
       </label>
-      <label htmlFor="delivery-cost" className={styles.form__label}>
+      <label htmlFor="deliveryPrice" className={styles.form__label}>
         배달금액
-        <input type="text" id="delivery-cost" className={styles.form__input} />
+        <input
+          type="number"
+          id="deliveryPrice"
+          onChange={(e) => setDeliveryPrice(Number(e.target.value))}
+          className={styles.form__input}
+        />
       </label>
-      <label className={styles.form__label}>
+      <div className={styles.form__label}>
         운영시간
-        <span>00:00~24:00</span>
+        <span>
+          {
+            isAllSameTime && !hasClosedDay ? (
+              <div>
+                {operateTimeState.time}
+              </div>
+            )
+              : null
+          }
+          {
+            isSpecificDayClosedAndAllSameTime ? (
+              <div>
+                <div>{operateTimeState.time}</div>
+                <div>{operateTimeState.holiday}</div>
+              </div>
+            ) : null
+          }
+          {
+            !isAllSameTime && !isSpecificDayClosedAndAllSameTime ? (
+              <>
+                {WEEK.map((day) => (
+                  <div key={day}>
+                    {shopClosedState[day] ? `${operateTimeState[day]}` : `${day} : ${operateTimeState[day]}`}
+                  </div>
+                ))}
+              </>
+            ) : null
+          }
+        </span>
         <button
           type="button"
           className={styles['form__label-button']}
@@ -33,22 +83,42 @@ export default function Sub() {
           수정
         </button>
         <OperateTimeMobile isOpen={showOperateTime} closeModal={closeOperateTime} />
-      </label>
+      </div>
       <label htmlFor="extra-info" className={styles.form__label}>
         기타정보
-        <input type="text" id="extra-info" className={styles.form__input} />
+        <input
+          type="text"
+          id="extra-info"
+          className={styles.form__input}
+          onChange={(e) => setDescription(e.target.value)}
+        />
       </label>
       <div className={styles.form__checkbox}>
         <label htmlFor="delivery" className={styles['form__checkbox-label']}>
-          <input type="checkbox" id="delivery" className={styles['form__checkbox-input']} />
+          <input
+            type="checkbox"
+            id="delivery"
+            onChange={(e) => setDelivery(e.target.checked)}
+            className={styles['form__checkbox-input']}
+          />
           <span>배달 가능</span>
         </label>
         <label htmlFor="card" className={styles['form__checkbox-label']}>
-          <input type="checkbox" id="card" className={styles['form__checkbox-input']} />
+          <input
+            type="checkbox"
+            id="card"
+            onChange={(e) => setPayCard(e.target.checked)}
+            className={styles['form__checkbox-input']}
+          />
           <span>카드 가능</span>
         </label>
         <label htmlFor="bank" className={styles['form__checkbox-label']}>
-          <input type="checkbox" id="bank" className={styles['form__checkbox-input']} />
+          <input
+            type="checkbox"
+            id="bank"
+            onChange={(e) => setPayBank(e.target.checked)}
+            className={styles['form__checkbox-input']}
+          />
           <span>계좌이체 가능</span>
         </label>
       </div>

From 53fd0e670a6a291b254650ae28556f99e7f496f6 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Mon, 25 Dec 2023 13:54:52 +0900
Subject: [PATCH 09/27] =?UTF-8?q?fix:=20=EB=B0=B0=EB=8B=AC=20=EB=B9=84?=
 =?UTF-8?q?=EC=9A=A9=20=ED=83=80=EC=9E=85=EC=9D=84=20=EC=88=AB=EC=9E=90?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/model/shopInfo/ownerShop.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/model/shopInfo/ownerShop.ts b/src/model/shopInfo/ownerShop.ts
index 1a7fe023..1f6e46fd 100644
--- a/src/model/shopInfo/ownerShop.ts
+++ b/src/model/shopInfo/ownerShop.ts
@@ -4,7 +4,7 @@ import { Shop } from './allShopInfo';
 export const OwnerShop = Shop.omit({ id: true }).extend({
   address: z.string(),
   description: z.string(),
-  delivery_price: z.string(),
+  delivery_price: z.number(),
   image_urls: z.array(z.string()),
 });
 

From 152f33f7cdb9cbc0d194d72ca03a747395b078fc Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Mon, 25 Dec 2023 13:58:17 +0900
Subject: [PATCH 10/27] =?UTF-8?q?refactor:=20=EC=B9=B4=ED=85=8C=EA=B3=A0?=
 =?UTF-8?q?=EB=A6=AC=20=EC=9D=B4=EB=A6=84=20=EB=B0=8F=20=EC=95=84=EC=9D=B4?=
 =?UTF-8?q?=EB=94=94=EB=A5=BC=20=EC=A0=84=EC=97=AD=20=EB=B3=80=EC=88=98?=
 =?UTF-8?q?=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/Modal/Category/index.tsx        | 24 ++++++++--------
 .../view/Mobile/ShopCategory/index.tsx        | 28 +++++++++----------
 src/page/ShopRegistration/view/PC/index.tsx   | 12 ++++----
 src/store/modalStore.ts                       |  4 ---
 src/store/shopRegistration.ts                 |  4 +++
 5 files changed, 33 insertions(+), 39 deletions(-)

diff --git a/src/page/ShopRegistration/component/Modal/Category/index.tsx b/src/page/ShopRegistration/component/Modal/Category/index.tsx
index 6dbc1cd2..eb431622 100644
--- a/src/page/ShopRegistration/component/Modal/Category/index.tsx
+++ b/src/page/ShopRegistration/component/Modal/Category/index.tsx
@@ -1,34 +1,32 @@
 import useShopCategory from 'query/shopCategory';
-import { useState } from 'react';
 import cn from 'utils/ts/className';
-import useModalStore from 'store/modalStore';
 import { Category as CategoryProps } from 'model/category/storeCategory';
+import useShopRegistrationStore from 'store/shopRegistration';
 import styles from './Category.module.scss';
 
 export default function Category() {
-  const [selectedCategory, setSelectedCategory] = useState('');
   const { categoryList } = useShopCategory();
-  const { setCategoryState } = useModalStore();
+  const { category, setCategory, setCategoryId } = useShopRegistrationStore();
 
-  const handleCategoryClick = (category: CategoryProps) => {
-    setSelectedCategory(category.name);
-    setCategoryState([category.name, category.id]);
+  const handleCategoryClick = (categoryInfo: CategoryProps) => {
+    setCategory(categoryInfo.name);
+    setCategoryId(categoryInfo.id);
   };
 
   return (
     <div className={styles.category}>
-      {categoryList?.shop_categories.filter((_, index) => index > 0).map((category) => (
+      {categoryList?.shop_categories.filter((_, index) => index > 0).map((categoryInfo) => (
         <button
           className={cn({
             [styles.category__menu]: true,
-            [styles['category__menu--selected']]: category.name === selectedCategory,
+            [styles['category__menu--selected']]: categoryInfo.name === category,
           })}
           type="button"
-          onClick={() => { handleCategoryClick(category); }}
-          key={category.id}
+          onClick={() => { handleCategoryClick(categoryInfo); }}
+          key={categoryInfo.id}
         >
-          <img className={styles.category__image} src={category.image_url} alt="" />
-          <span className={styles.category__type}>{category.name}</span>
+          <img className={styles.category__image} src={categoryInfo.image_url} alt="" />
+          <span className={styles.category__type}>{categoryInfo.name}</span>
         </button>
       ))}
     </div>
diff --git a/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx b/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx
index db2e0457..6f8e4a5b 100644
--- a/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx
@@ -1,40 +1,38 @@
-import { useState } from 'react';
 import useStepStore from 'store/useStepStore';
 import useShopCategory from 'query/shopCategory';
 import cn from 'utils/ts/className';
 import { Category as CategoryProps } from 'model/category/storeCategory';
-import useModalStore from 'store/modalStore';
+import useShopRegistrationStore from 'store/shopRegistration';
 import styles from './ShopCategory.module.scss';
 
-type Category = string;
-
 export default function ShopCategory() {
   const { categoryList } = useShopCategory();
   const { increaseStep } = useStepStore();
-  const [selectedCategory, setSelectedCategory] = useState<Category | null>(null);
-  const { setCategoryState } = useModalStore();
+  const {
+    category, setCategory, setCategoryId,
+  } = useShopRegistrationStore();
 
-  const handleCategoryClick = (category: CategoryProps) => {
-    setSelectedCategory(category.name);
-    setCategoryState([category.name, category.id]);
+  const handleCategoryClick = (categoryInfo: CategoryProps) => {
+    setCategory(categoryInfo.name);
+    setCategoryId(categoryInfo.id);
   };
 
   return (
     <div className={styles.category}>
       <div className={styles.category__title}>카테고리를 골라주세요.</div>
       <div className={styles.category__wrapper}>
-        {categoryList?.shop_categories.filter((_, index) => index > 0).map((category) => (
+        {categoryList?.shop_categories.filter((_, index) => index > 0).map((categoryInfo) => (
           <button
             className={cn({
               [styles.category__menu]: true,
-              [styles['category__menu--selected']]: category.name === selectedCategory,
+              [styles['category__menu--selected']]: categoryInfo.name === category,
             })}
             type="button"
-            onClick={() => handleCategoryClick(category)}
-            key={category.id}
+            onClick={() => handleCategoryClick(categoryInfo)}
+            key={categoryInfo.id}
           >
-            <img className={styles.category__image} src={category.image_url} alt="" />
-            <span className={styles.category__type}>{category.name}</span>
+            <img className={styles.category__image} src={categoryInfo.image_url} alt="" />
+            <span className={styles.category__type}>{categoryInfo.name}</span>
           </button>
         ))}
       </div>
diff --git a/src/page/ShopRegistration/view/PC/index.tsx b/src/page/ShopRegistration/view/PC/index.tsx
index fb41965d..73e86178 100644
--- a/src/page/ShopRegistration/view/PC/index.tsx
+++ b/src/page/ShopRegistration/view/PC/index.tsx
@@ -25,6 +25,7 @@ import { postShop } from 'api/shop';
 import useImageUpload from 'utils/hooks/useImageUpload';
 import CheckSameTime from 'page/ShopRegistration/hooks/CheckSameTime';
 import useOperateTimeState from 'page/ShopRegistration/hooks/useOperateTimeState';
+import useShopRegistrationStore from 'store/shopRegistration';
 import styles from './ShopRegistrationPC.module.scss';
 
 export default function ShopRegistrationPC() {
@@ -54,7 +55,6 @@ export default function ShopRegistrationPC() {
   const { imageUrl, imgRef, saveImgFile } = useImageUpload();
 
   const {
-    categoryState,
     searchShopState,
     setSearchShopState,
     openTimeState,
@@ -62,6 +62,8 @@ export default function ShopRegistrationPC() {
     shopClosedState,
   } = useModalStore();
 
+  const { categoryId, category } = useShopRegistrationStore();
+
   const operateTimeState = useOperateTimeState();
 
   const {
@@ -95,17 +97,13 @@ export default function ShopRegistrationPC() {
     setValue('open', openValue);
     setValue('image_urls', [imageUrl]);
     setValue('name', searchShopState);
-    setValue('category_ids', [categoryState[1]]);
+    setValue('category_ids', [categoryId]);
   }, [openTimeState, closeTimeState, imageUrl]);
 
   const onSubmit: SubmitHandler<OwnerShop> = (data) => {
     mutation.mutate(data);
   };
 
-  useEffect(() => {
-
-  });
-
   // step 1일 때 그리고 모바일에서 PC로 변경 될 때 카테고리 모달을 자동으로 켜줌
   useEffect(() => {
     if (!isMobile && step === 1) {
@@ -170,7 +168,7 @@ export default function ShopRegistrationPC() {
                   <input
                     type="text"
                     className={styles.form__input}
-                    value={categoryState[0]}
+                    value={category}
                     readOnly
                   />
                   <CustomButton content="카테고리 검색" buttonSize="small" onClick={openCategory} />
diff --git a/src/store/modalStore.ts b/src/store/modalStore.ts
index db155d39..a0c821d2 100644
--- a/src/store/modalStore.ts
+++ b/src/store/modalStore.ts
@@ -4,12 +4,10 @@ import { WEEK } from 'utils/constant/week';
 type OperatingTime = { [key in typeof WEEK[number]]: string | null };
 
 interface ModalStore {
-  categoryState: [string, number];
   searchShopState: string;
   openTimeState: OperatingTime;
   closeTimeState: OperatingTime;
   shopClosedState: { [key: string]: boolean };
-  setCategoryState: (state: [string, number]) => void;
   setSearchShopState: (state: string) => void;
   setOpenTimeState: (state: OperatingTime) => void;
   setCloseTimeState: (state: OperatingTime) => void;
@@ -37,12 +35,10 @@ const initialShopClosed = {
 };
 
 const useModalStore = create<ModalStore>((set) => ({
-  categoryState: ['', 0],
   searchShopState: '',
   openTimeState: initialOperatingTime,
   closeTimeState: initialOperatingTime,
   shopClosedState: initialShopClosed,
-  setCategoryState: (state) => set({ categoryState: state }),
   setSearchShopState: (state) => set({ searchShopState: state }),
   setOpenTimeState: (state) => set(() => ({ openTimeState: state })),
   setCloseTimeState: (state) => set(() => ({ closeTimeState: state })),
diff --git a/src/store/shopRegistration.ts b/src/store/shopRegistration.ts
index 255c74d8..231b36e7 100644
--- a/src/store/shopRegistration.ts
+++ b/src/store/shopRegistration.ts
@@ -2,6 +2,7 @@ import { create } from 'zustand';
 
 interface ShopRegistrationStore {
   address: string;
+  category: string;
   categoryId: number;
   deliveryPrice: number;
   description: string;
@@ -12,6 +13,7 @@ interface ShopRegistrationStore {
   payBank: boolean;
   payCard: boolean;
   setAddress: (address: string) => void;
+  setCategory: (category: string) => void;
   setCategoryId: (categoryId: number) => void;
   setDeliveryPrice: (deliveryPrice: number) => void;
   setDescription: (description: string) => void;
@@ -25,6 +27,7 @@ interface ShopRegistrationStore {
 
 const useShopRegistrationStore = create<ShopRegistrationStore>((set) => ({
   address: '',
+  category: '',
   categoryId: 0,
   deliveryPrice: 0,
   description: '',
@@ -35,6 +38,7 @@ const useShopRegistrationStore = create<ShopRegistrationStore>((set) => ({
   payBank: false,
   payCard: false,
   setAddress: (address: string) => set({ address }),
+  setCategory: (category: string) => set({ category }),
   setCategoryId: (categoryId: number) => set({ categoryId }),
   setDeliveryPrice: (deliveryPrice: number) => set({ deliveryPrice }),
   setDescription: (description: string) => set({ description }),

From 3f5330415fbcb0cc0ce82199537fa448851f7182 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Mon, 25 Dec 2023 13:59:06 +0900
Subject: [PATCH 11/27] =?UTF-8?q?feat:=20=EC=9E=85=EB=A0=A5=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=EB=A5=BC=20=EC=A0=80=EC=9E=A5=ED=95=98=EB=8A=94=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/view/Mobile/Main/index.tsx |  6 +++++-
 src/page/ShopRegistration/view/Mobile/Sub/index.tsx  | 10 ++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/page/ShopRegistration/view/Mobile/Main/index.tsx b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
index 35b22877..2d3f6901 100644
--- a/src/page/ShopRegistration/view/Mobile/Main/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
@@ -7,7 +7,9 @@ import styles from './Main.module.scss';
 export default function Main() {
   const { increaseStep } = useStepStore();
   const { imageUrl, imgRef, saveImgFile } = useImageUpload();
-  const { setName, setAddress } = useShopRegistrationStore();
+  const {
+    name, setName, address, setAddress,
+  } = useShopRegistrationStore();
 
   return (
     <div className={styles.form}>
@@ -35,6 +37,7 @@ export default function Main() {
           type="text"
           id="name"
           onChange={(e) => setName(e.target.value)}
+          value={name}
           className={styles.form__input}
         />
       </label>
@@ -44,6 +47,7 @@ export default function Main() {
           type="text"
           id="address"
           onChange={(e) => setAddress(e.target.value)}
+          value={address}
           className={styles.form__input}
         />
       </label>
diff --git a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
index 9dd1f4aa..d9fa374c 100644
--- a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
@@ -20,6 +20,10 @@ export default function Sub() {
     setPhone, setDeliveryPrice, setDescription, setDelivery, setPayBank, setPayCard,
   } = useShopRegistrationStore();
 
+  const {
+    phone, deliveryPrice, description, delivery, payBank, payCard,
+  } = useShopRegistrationStore();
+
   const operateTimeState = useOperateTimeState();
   const { isAllSameTime, hasClosedDay, isSpecificDayClosedAndAllSameTime } = CheckSameTime();
   const { shopClosedState } = useModalStore();
@@ -32,6 +36,7 @@ export default function Sub() {
           type="text"
           id="phone"
           onChange={(e) => setPhone(e.target.value)}
+          value={phone}
           className={styles.form__input}
         />
       </label>
@@ -41,6 +46,7 @@ export default function Sub() {
           type="number"
           id="deliveryPrice"
           onChange={(e) => setDeliveryPrice(Number(e.target.value))}
+          value={deliveryPrice}
           className={styles.form__input}
         />
       </label>
@@ -91,6 +97,7 @@ export default function Sub() {
           id="extra-info"
           className={styles.form__input}
           onChange={(e) => setDescription(e.target.value)}
+          value={description}
         />
       </label>
       <div className={styles.form__checkbox}>
@@ -100,6 +107,7 @@ export default function Sub() {
             id="delivery"
             onChange={(e) => setDelivery(e.target.checked)}
             className={styles['form__checkbox-input']}
+            checked={delivery}
           />
           <span>배달 가능</span>
         </label>
@@ -109,6 +117,7 @@ export default function Sub() {
             id="card"
             onChange={(e) => setPayCard(e.target.checked)}
             className={styles['form__checkbox-input']}
+            checked={payCard}
           />
           <span>카드 가능</span>
         </label>
@@ -118,6 +127,7 @@ export default function Sub() {
             id="bank"
             onChange={(e) => setPayBank(e.target.checked)}
             className={styles['form__checkbox-input']}
+            checked={payBank}
           />
           <span>계좌이체 가능</span>
         </label>

From 290a8cc1d8ae7110c71906106102e63cb3e23f7f Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Mon, 25 Dec 2023 13:59:31 +0900
Subject: [PATCH 12/27] =?UTF-8?q?feat:=20=EA=B0=80=EA=B2=8C=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=ED=99=95=EC=9D=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../view/Mobile/ShopConfirmation/index.tsx    | 115 +++++++++++++++---
 1 file changed, 99 insertions(+), 16 deletions(-)

diff --git a/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx b/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
index 7cc19d57..513c7ab6 100644
--- a/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
@@ -1,62 +1,145 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import useStepStore from 'store/useStepStore';
+import useShopRegistrationStore from 'store/shopRegistration';
+import useOperateTimeState from 'page/ShopRegistration/hooks/useOperateTimeState';
+import { SubmitHandler, useForm } from 'react-hook-form';
+import { OwnerShop } from 'model/shopInfo/ownerShop';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useMutation } from '@tanstack/react-query';
+import { postShop } from 'api/shop';
+import { useEffect } from 'react';
+import { DAY_OF_WEEK, WEEK } from 'utils/constant/week';
+import useModalStore from 'store/modalStore';
+import CheckSameTime from 'page/ShopRegistration/hooks/CheckSameTime';
 import styles from './ShopConfirmation.module.scss';
 
 export default function ShopConfirmation() {
-  const { increaseStep } = useStepStore();
+  const { increaseStep, setStep } = useStepStore();
+  const {
+    category,
+    categoryId,
+    name, address, phone, deliveryPrice, description, delivery, payBank, payCard,
+  } = useShopRegistrationStore();
+  const operateTimeState = useOperateTimeState();
+
+  const { handleSubmit, setValue } = useForm<OwnerShop>({
+    resolver: zodResolver(OwnerShop),
+  });
+
+  const mutation = useMutation({
+    mutationFn: (form: OwnerShop) => postShop(form),
+    onSuccess: () => setStep(5),
+  });
+
+  const onSubmit: SubmitHandler<OwnerShop> = (data) => {
+    mutation.mutate(data);
+  };
+
+  const { openTimeState, closeTimeState, shopClosedState } = useModalStore();
+  const { isAllSameTime, hasClosedDay, isSpecificDayClosedAndAllSameTime } = CheckSameTime();
+
+  const openTimeArray = Object.values(openTimeState);
+  const closeTimeArray = Object.values(closeTimeState);
+  const shopClosedArray = Object.values(shopClosedState);
+
+  useEffect(() => {
+    const openValue = DAY_OF_WEEK.map((day, index) => ({
+      close_time: closeTimeArray[index],
+      closed: shopClosedArray[index],
+      day_of_week: day,
+      open_time: openTimeArray[index],
+    }));
+    setValue('category_ids', [categoryId]);
+    setValue('name', name);
+    setValue('address', address);
+    setValue('phone', phone);
+    setValue('delivery_price', deliveryPrice);
+    setValue('description', description);
+    setValue('delivery', delivery);
+    setValue('pay_bank', payBank);
+    setValue('pay_card', payCard);
+    setValue('open', openValue);
+  }, []);
 
   return (
-    <>
+    <form onSubmit={handleSubmit(onSubmit)}>
       <div className={styles.form}>
         <div className={styles.form__info}>
           <span className={styles.form__title}>카테고리</span>
-          <span className={styles.form__value}>족발</span>
+          <span className={styles.form__value}>{category}</span>
         </div>
         <div className={styles.form__info}>
           <span className={styles.form__title}>가게명</span>
-          <span className={styles.form__value}>가장 맛있는 족발</span>
+          <span className={styles.form__value}>{name}</span>
         </div>
         <div className={styles.form__info}>
           <span className={styles.form__title}>주소정보</span>
-          <span className={styles.form__value}>천안시 동남구 충절로 880 가동 1층</span>
+          <span className={styles.form__value}>{address}</span>
         </div>
         <div className={styles.form__info}>
           <span className={styles.form__title}>전화번호</span>
-          <span className={styles.form__value}>010-1234-5678</span>
+          <span className={styles.form__value}>{phone}</span>
         </div>
         <div className={styles.form__info}>
           <span className={styles.form__title}>배달금액</span>
-          <span className={styles.form__value}>무료</span>
+          <span className={styles.form__value}>{deliveryPrice}</span>
         </div>
         <div className={styles.form__info}>
           <span className={styles.form__title}>운영시간</span>
           <span className={styles.form__value}>
-            11:00~21:00
-            <br />
-            매주 화요일 정기 휴무
+            <span>
+              {
+                isAllSameTime && !hasClosedDay ? (
+                  <div>
+                    {operateTimeState.time}
+                  </div>
+                )
+                  : null
+              }
+              {
+                isSpecificDayClosedAndAllSameTime ? (
+                  <div>
+                    <div>{operateTimeState.time}</div>
+                    <div>{operateTimeState.holiday}</div>
+                  </div>
+                ) : null
+              }
+              {
+                !isAllSameTime && !isSpecificDayClosedAndAllSameTime ? (
+                  <>
+                    {WEEK.map((day) => (
+                      <div key={day}>
+                        {shopClosedState[day] ? `${operateTimeState[day]}` : `${day} : ${operateTimeState[day]}`}
+                      </div>
+                    ))}
+                  </>
+                ) : null
+              }
+            </span>
           </span>
         </div>
         <div className={styles.form__info}>
           <span className={styles.form__title}>기타정보</span>
-          <span className={styles.form__value}>3대째 다져온 고집스러운 맛</span>
+          <span className={styles.form__value}>{description}</span>
         </div>
         <div className={styles.form__checkbox}>
           <label htmlFor="delivery" className={styles['form__checkbox-label']}>
-            <input type="checkbox" id="delivery" className={styles['form__checkbox-input']} />
+            <input type="checkbox" id="delivery" className={styles['form__checkbox-input']} readOnly checked={delivery} />
             <span>배달 가능</span>
           </label>
           <label htmlFor="card" className={styles['form__checkbox-label']}>
-            <input type="checkbox" id="card" className={styles['form__checkbox-input']} />
+            <input type="checkbox" id="card" className={styles['form__checkbox-input']} readOnly checked={payCard} />
             <span>카드 가능</span>
           </label>
           <label htmlFor="bank" className={styles['form__checkbox-label']}>
-            <input type="checkbox" id="bank" className={styles['form__checkbox-input']} />
+            <input type="checkbox" id="bank" className={styles['form__checkbox-input']} readOnly checked={payBank} />
             <span>계좌이체 가능</span>
           </label>
         </div>
       </div>
       <div className={styles.form__button}>
-        <button type="button" onClick={increaseStep}>등록</button>
+        <button type="submit" onClick={increaseStep}>등록</button>
       </div>
-    </>
+    </form>
   );
 }

From 23d8253768ed63a0776b96ad3245c30533e73a5a Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Mon, 25 Dec 2023 14:37:00 +0900
Subject: [PATCH 13/27] =?UTF-8?q?fix:=20UI=EA=B0=80=20=EA=B2=B9=EC=B9=98?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EA=B2=8C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/view/Mobile/Sub/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
index d9fa374c..850b8768 100644
--- a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
@@ -28,6 +28,12 @@ export default function Sub() {
   const { isAllSameTime, hasClosedDay, isSpecificDayClosedAndAllSameTime } = CheckSameTime();
   const { shopClosedState } = useModalStore();
 
+  if (showOperateTime) {
+    return (
+      <OperateTimeMobile isOpen={showOperateTime} closeModal={closeOperateTime} />
+    );
+  }
+
   return (
     <div className={styles.form}>
       <label htmlFor="phone" className={styles.form__label}>
@@ -88,7 +94,6 @@ export default function Sub() {
         >
           수정
         </button>
-        <OperateTimeMobile isOpen={showOperateTime} closeModal={closeOperateTime} />
       </div>
       <label htmlFor="extra-info" className={styles.form__label}>
         기타정보

From b8518aa218dc62c403d4ffbd78a5321dec9573bd Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Mon, 25 Dec 2023 15:35:10 +0900
Subject: [PATCH 14/27] =?UTF-8?q?refactor:=20=EA=B0=80=EA=B2=8C=EB=AA=85?=
 =?UTF-8?q?=20=EC=A0=84=EC=97=AD=20=EC=83=81=ED=83=9C=EB=A5=BC=20name?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ShopRegistration/component/Modal/ConfirmShop/index.tsx  | 6 +++---
 src/store/modalStore.ts                                     | 4 ----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/page/ShopRegistration/component/Modal/ConfirmShop/index.tsx b/src/page/ShopRegistration/component/Modal/ConfirmShop/index.tsx
index 03074942..c2bc7072 100644
--- a/src/page/ShopRegistration/component/Modal/ConfirmShop/index.tsx
+++ b/src/page/ShopRegistration/component/Modal/ConfirmShop/index.tsx
@@ -1,4 +1,4 @@
-import useModalStore from 'store/modalStore';
+import useShopRegistrationStore from 'store/shopRegistration';
 import styles from './ConfirmShop.module.scss';
 
 interface ShopInfo {
@@ -13,7 +13,7 @@ interface ConfirmShopProps {
 }
 
 export default function ConfirmShop({ open, onCancel, selectedShop }: ConfirmShopProps) {
-  const { setSearchShopState: setSearchStoreState } = useModalStore();
+  const { setName } = useShopRegistrationStore();
   if (!open) return null;
   return (
     <div className={styles.container}>
@@ -28,7 +28,7 @@ export default function ConfirmShop({ open, onCancel, selectedShop }: ConfirmSho
         type="button"
         className={styles['container__select-button']}
         onClick={() => {
-          setSearchStoreState(selectedShop.name);
+          setName(selectedShop.name);
           onCancel();
         }}
       >
diff --git a/src/store/modalStore.ts b/src/store/modalStore.ts
index a0c821d2..d078e2a7 100644
--- a/src/store/modalStore.ts
+++ b/src/store/modalStore.ts
@@ -4,11 +4,9 @@ import { WEEK } from 'utils/constant/week';
 type OperatingTime = { [key in typeof WEEK[number]]: string | null };
 
 interface ModalStore {
-  searchShopState: string;
   openTimeState: OperatingTime;
   closeTimeState: OperatingTime;
   shopClosedState: { [key: string]: boolean };
-  setSearchShopState: (state: string) => void;
   setOpenTimeState: (state: OperatingTime) => void;
   setCloseTimeState: (state: OperatingTime) => void;
   setShopClosedState: (state: { [key: string]: boolean }) => void;
@@ -35,11 +33,9 @@ const initialShopClosed = {
 };
 
 const useModalStore = create<ModalStore>((set) => ({
-  searchShopState: '',
   openTimeState: initialOperatingTime,
   closeTimeState: initialOperatingTime,
   shopClosedState: initialShopClosed,
-  setSearchShopState: (state) => set({ searchShopState: state }),
   setOpenTimeState: (state) => set(() => ({ openTimeState: state })),
   setCloseTimeState: (state) => set(() => ({ closeTimeState: state })),
   setShopClosedState: (state) => set({ shopClosedState: state }),

From 5ee2c4db97e5f5a58d128cb7b432227d76c36e36 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Mon, 25 Dec 2023 15:36:01 +0900
Subject: [PATCH 15/27] =?UTF-8?q?refactor:=20=EB=AA=A8=EB=B0=94=EC=9D=BC?=
 =?UTF-8?q?=EA=B3=BC=20PC=EC=97=90=EC=84=9C=20=EC=9E=85=EB=A0=A5=ED=95=9C?=
 =?UTF-8?q?=20=EA=B0=92=EC=9D=B4=20=EA=B3=B5=EC=9C=A0=EB=90=98=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/InputBox/index.tsx              | 35 +++++++++++----
 src/page/ShopRegistration/view/PC/index.tsx   | 43 +++++++++++++++----
 2 files changed, 61 insertions(+), 17 deletions(-)

diff --git a/src/page/ShopRegistration/component/InputBox/index.tsx b/src/page/ShopRegistration/component/InputBox/index.tsx
index b93b772c..369a111e 100644
--- a/src/page/ShopRegistration/component/InputBox/index.tsx
+++ b/src/page/ShopRegistration/component/InputBox/index.tsx
@@ -1,6 +1,7 @@
 import type { UseFormRegister } from 'react-hook-form';
 import { OwnerShop } from 'model/shopInfo/ownerShop';
-import { HTMLInputTypeAttribute, useState } from 'react';
+import { ChangeEvent, HTMLInputTypeAttribute } from 'react';
+import useShopRegistrationStore from 'store/shopRegistration';
 import styles from './InputBox.module.scss';
 
 interface InputBoxProps {
@@ -21,12 +22,30 @@ function formatPhoneNumber(inputNumber: string) {
 export default function InputBox({
   content, id, register, inputType,
 }: InputBoxProps) {
-  const [formattedPhoneNumber, setFormattedPhoneNumber] = useState('');
+  const {
+    setAddress, setPhone, setDeliveryPrice, setDescription,
+  } = useShopRegistrationStore();
 
-  const handlePhoneChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const inputNumber = e.target.value;
-    const formattedNumber = formatPhoneNumber(inputNumber);
-    setFormattedPhoneNumber(formattedNumber);
+  const {
+    address, phone, deliveryPrice, description,
+  } = useShopRegistrationStore();
+
+  const handleValueChange = (e: ChangeEvent<HTMLInputElement>) => {
+    const inputValue = e.target.value;
+    if (id === 'address') setAddress(inputValue);
+    if (id === 'delivery_price') setDeliveryPrice(Number(inputValue));
+    if (id === 'description') setDescription(inputValue);
+    if (id === 'phone') {
+      const formattedNumber = formatPhoneNumber(inputValue);
+      setPhone(formattedNumber);
+    }
+  };
+
+  const getValue = () => {
+    if (id === 'address') return address;
+    if (id === 'delivery_price') return deliveryPrice;
+    if (id === 'description') return description;
+    return phone;
   };
   return (
     <label htmlFor={id} className={styles.form}>
@@ -36,8 +55,8 @@ export default function InputBox({
         id={id}
         className={styles.form__input}
         {...register(id)}
-        onChange={inputType === 'tel' ? handlePhoneChange : undefined}
-        value={inputType === 'tel' ? formattedPhoneNumber : undefined}
+        onChange={handleValueChange}
+        value={getValue()}
       />
     </label>
   );
diff --git a/src/page/ShopRegistration/view/PC/index.tsx b/src/page/ShopRegistration/view/PC/index.tsx
index 73e86178..46c18865 100644
--- a/src/page/ShopRegistration/view/PC/index.tsx
+++ b/src/page/ShopRegistration/view/PC/index.tsx
@@ -55,14 +55,18 @@ export default function ShopRegistrationPC() {
   const { imageUrl, imgRef, saveImgFile } = useImageUpload();
 
   const {
-    searchShopState,
-    setSearchShopState,
     openTimeState,
     closeTimeState,
     shopClosedState,
   } = useModalStore();
 
-  const { categoryId, category } = useShopRegistrationStore();
+  const {
+    setName, setDelivery, setPayCard, setPayBank,
+  } = useShopRegistrationStore();
+
+  const {
+    categoryId, category, name, delivery, payCard, payBank,
+  } = useShopRegistrationStore();
 
   const operateTimeState = useOperateTimeState();
 
@@ -96,7 +100,7 @@ export default function ShopRegistrationPC() {
     }));
     setValue('open', openValue);
     setValue('image_urls', [imageUrl]);
-    setValue('name', searchShopState);
+    setValue('name', name);
     setValue('category_ids', [categoryId]);
   }, [openTimeState, closeTimeState, imageUrl]);
 
@@ -200,9 +204,9 @@ export default function ShopRegistrationPC() {
                   <input
                     type="text"
                     className={styles.form__input}
-                    value={searchShopState}
+                    value={name}
                     onChange={(e) => {
-                      setSearchShopState(e.target.value);
+                      setName(e.target.value);
                     }}
                   />
                   <CustomButton content="가게검색" buttonSize="small" onClick={openSearchShop} />
@@ -272,15 +276,36 @@ export default function ShopRegistrationPC() {
               <InputBox content="기타정보" id="description" register={register} inputType="text" />
               <div className={styles.form__checkbox}>
                 <label htmlFor="delivery" className={styles['form__checkbox-label']}>
-                  <input type="checkbox" id="delivery" className={styles['form__checkbox-input']} {...register('delivery')} />
+                  <input
+                    type="checkbox"
+                    id="delivery"
+                    className={styles['form__checkbox-input']}
+                    {...register('delivery')}
+                    onChange={(e) => setDelivery(e.target.checked)}
+                    checked={delivery}
+                  />
                   <span>배달 가능</span>
                 </label>
                 <label htmlFor="card" className={styles['form__checkbox-label']}>
-                  <input type="checkbox" id="card" className={styles['form__checkbox-input']} {...register('pay_card')} />
+                  <input
+                    type="checkbox"
+                    id="card"
+                    className={styles['form__checkbox-input']}
+                    {...register('pay_card')}
+                    onChange={(e) => setPayCard(e.target.checked)}
+                    checked={payCard}
+                  />
                   <span>카드 가능</span>
                 </label>
                 <label htmlFor="bank" className={styles['form__checkbox-label']}>
-                  <input type="checkbox" id="bank" className={styles['form__checkbox-input']} {...register('pay_bank')} />
+                  <input
+                    type="checkbox"
+                    id="bank"
+                    className={styles['form__checkbox-input']}
+                    {...register('pay_bank')}
+                    onChange={(e) => setPayBank(e.target.checked)}
+                    checked={payBank}
+                  />
                   <span>계좌이체 가능</span>
                 </label>
               </div>

From d800b9d3d073ebee38b043a3883b72e03cb04c2b Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Sun, 31 Dec 2023 16:04:39 +0900
Subject: [PATCH 16/27] =?UTF-8?q?feat:=20=EC=A0=84=ED=99=94=EB=B2=88?=
 =?UTF-8?q?=ED=98=B8=20=EC=9E=85=EB=A0=A5=20=EC=8B=9C=20=EC=98=AC=EB=B0=94?=
 =?UTF-8?q?=EB=A5=B8=20=ED=8F=AC=EB=A7=B7=EC=9C=BC=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=ED=95=98=EB=8A=94=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/component/InputBox/index.tsx | 5 +----
 src/page/ShopRegistration/view/Mobile/Sub/index.tsx    | 8 +++++++-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/page/ShopRegistration/component/InputBox/index.tsx b/src/page/ShopRegistration/component/InputBox/index.tsx
index 369a111e..07d98126 100644
--- a/src/page/ShopRegistration/component/InputBox/index.tsx
+++ b/src/page/ShopRegistration/component/InputBox/index.tsx
@@ -13,9 +13,7 @@ interface InputBoxProps {
 
 function formatPhoneNumber(inputNumber: string) {
   const phoneNumber = inputNumber.replace(/\D/g, '');
-
   const formattedPhoneNumber = phoneNumber.replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3');
-
   return formattedPhoneNumber;
 }
 
@@ -36,8 +34,7 @@ export default function InputBox({
     if (id === 'delivery_price') setDeliveryPrice(Number(inputValue));
     if (id === 'description') setDescription(inputValue);
     if (id === 'phone') {
-      const formattedNumber = formatPhoneNumber(inputValue);
-      setPhone(formattedNumber);
+      setPhone(formatPhoneNumber(inputValue));
     }
   };
 
diff --git a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
index 850b8768..6050efd2 100644
--- a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
@@ -28,6 +28,12 @@ export default function Sub() {
   const { isAllSameTime, hasClosedDay, isSpecificDayClosedAndAllSameTime } = CheckSameTime();
   const { shopClosedState } = useModalStore();
 
+  const formatPhoneNumber = (inputNumber: string) => {
+    const phoneNumber = inputNumber.replace(/\D/g, '');
+    const formattedPhoneNumber = phoneNumber.replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3');
+    return formattedPhoneNumber;
+  };
+
   if (showOperateTime) {
     return (
       <OperateTimeMobile isOpen={showOperateTime} closeModal={closeOperateTime} />
@@ -41,7 +47,7 @@ export default function Sub() {
         <input
           type="text"
           id="phone"
-          onChange={(e) => setPhone(e.target.value)}
+          onChange={(e) => setPhone(formatPhoneNumber(e.target.value))}
           value={phone}
           className={styles.form__input}
         />

From 3042e668f51853e1174ff008fab8a35c3bf21628 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Sun, 31 Dec 2023 16:45:02 +0900
Subject: [PATCH 17/27] =?UTF-8?q?feat:=20image=5Furls=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../view/Mobile/ShopConfirmation/index.tsx    | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx b/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
index 513c7ab6..58d49393 100644
--- a/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
@@ -11,15 +11,25 @@ import { useEffect } from 'react';
 import { DAY_OF_WEEK, WEEK } from 'utils/constant/week';
 import useModalStore from 'store/modalStore';
 import CheckSameTime from 'page/ShopRegistration/hooks/CheckSameTime';
+import useImageUpload from 'utils/hooks/useImageUpload';
 import styles from './ShopConfirmation.module.scss';
 
 export default function ShopConfirmation() {
-  const { increaseStep, setStep } = useStepStore();
+  const { setStep } = useStepStore();
   const {
     category,
     categoryId,
-    name, address, phone, deliveryPrice, description, delivery, payBank, payCard,
+    name,
+    address,
+    phone,
+    deliveryPrice,
+    description,
+    delivery,
+    payBank,
+    payCard,
   } = useShopRegistrationStore();
+
+  const { imageUrl } = useImageUpload();
   const operateTimeState = useOperateTimeState();
 
   const { handleSubmit, setValue } = useForm<OwnerShop>({
@@ -49,18 +59,18 @@ export default function ShopConfirmation() {
       day_of_week: day,
       open_time: openTimeArray[index],
     }));
+    setValue('image_urls', [imageUrl]);
     setValue('category_ids', [categoryId]);
     setValue('name', name);
     setValue('address', address);
     setValue('phone', phone);
-    setValue('delivery_price', deliveryPrice);
+    if (typeof deliveryPrice === 'number') setValue('delivery_price', deliveryPrice);
     setValue('description', description);
     setValue('delivery', delivery);
     setValue('pay_bank', payBank);
     setValue('pay_card', payCard);
     setValue('open', openValue);
   }, []);
-
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
       <div className={styles.form}>
@@ -138,7 +148,7 @@ export default function ShopConfirmation() {
         </div>
       </div>
       <div className={styles.form__button}>
-        <button type="submit" onClick={increaseStep}>등록</button>
+        <button type="submit">등록</button>
       </div>
     </form>
   );

From 7f5f43ff7a4140f0a8beaef1e5e6f2bbdf70679d Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Sun, 31 Dec 2023 16:45:39 +0900
Subject: [PATCH 18/27] =?UTF-8?q?refactor:=20=EB=B0=B0=EB=8B=AC=20?=
 =?UTF-8?q?=EA=B8=88=EC=95=A1=20=EC=B4=88=EA=B8=B0=EA=B0=92=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/shopRegistration.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/store/shopRegistration.ts b/src/store/shopRegistration.ts
index 231b36e7..2f18b55b 100644
--- a/src/store/shopRegistration.ts
+++ b/src/store/shopRegistration.ts
@@ -4,7 +4,7 @@ interface ShopRegistrationStore {
   address: string;
   category: string;
   categoryId: number;
-  deliveryPrice: number;
+  deliveryPrice: number | '';
   description: string;
   imageUrl: string;
   name: string;
@@ -29,7 +29,7 @@ const useShopRegistrationStore = create<ShopRegistrationStore>((set) => ({
   address: '',
   category: '',
   categoryId: 0,
-  deliveryPrice: 0,
+  deliveryPrice: '',
   description: '',
   imageUrl: '',
   name: '',

From 0d1b09af6295b8e55512c6c3b79c2b0d169ba266 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Sun, 31 Dec 2023 16:55:38 +0900
Subject: [PATCH 19/27] =?UTF-8?q?refactor:=20=EB=B0=B0=EB=8B=AC=EA=B0=80?=
 =?UTF-8?q?=EA=B2=A9=20=EC=B4=88=EA=B8=B0=EA=B0=92=EC=9D=84=20=EB=B9=88?=
 =?UTF-8?q?=EC=B9=B8=EC=9C=BC=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/component/InputBox/index.tsx      | 2 +-
 .../ShopRegistration/view/Mobile/ShopConfirmation/index.tsx | 2 +-
 src/page/ShopRegistration/view/Mobile/Sub/index.tsx         | 2 +-
 src/page/ShopRegistration/view/PC/index.tsx                 | 3 ++-
 src/store/shopRegistration.ts                               | 6 +++---
 5 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/page/ShopRegistration/component/InputBox/index.tsx b/src/page/ShopRegistration/component/InputBox/index.tsx
index 07d98126..bc41eb0d 100644
--- a/src/page/ShopRegistration/component/InputBox/index.tsx
+++ b/src/page/ShopRegistration/component/InputBox/index.tsx
@@ -31,7 +31,7 @@ export default function InputBox({
   const handleValueChange = (e: ChangeEvent<HTMLInputElement>) => {
     const inputValue = e.target.value;
     if (id === 'address') setAddress(inputValue);
-    if (id === 'delivery_price') setDeliveryPrice(Number(inputValue));
+    if (id === 'delivery_price') setDeliveryPrice(inputValue);
     if (id === 'description') setDescription(inputValue);
     if (id === 'phone') {
       setPhone(formatPhoneNumber(inputValue));
diff --git a/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx b/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
index 58d49393..46104667 100644
--- a/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
@@ -64,7 +64,7 @@ export default function ShopConfirmation() {
     setValue('name', name);
     setValue('address', address);
     setValue('phone', phone);
-    if (typeof deliveryPrice === 'number') setValue('delivery_price', deliveryPrice);
+    setValue('delivery_price', Number(deliveryPrice));
     setValue('description', description);
     setValue('delivery', delivery);
     setValue('pay_bank', payBank);
diff --git a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
index 6050efd2..585e2ae0 100644
--- a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
@@ -57,7 +57,7 @@ export default function Sub() {
         <input
           type="number"
           id="deliveryPrice"
-          onChange={(e) => setDeliveryPrice(Number(e.target.value))}
+          onChange={(e) => setDeliveryPrice(e.target.value)}
           value={deliveryPrice}
           className={styles.form__input}
         />
diff --git a/src/page/ShopRegistration/view/PC/index.tsx b/src/page/ShopRegistration/view/PC/index.tsx
index 46c18865..ccc6a3de 100644
--- a/src/page/ShopRegistration/view/PC/index.tsx
+++ b/src/page/ShopRegistration/view/PC/index.tsx
@@ -65,7 +65,7 @@ export default function ShopRegistrationPC() {
   } = useShopRegistrationStore();
 
   const {
-    categoryId, category, name, delivery, payCard, payBank,
+    categoryId, category, name, delivery, payCard, payBank, deliveryPrice,
   } = useShopRegistrationStore();
 
   const operateTimeState = useOperateTimeState();
@@ -102,6 +102,7 @@ export default function ShopRegistrationPC() {
     setValue('image_urls', [imageUrl]);
     setValue('name', name);
     setValue('category_ids', [categoryId]);
+    setValue('delivery_price', Number(deliveryPrice));
   }, [openTimeState, closeTimeState, imageUrl]);
 
   const onSubmit: SubmitHandler<OwnerShop> = (data) => {
diff --git a/src/store/shopRegistration.ts b/src/store/shopRegistration.ts
index 2f18b55b..26546797 100644
--- a/src/store/shopRegistration.ts
+++ b/src/store/shopRegistration.ts
@@ -4,7 +4,7 @@ interface ShopRegistrationStore {
   address: string;
   category: string;
   categoryId: number;
-  deliveryPrice: number | '';
+  deliveryPrice: number | string;
   description: string;
   imageUrl: string;
   name: string;
@@ -15,7 +15,7 @@ interface ShopRegistrationStore {
   setAddress: (address: string) => void;
   setCategory: (category: string) => void;
   setCategoryId: (categoryId: number) => void;
-  setDeliveryPrice: (deliveryPrice: number) => void;
+  setDeliveryPrice: (deliveryPrice: number | string) => void;
   setDescription: (description: string) => void;
   setImageUrl: (imageUrl: string) => void;
   setName: (name: string) => void;
@@ -40,7 +40,7 @@ const useShopRegistrationStore = create<ShopRegistrationStore>((set) => ({
   setAddress: (address: string) => set({ address }),
   setCategory: (category: string) => set({ category }),
   setCategoryId: (categoryId: number) => set({ categoryId }),
-  setDeliveryPrice: (deliveryPrice: number) => set({ deliveryPrice }),
+  setDeliveryPrice: (deliveryPrice: number | string) => set({ deliveryPrice }),
   setDescription: (description: string) => set({ description }),
   setImageUrl: (imageUrl: string) => set({ imageUrl }),
   setName: (name: string) => set({ name }),

From be6b14721b2050559086e46ce3ffc84d6dac09e7 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Thu, 4 Jan 2024 17:15:19 +0900
Subject: [PATCH 20/27] =?UTF-8?q?feat:=20=EA=B0=80=EA=B2=8C=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=EB=AF=B8=EC=9E=85=EB=A0=A5=20=EC=8B=9C=20=EC=97=90?=
 =?UTF-8?q?=EB=9F=AC=20=EC=B2=98=EB=A6=AC=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ShopRegistration/view/Mobile/Sub/index.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
index 585e2ae0..daa40a9f 100644
--- a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
@@ -21,7 +21,15 @@ export default function Sub() {
   } = useShopRegistrationStore();
 
   const {
-    phone, deliveryPrice, description, delivery, payBank, payCard,
+    category,
+    name,
+    address,
+    phone,
+    deliveryPrice,
+    description,
+    delivery,
+    payBank,
+    payCard,
   } = useShopRegistrationStore();
 
   const operateTimeState = useOperateTimeState();
@@ -34,6 +42,12 @@ export default function Sub() {
     return formattedPhoneNumber;
   };
 
+  const handleNextClick = () => {
+    if (category === '' || name === '' || address === '' || phone === '' || deliveryPrice === '') {
+      alert('필수 입력사항을 입력해주세요.');
+    } else increaseStep();
+  };
+
   if (showOperateTime) {
     return (
       <OperateTimeMobile isOpen={showOperateTime} closeModal={closeOperateTime} />
@@ -144,7 +158,7 @@ export default function Sub() {
         </label>
       </div>
       <div className={styles.form__button}>
-        <button type="button" onClick={increaseStep}>다음</button>
+        <button type="button" onClick={handleNextClick}>다음</button>
       </div>
     </div>
   );

From 03f24d50c8546ad09b53f28417bcb2d9c6395094 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Thu, 4 Jan 2024 17:18:44 +0900
Subject: [PATCH 21/27] =?UTF-8?q?feat:=20=EB=A9=94=EC=9D=B8=20=EB=A9=94?=
 =?UTF-8?q?=EB=89=B4=EB=A5=BC=20=EC=84=A4=EB=AA=85=ED=95=98=EB=8A=94=20alt?=
 =?UTF-8?q?=EA=B0=92=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/view/PC/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/page/ShopRegistration/view/PC/index.tsx b/src/page/ShopRegistration/view/PC/index.tsx
index ccc6a3de..d8f6f1a4 100644
--- a/src/page/ShopRegistration/view/PC/index.tsx
+++ b/src/page/ShopRegistration/view/PC/index.tsx
@@ -158,7 +158,7 @@ export default function ShopRegistrationPC() {
                     ref={imgRef}
                   />
                   {imageUrl
-                    ? <img src={imageUrl} className={styles['form__main-menu']} alt="" />
+                    ? <img src={imageUrl} className={styles['form__main-menu']} alt="메인 메뉴" />
                     : (
                       <>
                         <Cutlery className={styles['form__cutlery-cross']} />

From 06e25fbf5e01a76f978f7b5d11f691bd52bc7b7b Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Thu, 4 Jan 2024 17:43:33 +0900
Subject: [PATCH 22/27] =?UTF-8?q?refactor:=20=EC=9D=B4=EB=AF=B8=EC=A7=80?=
 =?UTF-8?q?=20=EC=97=85=EB=A1=9C=EB=93=9C=20=ED=9B=85=EC=9D=B4=20shopRegis?=
 =?UTF-8?q?trationStore=EC=97=90=20=EC=A2=85=EC=86=8D=EB=90=98=EC=A7=80=20?=
 =?UTF-8?q?=EC=95=8A=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/view/Mobile/Main/index.tsx   |  9 +++++++--
 .../view/Mobile/ShopConfirmation/index.tsx             |  3 +--
 src/page/ShopRegistration/view/PC/index.tsx            | 10 +++++-----
 src/utils/hooks/useImageUpload.ts                      |  9 ++++-----
 4 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/page/ShopRegistration/view/Mobile/Main/index.tsx b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
index 2d3f6901..26adaca0 100644
--- a/src/page/ShopRegistration/view/Mobile/Main/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
@@ -1,16 +1,21 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import { ReactComponent as EmptyImgIcon } from 'assets/svg/shopRegistration/mobile-empty-img.svg';
 import useStepStore from 'store/useStepStore';
 import useImageUpload from 'utils/hooks/useImageUpload';
 import useShopRegistrationStore from 'store/shopRegistration';
+import { useEffect } from 'react';
 import styles from './Main.module.scss';
 
 export default function Main() {
   const { increaseStep } = useStepStore();
-  const { imageUrl, imgRef, saveImgFile } = useImageUpload();
+  const { imgUrl, imgRef, saveImgFile } = useImageUpload();
   const {
-    name, setName, address, setAddress,
+    name, setName, address, setAddress, imageUrl, setImageUrl,
   } = useShopRegistrationStore();
 
+  useEffect(() => {
+    if (imgUrl !== '') setImageUrl(imgUrl);
+  }, [imgUrl]);
   return (
     <div className={styles.form}>
       <label className={styles['form__image-upload']} htmlFor="mainMenuImage">
diff --git a/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx b/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
index 46104667..f37e8dee 100644
--- a/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/ShopConfirmation/index.tsx
@@ -11,7 +11,6 @@ import { useEffect } from 'react';
 import { DAY_OF_WEEK, WEEK } from 'utils/constant/week';
 import useModalStore from 'store/modalStore';
 import CheckSameTime from 'page/ShopRegistration/hooks/CheckSameTime';
-import useImageUpload from 'utils/hooks/useImageUpload';
 import styles from './ShopConfirmation.module.scss';
 
 export default function ShopConfirmation() {
@@ -19,6 +18,7 @@ export default function ShopConfirmation() {
   const {
     category,
     categoryId,
+    imageUrl,
     name,
     address,
     phone,
@@ -29,7 +29,6 @@ export default function ShopConfirmation() {
     payCard,
   } = useShopRegistrationStore();
 
-  const { imageUrl } = useImageUpload();
   const operateTimeState = useOperateTimeState();
 
   const { handleSubmit, setValue } = useForm<OwnerShop>({
diff --git a/src/page/ShopRegistration/view/PC/index.tsx b/src/page/ShopRegistration/view/PC/index.tsx
index d8f6f1a4..1e09a5b9 100644
--- a/src/page/ShopRegistration/view/PC/index.tsx
+++ b/src/page/ShopRegistration/view/PC/index.tsx
@@ -52,7 +52,7 @@ export default function ShopRegistrationPC() {
     setTrue: openConfirmPopup,
     setFalse: closeConfirmPopup,
   } = useBooleanState(false);
-  const { imageUrl, imgRef, saveImgFile } = useImageUpload();
+  const { imgUrl, imgRef, saveImgFile } = useImageUpload();
 
   const {
     openTimeState,
@@ -61,11 +61,11 @@ export default function ShopRegistrationPC() {
   } = useModalStore();
 
   const {
-    setName, setDelivery, setPayCard, setPayBank,
+    setImageUrl, setName, setDelivery, setPayCard, setPayBank,
   } = useShopRegistrationStore();
 
   const {
-    categoryId, category, name, delivery, payCard, payBank, deliveryPrice,
+    imageUrl, categoryId, category, name, delivery, payCard, payBank, deliveryPrice,
   } = useShopRegistrationStore();
 
   const operateTimeState = useOperateTimeState();
@@ -92,6 +92,7 @@ export default function ShopRegistrationPC() {
   const shopClosedArray = Object.values(shopClosedState);
 
   useEffect(() => {
+    if (imgUrl !== '') setImageUrl(imgUrl);
     const openValue = DAY_OF_WEEK.map((day, index) => ({
       close_time: closeTimeArray[index],
       closed: shopClosedArray[index],
@@ -103,8 +104,7 @@ export default function ShopRegistrationPC() {
     setValue('name', name);
     setValue('category_ids', [categoryId]);
     setValue('delivery_price', Number(deliveryPrice));
-  }, [openTimeState, closeTimeState, imageUrl]);
-
+  }, [openTimeState, closeTimeState, imgUrl]);
   const onSubmit: SubmitHandler<OwnerShop> = (data) => {
     mutation.mutate(data);
   };
diff --git a/src/utils/hooks/useImageUpload.ts b/src/utils/hooks/useImageUpload.ts
index e9aafb97..d905a381 100644
--- a/src/utils/hooks/useImageUpload.ts
+++ b/src/utils/hooks/useImageUpload.ts
@@ -1,8 +1,7 @@
-import { useRef } from 'react';
-import useShopRegistrationStore from 'store/shopRegistration';
+import { useRef, useState } from 'react';
 
 export default function useImageUpload() {
-  const { imageUrl, setImageUrl } = useShopRegistrationStore();
+  const [imgUrl, setImgUrl] = useState('');
   const imgRef = useRef<HTMLInputElement>(null);
 
   const saveImgFile = () => {
@@ -12,7 +11,7 @@ export default function useImageUpload() {
     reader.onloadend = () => {
       const { result } = reader;
       if (typeof result === 'string') {
-        setImageUrl(result);
+        setImgUrl(result);
       }
     };
     if (file) {
@@ -20,5 +19,5 @@ export default function useImageUpload() {
     }
   };
 
-  return { imageUrl, imgRef, saveImgFile };
+  return { imgUrl, imgRef, saveImgFile };
 }

From 4c8222571b2a5370692a387c626b37bd20ffc0bc Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Thu, 4 Jan 2024 17:44:20 +0900
Subject: [PATCH 23/27] =?UTF-8?q?refactor:=20=EC=9D=B4=EB=AF=B8=EC=A7=80?=
 =?UTF-8?q?=EB=A5=BC=20=EB=B9=84=EC=9C=A8=EA=B3=BC=20=ED=81=AC=EA=B8=B0?=
 =?UTF-8?q?=EC=97=90=20=EB=A7=9E=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/view/Mobile/Main/Main.module.scss  | 5 +++++
 .../ShopRegistration/view/PC/ShopRegistrationPC.module.scss  | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/page/ShopRegistration/view/Mobile/Main/Main.module.scss b/src/page/ShopRegistration/view/Mobile/Main/Main.module.scss
index 830c10ad..aaf0918b 100644
--- a/src/page/ShopRegistration/view/Mobile/Main/Main.module.scss
+++ b/src/page/ShopRegistration/view/Mobile/Main/Main.module.scss
@@ -35,6 +35,11 @@
     display: none;
   }
 
+  &__main-menu {
+    max-width: 295px;
+    max-height: 200px;
+  }
+
   &__text {
     margin-top: 8px;
     font-size: 14px;
diff --git a/src/page/ShopRegistration/view/PC/ShopRegistrationPC.module.scss b/src/page/ShopRegistration/view/PC/ShopRegistrationPC.module.scss
index 12fa10ba..3d904c02 100644
--- a/src/page/ShopRegistration/view/PC/ShopRegistrationPC.module.scss
+++ b/src/page/ShopRegistration/view/PC/ShopRegistrationPC.module.scss
@@ -100,8 +100,8 @@
   }
 
   &__main-menu {
-    width: 370px;
-    height: 202px;
+    max-width: 370px;
+    max-height: 200px;
   }
 
   &__cutlery-cross {

From 9a45abfad75a5899c0fd3b912b90fcd49dc5982f Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Thu, 4 Jan 2024 17:51:15 +0900
Subject: [PATCH 24/27] =?UTF-8?q?refactor:=20imgUrl=EC=97=90=EC=84=9C=20im?=
 =?UTF-8?q?ageFile=EB=A1=9C=20=EB=B3=80=EC=88=98=EB=AA=85=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/view/Mobile/Main/index.tsx | 6 +++---
 src/page/ShopRegistration/view/PC/index.tsx          | 6 +++---
 src/utils/hooks/useImageUpload.ts                    | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/page/ShopRegistration/view/Mobile/Main/index.tsx b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
index 26adaca0..058e675b 100644
--- a/src/page/ShopRegistration/view/Mobile/Main/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
@@ -8,14 +8,14 @@ import styles from './Main.module.scss';
 
 export default function Main() {
   const { increaseStep } = useStepStore();
-  const { imgUrl, imgRef, saveImgFile } = useImageUpload();
+  const { imageFile, imgRef, saveImgFile } = useImageUpload();
   const {
     name, setName, address, setAddress, imageUrl, setImageUrl,
   } = useShopRegistrationStore();
 
   useEffect(() => {
-    if (imgUrl !== '') setImageUrl(imgUrl);
-  }, [imgUrl]);
+    if (imageFile !== '') setImageUrl(imageFile);
+  }, [imageFile]);
   return (
     <div className={styles.form}>
       <label className={styles['form__image-upload']} htmlFor="mainMenuImage">
diff --git a/src/page/ShopRegistration/view/PC/index.tsx b/src/page/ShopRegistration/view/PC/index.tsx
index 1e09a5b9..b28933f8 100644
--- a/src/page/ShopRegistration/view/PC/index.tsx
+++ b/src/page/ShopRegistration/view/PC/index.tsx
@@ -52,7 +52,7 @@ export default function ShopRegistrationPC() {
     setTrue: openConfirmPopup,
     setFalse: closeConfirmPopup,
   } = useBooleanState(false);
-  const { imgUrl, imgRef, saveImgFile } = useImageUpload();
+  const { imageFile, imgRef, saveImgFile } = useImageUpload();
 
   const {
     openTimeState,
@@ -92,7 +92,7 @@ export default function ShopRegistrationPC() {
   const shopClosedArray = Object.values(shopClosedState);
 
   useEffect(() => {
-    if (imgUrl !== '') setImageUrl(imgUrl);
+    if (imageFile !== '') setImageUrl(imageFile);
     const openValue = DAY_OF_WEEK.map((day, index) => ({
       close_time: closeTimeArray[index],
       closed: shopClosedArray[index],
@@ -104,7 +104,7 @@ export default function ShopRegistrationPC() {
     setValue('name', name);
     setValue('category_ids', [categoryId]);
     setValue('delivery_price', Number(deliveryPrice));
-  }, [openTimeState, closeTimeState, imgUrl]);
+  }, [openTimeState, closeTimeState, imageFile]);
   const onSubmit: SubmitHandler<OwnerShop> = (data) => {
     mutation.mutate(data);
   };
diff --git a/src/utils/hooks/useImageUpload.ts b/src/utils/hooks/useImageUpload.ts
index d905a381..d94a46ad 100644
--- a/src/utils/hooks/useImageUpload.ts
+++ b/src/utils/hooks/useImageUpload.ts
@@ -1,7 +1,7 @@
 import { useRef, useState } from 'react';
 
 export default function useImageUpload() {
-  const [imgUrl, setImgUrl] = useState('');
+  const [imageFile, setImageFile] = useState('');
   const imgRef = useRef<HTMLInputElement>(null);
 
   const saveImgFile = () => {
@@ -11,7 +11,7 @@ export default function useImageUpload() {
     reader.onloadend = () => {
       const { result } = reader;
       if (typeof result === 'string') {
-        setImgUrl(result);
+        setImageFile(result);
       }
     };
     if (file) {
@@ -19,5 +19,5 @@ export default function useImageUpload() {
     }
   };
 
-  return { imgUrl, imgRef, saveImgFile };
+  return { imageFile, imgRef, saveImgFile };
 }

From 68fa091a5db75e67df707cd4139fc2f348fa5993 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Thu, 4 Jan 2024 22:36:59 +0900
Subject: [PATCH 25/27] =?UTF-8?q?refactor:=20=EC=B9=B4=ED=85=8C=EA=B3=A0?=
 =?UTF-8?q?=EB=A6=AC=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EC=9D=98=20alt=EA=B0=92?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ShopRegistration/component/Modal/Category/index.tsx     | 6 +++++-
 .../ShopRegistration/view/Mobile/ShopCategory/index.tsx     | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/page/ShopRegistration/component/Modal/Category/index.tsx b/src/page/ShopRegistration/component/Modal/Category/index.tsx
index eb431622..15d363b0 100644
--- a/src/page/ShopRegistration/component/Modal/Category/index.tsx
+++ b/src/page/ShopRegistration/component/Modal/Category/index.tsx
@@ -25,7 +25,11 @@ export default function Category() {
           onClick={() => { handleCategoryClick(categoryInfo); }}
           key={categoryInfo.id}
         >
-          <img className={styles.category__image} src={categoryInfo.image_url} alt="" />
+          <img
+            className={styles.category__image}
+            src={categoryInfo.image_url}
+            alt={categoryInfo.name}
+          />
           <span className={styles.category__type}>{categoryInfo.name}</span>
         </button>
       ))}
diff --git a/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx b/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx
index 6f8e4a5b..7761680e 100644
--- a/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/ShopCategory/index.tsx
@@ -31,7 +31,11 @@ export default function ShopCategory() {
             onClick={() => handleCategoryClick(categoryInfo)}
             key={categoryInfo.id}
           >
-            <img className={styles.category__image} src={categoryInfo.image_url} alt="" />
+            <img
+              className={styles.category__image}
+              src={categoryInfo.image_url}
+              alt={categoryInfo.name}
+            />
             <span className={styles.category__type}>{categoryInfo.name}</span>
           </button>
         ))}

From bca13ecdf5355922a4fdb420e4bcb01bcf3e6a59 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Thu, 4 Jan 2024 22:37:27 +0900
Subject: [PATCH 26/27] =?UTF-8?q?refactor:=20=EB=A9=94=EC=9D=B8=20?=
 =?UTF-8?q?=EB=A9=94=EB=89=B4=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EC=9D=98=20alt?=
 =?UTF-8?q?=EA=B0=92=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/view/Mobile/Main/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/page/ShopRegistration/view/Mobile/Main/index.tsx b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
index 058e675b..a02aba07 100644
--- a/src/page/ShopRegistration/view/Mobile/Main/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Main/index.tsx
@@ -28,7 +28,7 @@ export default function Main() {
           ref={imgRef}
         />
         {imageUrl
-          ? <img src={imageUrl} className={styles['form__main-menu']} alt="" />
+          ? <img src={imageUrl} className={styles['form__main-menu']} alt="메인 메뉴" />
           : (
             <>
               <EmptyImgIcon />

From 39da30a1ea97f42a4bd4e5c555f1e5711c3367f8 Mon Sep 17 00:00:00 2001
From: dooohun <ehgns0305@naver.com>
Date: Thu, 4 Jan 2024 22:41:58 +0900
Subject: [PATCH 27/27] =?UTF-8?q?refactor:=20alert=20=EB=8C=80=EC=8B=A0=20?=
 =?UTF-8?q?=EC=A3=BC=EC=84=9D=EC=9C=BC=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/ShopRegistration/view/Mobile/Sub/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
index daa40a9f..d4e69d42 100644
--- a/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
+++ b/src/page/ShopRegistration/view/Mobile/Sub/index.tsx
@@ -44,7 +44,7 @@ export default function Sub() {
 
   const handleNextClick = () => {
     if (category === '' || name === '' || address === '' || phone === '' || deliveryPrice === '') {
-      alert('필수 입력사항을 입력해주세요.');
+      // TODO: 필수 입력 사항이 없을 때 알림 컴포넌트 띄우기
     } else increaseStep();
   };