feat: 최소 지연 설정 구현

frontend/src/api/AxiosInstance.ts

@@ -1,6 +1,6 @@
 import axios from "axios";
 import {NETWORK} from "@/constants/api";
-import {checkAndSetToken, handleTokenError} from "@/api/Interceptors";
+import {checkAndSetToken, delayFulfilled, handleTokenError, waitingFulfilled} from "@/api/Interceptors";
 
 export const axiosInstance = axios.create({
   baseURL: `${import.meta.env.VITE_API}/api`,
@@ -10,4 +10,5 @@ export const axiosInstance = axios.create({
 })
 
 axiosInstance.interceptors.request.use(checkAndSetToken);
-axiosInstance.interceptors.response.use(response => response, handleTokenError);
+axiosInstance.interceptors.request.use(delayFulfilled);
+axiosInstance.interceptors.response.use(waitingFulfilled, handleTokenError);

frontend/src/api/Interceptors.ts

@@ -1,4 +1,4 @@
-import {AxiosError, InternalAxiosRequestConfig} from "axios";
+import {AxiosError, AxiosResponse, InternalAxiosRequestConfig} from "axios";
 import {TOKEN} from "@/constants/api";
 import {PATH} from "@/constants/path";
 import {reIssueToken} from "@/api/auth/ReIssueToken";
@@ -54,3 +54,27 @@ export const handleTokenError = async(error: AxiosError<ErrorResponseData>) => {
   throw new HTTPError(status, data.message, data.code);
 
 }
+
+
+export const delayFulfilled = (config: InternalAxiosRequestConfig )=> ({
+  ...config,
+  p0: performance.now(),
+});
+
+export const waitingFulfilled = async (response: AxiosResponse) => {
+  const minimumDelay = 1000;
+  const latency = performance.now() - response.config.p0;
+  const shouldNotDelay = minimumDelay < latency;
+
+  if (shouldNotDelay) {
+    return response;
+  }
+
+  const remainder = minimumDelay - latency;
+  const [responseWithDelay] = await Promise.all([
+    response,
+    new Promise((resolve) => setTimeout(resolve, remainder)),
+  ]);
+  return responseWithDelay;
+}
+

frontend/src/api/index.d.ts

@@ -4,4 +4,8 @@ declare module 'axios' {
   export interface AxiosRequestConfig {
     useAuth: boolean;
   }
+
+  export interface InternalAxiosRequestConfig {
+    p0: number;
+  }
 }