프로덕션에서 console.log 방지: 강력한 로깅을 위한 모범 사례-JS 튜토리얼-php.cn

프로덕션에서 console.log 방지: 강력한 로깅을 위한 모범 사례

Patricia Arquette

풀어 주다： 2024-12-09 09:15:08

원래의

616명이 탐색했습니다.

Avoiding console.log in Production: Best Practices for Robust Logging

소개

로깅은 애플리케이션 디버깅 및 모니터링에 매우 중요하지만, 부적절한 로깅으로 인해 성능 문제, 보안 취약점 및 복잡한 출력이 발생할 수 있습니다. 이 기사에서는 프로덕션에서 console.log를 피해야 하는 이유를 살펴보고 예제를 사용하여 모범 사례를 제공합니다.

프로덕션에서 console.log를 피해야 하는 이유는 무엇입니까?

성능 오버헤드 -> 내 시스템에서는 약 46초가 걸렸습니다.

console.time("with -> console.log");
for (let i = 0; i < 1000000; i++) {
    console.log(`Iteration number: ${i}`);
}
console.timeEnd("with -> console.log");

로그인 후 복사

이 루프는 메시지를 백만 번 기록하여 성능 저하를 초래합니다.

-> 내 시스템에서는 약 1ms 정도 걸렸습니다.

console.time("without -> console.log");
for (let i = 0; i < 1000000; i++) {
}
console.timeEnd("without -> console.log");

로그인 후 복사

보안 위험 민감한 정보를 기록하면 의도하지 않은 당사자에게 데이터가 노출될 수 있습니다. 이 코드는 민감한 자격 증명을 기록하여 보안 위험을 초래합니다.

const userCredentials = { username: 'john_doe', password: 's3cr3t' };
console.log(userCredentials);

로그인 후 복사

복잡한 통나무 빈번한 로깅은 콘솔에 부담을 주어 관련 정보를 찾기 어렵게 만들 수 있습니다.

function processOrder(order) {
  console.log('Processing order:', order);
  // Order processing logic here
  console.log('Order processed successfully');
}

로그인 후 복사

프로덕션 로그인 모범 사례

적절한 로깅 라이브러리 사용 morgan, winston, pino 또는 log4js와 같은 라이브러리는 로그 수준으로 구조화된 로깅을 제공합니다.

const pino = require('pino');
const logger = pino();

function processOrder(order) {
  logger.info({ order }, 'Processing order');
  // Order processing logic here
  logger.info('Order processed successfully');
}

로그인 후 복사

민감한 정보를 안전하게 기록 민감한 데이터를 직접 기록하지 마세요.

const userCredentials = { username: 'john_doe', password: 's3cr3t' };
logger.info({ username: userCredentials.username }, 'User logged in');

로그인 후 복사

조건부 로깅 구현

const isProduction = process.env.NODE_ENV === 'production';

function log(message) {
  if (!isProduction) {
    console.log(message);
  }
}

log('This message will only appear in development');

로그인 후 복사

서버 또는 외부 서비스에 로그인

const axios = require('axios');

function logToServer(message) {
  axios.post('/api/log', { message })
    .catch(error => console.error('Failed to send log:', error));
}

logToServer('This is an important event');

로그인 후 복사