front에서 이미지 요청 방법

frontend/src/apis/baseUrl.ts

 export default "/api";
+export const baseImageUrl = "http://localhost:3000/images";

frontend/src/apis/index.ts

 export * as authApi from "./auth.api";
-export * as questionApi from "./question.api"
-export * as surveyApi from "./survey.api"
+export * as questionApi from "./question.api";
+export * as surveyApi from "./survey.api";
+export { baseImageUrl } from "./baseUrl";

frontend/src/profile/Profile.tsx

 import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { surveyApi } from "../apis";
+import { baseImageUrl, surveyApi } from "../apis";
 import { SurveyType } from "../types";
 
 export const Profile = () => {
@@ -21,6 +21,7 @@ export const Profile = () => {
   return (
     <div className="flex flex-col items-center">
       <div className="m-5">나의 설문조사</div>
+      <img src={`${baseImageUrl}/9e24ad36a2947b08c89913b01`} />
       <div className="flex space-x-4 mt-5">
         <button
           onClick={createSurvey}

src/app.ts

 import cookieParser from "cookie-parser";
 import express, { Request, Response, NextFunction } from "express";
+import path from "path";
 import router from "./routes";
 
 const app = express();
@@ -8,6 +9,8 @@ app.use(express.json());
 app.use(express.urlencoded({ extended: true }));
 app.use(cookieParser());
 
+app.use("/images", express.static(path.join(__dirname, "..", "/uploads")));
+
 app.use("/api", router);
 
 app.use((err: any, req: Request, res: Response, next: NextFunction) => {