✨ feat: 모각밥 모집글 이미지 업로드 기능 (#46)

package.json

@@ -22,6 +22,7 @@
         "@nestjs/core": "^10.4.8",
         "@nestjs/jwt": "^10.2.0",
         "@nestjs/platform-express": "^10.4.8",
+        "@nestjs/serve-static": "^4.0.2",
         "@nestjs/swagger": "^8.0.7",
         "@nestjs/typeorm": "^10.0.2",
         "bcrypt": "^5.1.1",

src/app.module.ts

@@ -2,7 +2,9 @@ import { MailerModule } from "@nestjs-modules/mailer";
 import { ClassSerializerInterceptor, Module } from "@nestjs/common";
 import { ConfigModule } from "@nestjs/config";
 import { APP_GUARD, APP_INTERCEPTOR } from "@nestjs/core";
+import { ServeStaticModule } from "@nestjs/serve-static";
 import { TypeOrmModule } from "@nestjs/typeorm";
+import { join } from "path";
 
 import { EmailOptions } from "./common/config/email-config";
 import { AccessTokenGuard } from "./common/guards/bearer-token.guard";
@@ -14,6 +16,10 @@ import { ParticipationsModule } from "./modules/participations.module";
 
 @Module({
     imports: [
+        ServeStaticModule.forRoot({
+            rootPath: join(__dirname, "..", "uploads"),
+            serveRoot: "/public",
+        }),
         ConfigModule.forRoot({
             envFilePath: [`${__dirname}/../.${process.env["NODE_ENV"]}.env`],
             isGlobal: true,

src/controllers/articles.controller.ts

@@ -8,7 +8,10 @@ import {
     Patch,
     Post,
     Put,
+    UploadedFile,
+    UseInterceptors,
 } from "@nestjs/common";
+import { FileInterceptor } from "@nestjs/platform-express";
 
 import { CurrentMemberDecorator } from "@APP/common/decorators/current-member.decorator";
 import { CreateArticleDto } from "@APP/dtos/create-article.dto";
@@ -34,6 +37,14 @@ export class ArticlesController {
         return this.articlesService.createArticle(currentMemberId, body);
     }
 
+    @Patch("upload-image")
+    @UseInterceptors(FileInterceptor("image"))
+    async patchUploadImage(@UploadedFile() file: Express.Multer.File) {
+        return {
+            filename: file.filename,
+        };
+    }
+
     @Patch(":articleId")
     async patchArticle(
         @Param("articleId", new ParseIntPipe()) articleId: number,

src/entities/article.entity.ts

@@ -1,4 +1,4 @@
-import { Type } from "class-transformer";
+import { Transform, Type } from "class-transformer";
 import { IsDate, IsNotEmpty, IsNumber, IsString } from "class-validator";
 import {
     Column,
@@ -45,6 +45,17 @@ export class ArticleEntity {
     @Column({ type: "datetime" })
     endTime!: Date;
 
+    @Transform(({ value }) => {
+        if (!value) return null;
+
+        return new URL(
+            `/public/articles/${value}`,
+            process.env["API_BASE_URL"],
+        ).toString();
+    })
+    @Column({ type: "varchar", length: 2048, nullable: true })
+    articleImage?: string;
+
     @IsNotEmpty()
     @IsNumber()
     @Column({ type: "int" })

src/entities/member.entity.ts

@@ -1,4 +1,4 @@
-import { Exclude } from "class-transformer";
+import { Exclude, Transform } from "class-transformer";
 import { IsEmail, IsNotEmpty, IsString, Length } from "class-validator";
 import {
     Column,
@@ -43,6 +43,14 @@ export class MemberEntity {
     @Column({ type: "varchar", length: 100, nullable: false, unique: true })
     email!: string;
 
+    @Transform(({ value }) => {
+        if (!value) return null;
+
+        return new URL(
+            `/public/members/${value}`,
+            process.env["API_BASE_URL"],
+        ).toString();
+    })
     @Column({ type: "varchar", length: 2048, nullable: true })
     profileImage?: string;
 

src/modules/articles.module.ts

@@ -1,5 +1,8 @@
-import { Module } from "@nestjs/common";
+import { BadRequestException, Module } from "@nestjs/common";
+import { MulterModule } from "@nestjs/platform-express";
 import { TypeOrmModule } from "@nestjs/typeorm";
+import multer from "multer";
+import { extname } from "path";
 
 import { ArticlesController } from "@APP/controllers/articles.controller";
 import { ArticleLikeEntity } from "@APP/entities/article-like.entity";
@@ -24,6 +27,33 @@ import { ArticlesService } from "@APP/services/articles.service";
             RegionEntity,
             ArticleLikeEntity,
         ]),
+        MulterModule.register({
+            limits: {
+                fileSize: 10000000,
+            },
+            fileFilter: (_req, file, cb) => {
+                const ext = extname(file.originalname);
+                if (ext !== ".jpg" && ext !== ".jpeg" && ext !== ".png") {
+                    return cb(
+                        new BadRequestException(
+                            "jpg/jpeg/png 파일만 업로드 가능합니다",
+                        ),
+                        false,
+                    );
+                }
+
+                return cb(null, true);
+            },
+
+            storage: multer.diskStorage({
+                destination: function (_req, _file, cb) {
+                    cb(null, "uploads/articles/");
+                },
+                filename: function (_req, file, cb) {
+                    cb(null, `${Date.now()}-${file.originalname}`);
+                },
+            }),
+        }),
     ],
     controllers: [ArticlesController],
     providers: [

src/modules/members.module.ts

@@ -34,7 +34,7 @@ import { MembersService } from "@APP/services/members.service";
 
             storage: multer.diskStorage({
                 destination: function (_req, _file, cb) {
-                    cb(null, "uploads/");
+                    cb(null, "uploads/members/");
                 },
                 filename: function (_req, file, cb) {
                     cb(null, `${Date.now()}-${file.originalname}`);