Middleware와 Interceptor의 차이

// logger.middleware.ts

use(request: Request, response: Response, next: NextFunction): void {
     const { ip, method, originalUrl, query, body } = request;
     const userAgent = request.get('user-agent') || ''; // header에서 가져옴

    // 응답이 끝났을 때
    response.on('finish', () => {
       const { statusCode } = response;
       const contentLength = response.get('content-length');
     
       this.logger.info(`{
          info : `${method} ${originalUrl} ${statusCode} ${contentLength} - ${userAgent} ${ip}`,
          query : `${JSON.stringify(query)}`,
          body : `${JSON.stringify(body)}`
      }`);
    });

    next();

// logger.middleware.ts

const now = Date.now();
        return next
            .handle()
            .pipe(
                map(data => {
                    const { ip, method, originalUrl, query, body } = context.switchToHttp().getRequest();
                    logger.info('[REQUEST AND RESPONSE]',{
                        message: `
                            requestInfo: 
                                [ip method url] ${ip}, ${method}, ${originalUrl}, 
                                [query] ${JSON.stringify(query)}, 
                                [body] ${JSON.stringify(body)}
                            data: ${JSON.stringify(data)}
                            statusCode: ${context.switchToHttp().getResponse().statusCode}
                            executeTime: ${Date.now()-now} ms
                        `,
                    })
                })
            );