feature : 이미지 저장

Author: Joonw00

index.js

@@ -9,8 +9,13 @@ import moviechoiceRouter from "./srcs/moviechoice/moviechoice.route.js";
 import aichatRouter from "./srcs/aichat/aichat.route.js";
 import { mypageRouter } from "./srcs/mypage/mypage.route.js";
 import dotenv from "dotenv";
+import path from "path";
+import { fileURLToPath } from "url";
 dotenv.config();
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
 const app = express();
 const port = 3000;
 
@@ -20,6 +25,7 @@ app.use(express.urlencoded({ extended: true }));
 app.use(express.static("public"));
 app.use(cors({origin: 'http://localhost:3000',credentials: true}));
 
+app.use("/uploads", express.static(path.join(__dirname, "uploads")));
 app.use("/users", userRouter);
 app.use("/auth", authRouter);
 app.use("/movies", movieRouter);

package-lock.json

@@ -19,6 +19,7 @@
     "http-status-codes": "^2.3.0",
     "jsonwebtoken": "^9.0.2",
     "morgan": "^1.10.0",
+    "multer": "^1.4.5-lts.1",
     "mysql2": "^3.12.0",
     "openai": "^4.83.0",
     "socket.io": "^4.8.1"

package.json

@@ -37,8 +37,6 @@ const handleAuth = async (providerLogin, providerName, req, res) => {
 const handleKakaoAuth = async (req, res) => {
     try {
         const code  = req.body.code || req.query.code;  
-
-        // 
         if (!code) {
             return res.json(response(
                 { isSuccess: status.BAD_REQUEST.isSuccess, code: 400, message: "인가 코드가 없습니다." },

srcs/auth/auth.controller.js

@@ -7,7 +7,7 @@ import {
 } from "./mypage.model.js";
 import { responseData, errorResponse } from "../../config/response.js";
 
-
+import { upload } from "../utils/multer.js";
 // 1. 사용자 프로필 조회
 export const getProfile = async (req, res) => {
   try {
@@ -32,7 +32,11 @@ export const getProfile = async (req, res) => {
 export const updateProfile = async (req, res) => {
   try {
     const userId = req.userId;
-    const { nickname, profileImage } = req.body;
+    const { nickname } = req.body;
+    console.log(nickname);
+    const profileImage = req.file ? `/uploads/profile/${req.file.filename}` : null; // ✅ 업로드된 이미지 경로 저장
+    console.log(profileImage);
+
 
     await updateProfileInDB(userId, nickname, profileImage);
 

srcs/mypage/mypage.controller.js

@@ -1,15 +1,30 @@
 import { pool } from "../../config/db.js";
 import queries from "./mypage.sql.js";
 
-// 1. 사용자 프로필 조회
 export const fetchProfile = async (userId) => {
   const [result] = await pool.query(queries.getUserProfile, [userId]);
-  return result[0]; // 결과는 배열이므로 첫 번째 값을 반환
+  const user = result[0];
+
+  // ✅ 서버에서 이미지 접근 가능하도록 URL 변환
+  return {
+    userId: user.user_id,
+    email: user.email,
+    nickname: user.nickname,
+    profileImage: user.profile_image_url
+      ? `${process.env.SERVER_URL}${user.profile_image_url}` // 서버 URL + 파일 경로
+      : null,
+  };
 };
 
-// 2. 사용자 프로필 업데이트
+
 export const updateProfileInDB = async (userId, nickname, profileImage) => {
-  await pool.query(queries.updateUserProfile, [nickname, profileImage, userId]);
+  const query = profileImage 
+    ? "UPDATE user SET nickname = ?, profile_image_url = ? WHERE user_id = ?"
+    : "UPDATE user SET nickname = ? WHERE user_id = ?";
+    
+  const params = profileImage ? [nickname, profileImage, userId] : [nickname, userId];
+
+  await pool.query(query, params);
 };
 
 // 3. 캘린더 데이터 조회

srcs/mypage/mypage.model.js

@@ -7,12 +7,13 @@ import {
   getLikedMovies,
 } from "./mypage.controller.js";
 import authenticateToken from "../../config/jwt.middleware.js";
+import { upload } from "../utils/multer.js";
 
 const router = express.Router();
 router.use(authenticateToken);
 
 router.get("/profile", getProfile);
-router.put("/profile", updateProfile);
+router.put("/profile", upload.single("profileImage"), updateProfile);
 router.get("/calendar", getCalendarData);
 router.get("/reviews", getUserReviews);
 router.get("/liked-movies", getLikedMovies);

srcs/mypage/mypage.route.js

@@ -74,7 +74,7 @@ export const signupUser = async (req, res) => {
   try {
       const signupInfo = req.body;
       const { userId } = await UserService.postUser(signupInfo); // ✅ user_id 받기
-
+      
       // ✅ 회원가입 성공 시 응답 반환 (user_id 포함)
       return res.status(201).send(response(
           status.SUCCESS,

srcs/user/user.controller.js

@@ -36,8 +36,9 @@ export const UserService = {
   postUser: async (signupInfo) => {
     try {
       const { email, password, nickname } = signupInfo;
-      console.log(signupInfo);
-      console.log("postUser");
+      
+      // 암호화
+      // signupInfo.password = await UserModel.encryptPassword(password);
       // 🔥 필수 입력값 체크
       if (!email || !password || !nickname) {
         console.log("필수 정보를 입력해주세요.");