diff --git a/frontend/src/api/order/orderAPI.ts b/frontend/src/api/order/orderAPI.ts
new file mode 100644
index 00000000..ddde21ef
--- /dev/null
+++ b/frontend/src/api/order/orderAPI.ts
@@ -0,0 +1,12 @@
+import apiClient from "@_api/apiClient";
+import type { PaymentConfirmRequest } from "@_api/payment/PaymentTypes";
+
+export const confirm = async (
+    reservationId: string,
+    data: PaymentConfirmRequest,
+): Promise<void> => {
+    return await apiClient.post<void>(
+        `/orders/${reservationId}/confirm`,
+        data
+    );
+};
diff --git a/frontend/src/api/order/orderTypes.ts b/frontend/src/api/order/orderTypes.ts
new file mode 100644
index 00000000..0fa7822e
--- /dev/null
+++ b/frontend/src/api/order/orderTypes.ts
@@ -0,0 +1,5 @@
+export interface OrderErrorResponse {
+    code: string;
+    message: string;
+    trial: number;
+}
diff --git a/frontend/src/pages/ReservationStep2Page.tsx b/frontend/src/pages/ReservationStep2Page.tsx
index 38bf1e49..127e5107 100644
--- a/frontend/src/pages/ReservationStep2Page.tsx
+++ b/frontend/src/pages/ReservationStep2Page.tsx
@@ -1,5 +1,5 @@
 import { confirm } from '@_api/order/orderAPI';
-import type { BookingErrorResponse } from '@_api/order/orderTypes';
+import type { OrderErrorResponse } from '@_api/order/orderTypes';
 import { type PaymentConfirmRequest } from '@_api/payment/PaymentTypes';
 import { confirmReservation } from '@_api/reservation/reservationAPI';
 import '@_css/reservation-v2-1.css';
@@ -83,7 +83,7 @@ const ReservationStep2Page: React.FC = () => {
                     });
                 })
                 .catch(err => {
-                    const error = err as AxiosError<BookingErrorResponse>;
+                    const error = err as AxiosError<OrderErrorResponse>;
                     const errorCode = error.response?.data?.code;
                     const errorMessage = error.response?.data?.message;