feat: 새 가게 등록 API 연동

package.json

@@ -28,6 +28,7 @@
     "immer": "^11.1.3",
     "lucide-react": "^0.562.0",
     "react": "^19.2.0",
+    "react-daum-postcode": "^3.2.0",
     "react-day-picker": "^9.13.0",
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.69.0",

src/api/auth.ts

@@ -6,6 +6,8 @@ import type {
   ResponseLoginDto,
   ResponseLogoutDto,
   ResponseRefreshDto,
+  RequestVerifyOwnerDto,
+  ResponseVerifyOwnerDto,
 } from "@/types/auth";
 import { api } from "./axios";
 import { useAuthStore } from "@/stores/useAuthStore";
@@ -65,3 +67,13 @@ export const postRefresh = async (): Promise<ResponseRefreshDto> => {
   }
   return data.result;
 };
+
+export const patchVerifyOwner = async (
+  body: RequestVerifyOwnerDto,
+): Promise<ResponseVerifyOwnerDto> => {
+  const { data } = await api.patch<ApiResponse<ResponseVerifyOwnerDto>>(
+    "/api/users/role/owner",
+    body,
+  );
+  return data.result;
+};

src/api/menu.ts

@@ -0,0 +1,34 @@
+import type { ApiResponse } from "@/types/api";
+import type {
+  RequestMenuCreateDto,
+  RequestMenuImageDto,
+  ResponseMenuCreateDto,
+  ResponseMenuImageDto,
+} from "@/types/menus";
+import { api } from "./axios";
+
+export const postMenuCreate = async (
+  storeId: number,
+  body: RequestMenuCreateDto,
+): Promise<ResponseMenuCreateDto> => {
+  const { data } = await api.post<ApiResponse<ResponseMenuCreateDto>>(
+    `/api/v1/stores/${storeId}/menus`,
+    body,
+  );
+  return data.result;
+};
+
+export const postMenuImage = async (
+  storeId: number,
+  body: RequestMenuImageDto,
+): Promise<ResponseMenuImageDto> => {
+  const formData = new FormData();
+
+  formData.append("image", body.image);
+
+  const { data } = await api.post<ApiResponse<ResponseMenuImageDto>>(
+    `/api/v1/stores/${storeId}/menus/images`,
+    formData,
+  );
+  return data.result;
+};

src/api/store.ts

@@ -0,0 +1,33 @@
+import type {
+  RequestMainImageDto,
+  RequestStoreCreateDto,
+  ResponseMainImageDto,
+  ResponseStoreCreateDto,
+} from "@/types/store";
+import { api } from "./axios";
+import type { ApiResponse } from "@/types/api";
+
+export const postRegisterStore = async (
+  body: RequestStoreCreateDto,
+): Promise<ResponseStoreCreateDto> => {
+  const { data } = await api.post<ApiResponse<ResponseStoreCreateDto>>(
+    "/api/v1/stores",
+    body,
+  );
+  return data.result;
+};
+
+export const postMainImage = async (
+  storeId: number,
+  body: RequestMainImageDto,
+): Promise<ResponseMainImageDto> => {
+  const formData = new FormData();
+
+  formData.append("mainImage", body.mainImage);
+
+  const { data } = await api.post<ApiResponse<ResponseMainImageDto>>(
+    `/api/v1/stores/${storeId}/main-image`,
+    formData,
+  );
+  return data.result;
+};

src/components/store-registration/BusinessAuth.schema.ts

@@ -0,0 +1,38 @@
+import z from "zod";
+
+export const BusinessAuthSchema = z.object({
+  businessNumber: z
+    .string()
+    .regex(/^[0-9]+$/, "숫자만 입력해주세요.")
+    .length(10, "1234567890 형식의 10자리 숫자를 입력해주세요."),
+  startDate: z
+    .string()
+    .regex(/^[0-9]+$/, "숫자만 입력해주세요.")
+    .length(8, "YYYYMMDD 형식의 8자리 숫자를 입력해주세요.")
+    .refine(
+      (val) => {
+        const year = parseInt(val.substring(0, 4));
+        const month = parseInt(val.substring(4, 6));
+        const day = parseInt(val.substring(6, 8));
+
+        if (month < 1 || month > 12) return false;
+
+        const date = new Date(year, month - 1, day);
+
+        if (
+          date.getFullYear() !== year ||
+          date.getMonth() !== month - 1 ||
+          date.getDate() !== day
+        ) {
+          return false;
+        }
+
+        if (date > new Date()) return false;
+
+        return true;
+      },
+      { message: "유효하지 않은 날짜입니다. (예: 20240101)" },
+    ),
+});
+
+export type BusinessAuthFormValues = z.infer<typeof BusinessAuthSchema>;

src/components/store-registration/CompleteModal.tsx

@@ -8,6 +8,7 @@ import {
 import { useEffect } from "react";
 import type { StoreInfoFormValues } from "./StoreInfo.schema";
 import { Check } from "lucide-react";
+import { categoryLabel } from "@/types/store";
 
 interface CompleteModalProps {
   isOpen: boolean;
@@ -50,7 +51,9 @@ export default function CompleteModal({
           </div>
           <div className="flex justify-between items-start gap-4">
             <span className="text-gray-500 shrink-0">음식 종류</span>
-            <span className="text-gray-900 text-right">{data.category || "-"}</span>
+            <span className="text-gray-900 text-right">
+              {data.category ? categoryLabel[data.category] : "-"}
+            </span>
           </div>
           <div className="flex justify-between items-start gap-4">
             <span className="text-gray-500 shrink-0">주소</span>
@@ -60,7 +63,9 @@ export default function CompleteModal({
           </div>
           <div className="flex justify-between items-start gap-4">
             <span className="text-gray-500 shrink-0">전화번호</span>
-            <span className="text-gray-900 text-right">{data.phone || "-"}</span>
+            <span className="text-gray-900 text-right">
+              {data.phoneNumber || "-"}
+            </span>
           </div>
           <div className="flex justify-between items-start gap-4">
             <span className="text-gray-500 shrink-0">운영 시간</span>

src/components/store-registration/Menu.schema.ts

@@ -1,19 +1,46 @@
 import { z } from "zod";
 
+export const MenuCategoryEnum = z.enum(["MAIN", "SIDE", "BEVERAGE", "ALCOHOL"]);
+
+const MAX_FILE_SIZE = 1 * 1024 * 1024;
+
+const ACCEPTED_IMAGE_TYPES = ["image/jpeg", "image/png"];
+
 export const MenuSchema = z.object({
-  menus: z
-    .array(
-      z.object({
-        menuName: z.string().min(1, "메뉴명을 입력하세요."),
-        price: z
-          .string()
-          .min(1, "가격을 입력하세요.")
-          .regex(/^\d+$/, "숫자만 입력해주세요."),
-        description: z.string().optional(),
-        image: z.any().optional(),
-      }),
-    )
-    .optional(),
+  menus: z.array(
+    z.object({
+      name: z.string().min(1, "메뉴명을 입력하세요."),
+      description: z.string().max(500, "500자 이내로 입력하세요.").optional(),
+      price: z
+        .string()
+        .min(1, "가격을 입력하세요.")
+        .regex(/^(0|[1-9]\d*)$/, "0 이상의 올바른 숫자를 입력하세요."),
+      category: MenuCategoryEnum,
+      imageKey: z
+        .any()
+        .optional()
+        .refine(
+          (file) => {
+            if (!file || typeof file === "string") return true;
+            return file instanceof File ? file.size <= MAX_FILE_SIZE : true;
+          },
+          {
+            message: "이미지 크기는 1MB 이하여야 합니다.",
+          },
+        )
+        .refine(
+          (file) => {
+            if (!file || typeof file === "string") return true;
+            return file instanceof File
+              ? ACCEPTED_IMAGE_TYPES.includes(file.type)
+              : true;
+          },
+          {
+            message: ".jpg, .png 형식의 이미지만 업로드 가능합니다.",
+          },
+        ),
+    }),
+  ),
 });
 
 export type MenuFormValues = z.infer<typeof MenuSchema>;