[TIL] nest : Global Exception Filter / 다른 모듈의 service를 불러오기 중 종속성 문제 / nest : form-data / nest : form-data boolean 이 항상 true로 보내지는 문제

✅ 한 일

-nest : global Catch 적용

-회원가입 S3 프로필 이미지 업로드 기능 추가, 사용자/관리자 여부 확인 기능 추가, 프론트 연결 완료

---

☑️ 기록

목차

[nest : Global Exception Filter]
[다른 모듈의 service를 불러오기 중 종속성 문제]
[nest : form-data]
[nest : form-data boolean 이 항상 true로 보내지는 문제]

 

---

[nest: Global Exception Filter]

지금까지는 try, catch문으로 에러 핸들링, 응답을 했는데 팀원간 코드 일관성이 없고 중복 코드가 많아져서 Global Exception Filter을 설정해두려고 한다.

-@Catch() 데코레이터와 ExceptionFilter 클래스를 사용해 예외 유형을 캐치하고 처리함

-기존 예외처리한 에러가 있을시, 해당 에러로 반환하고, 만약 없을 시에는 500 서버오류를 반환한다.

 

// global-catch.exception.ts
import {
  Catch,
  ExceptionFilter,
  ArgumentsHost,
  HttpException,
  HttpStatus,
} from '@nestjs/common';

@Catch()
export class GlobalCatchException implements ExceptionFilter {
  catch(exception: any, host: ArgumentsHost) {
    const ctx = host.switchToHttp();
    const response = ctx.getResponse();

    const status =
      exception instanceof HttpException
        ? exception.getStatus()
        : HttpStatus.INTERNAL_SERVER_ERROR;

    const message =
      exception instanceof HttpException
        ? exception.message
        : '서버 내부 오류로 처리할 수 없습니다. 나중에 다시 시도해주세요.';

    const isError: boolean = status <= 400;

    console.error(exception);

    response.status(status).json({
      status: isError,
      statusCode: status,
      message: message,
    });
  }
}

 

// main.ts

  //-- 글로벌 예외 처리 --//
  app.useGlobalFilters(new GlobalCatchException()); // try, catch문 생략 가능

---

[다른 모듈의 service를 불러오기]

uploads.service 요소를 users.service 모듈에 불러서 쓰려고 함.

=> 아무 상관도 없는 order.module, shop.module 등 곳곳에서 오류가 발생하기 시작함.

[Nest] 24892  - 08/23/2023, 8:21:56 PM   ERROR [ExceptionHandler] Nest can't resolve dependencies of the OrdersService (OrdersEntityRepository, ?, OrderDetailsEntityRepository). Please make sure that the argument UserService at index [1] is available in the OrdersModule context.

종속성 문제

Order, Shop 등의 모듈에서 userservice를 참조로 하기때문에 종속성의 문제로 오류발생하는것.

=> userservice와 연관된 모든 모듈의 providers에 UploadsService를  불러와서 해결함

 

 

++ 종속성 관련 내용 추가

https://vc-xz.tistory.com/300

[TIL] nest 의존성 주입시 providers? imports? module?

 

 

---

[nest form-data 다루기]

클라이언트에서 form-data로 보내는데 ValidationPipe에서 데이터 유효성 검사하면서 오류가 발생함.

찾아보니 파일 업로드시 @UseInterceptors(FilesInterceptor('files')) 데코레이터를 사용해야 함

FilesInterceptor는 업로드된 파일을 처리하는 인터셉터고, files는 업로드 필드의 이름임

  @UseInterceptors(FilesInterceptor('files'))

=> 배열이냐 단수냐에 따라 데코레이터 명이 다름! 꼭 확인..! 아니면 데이터를 못받아온다

 

 

// users.controller.ts

  //-- 일반 회원가입 --//
  @Post()
  @UsePipes(ValidationPipe)
  @UseInterceptors(FileInterceptor('files'))
  async signUp(
    @UploadedFiles() files: Express.Multer.File[],
    @Body() createUserDto: CreateUserDto,
  ): Promise<ResultableInterface> {
    console.log(files);
    return await this.userService.signUp(createUserDto, files);
  }

---

[nest form-data boolean 이 항상 true로 보내지는 문제]

form-data에 false로 보내도 서버에서는 계속 true로 처리한다

class-transformer 문제라는데 아래 스택오버플로우 글을 참고함

https://stackoverflow.com/questions/59046629/boolean-parameter-in-request-body-is-always-true-in-nestjs-api

 

보통 form-data 를 통해 불리언 값을 전송하면 해당 값이 문자열 형태로 서버에 도달하는데 Nestjs의 class-transformer,class-validator 라이브러리는 문자열을 불리언 값으로 변환하지 못해서 문제가 생김

그래서 @Transform 데코레이터를 사용해서 수동으로 변환해주었다.

 

// create-udser.dto.ts

  @IsOptional()
  @Transform(({ obj, key }) => {
    return obj[key] === 'true' ? true : obj[key] === 'false' ? false : obj[key];
  })
  @IsBoolean()
  readonly seller_flag: boolean;