[typescript] 타입스크립트와 함께 사용하는 로깅 및 디버깅 방법

14 Dec 2023

typescript

타입스크립트(TypeScript)로 개발하면서 애플리케이션의 로깅 및 디버깅은 매우 중요합니다. 이러한 작업을 보다 효율적으로 수행하기 위해 다양한 도구와 방법이 존재합니다. 이 글에서는 타입스크립트와 함께 사용할 수 있는 로깅 및 디버깅 도구, 기술, 그리고 팁에 대해 살펴보겠습니다.

로깅

로깅은 애플리케이션의 실행 중에 발생하는 이벤트와 정보를 기록하는 것을 말합니다. 타입스크립트에서 로깅을 사용하는 방법 중 하나는 console.log 함수를 사용하는 것입니다. 하지만, 실제 제품용 코드에서는 더 많은 정보와 제어를 제공하는 로깅 라이브러리를 사용하는 것이 좋습니다.

여러 개의 로깅 라이브러리가 있지만, 대표적으로 winston, log4js, pino 등이 있습니다. 이들 라이브러리는 다양한 로그 수준, 포맷 지원, 로그 저장소와의 연동 기능 등을 제공하여 더 풍부한 로깅 기능을 제공합니다.

아래는 winston 라이브러리를 사용하여 간단하게 파일에 로그를 남기는 예시 코드입니다.

import winston from 'winston';

const logger = winston.createLogger({
    level: 'info',
    format: winston.format.json(),
    transports: [
        new winston.transports.File({ filename: 'app.log' })
    ]
});

logger.log('info', 'Hello, this is an info log message');
logger.log('error', 'Oops, something went wrong');

디버깅

타입스크립트로 개발하다보면 코드의 오류를 찾고 수정해야 하는 상황이 발생합니다. 이때 디버깅 도구를 활용하여 효율적으로 문제를 해결할 수 있습니다. 대표적으로 VS Code의 내장 디버거를 활용하여 타입스크립트 코드를 디버깅할 수 있습니다.

또한, console.log를 활용하여 간단한 디버깅을 수행할 수도 있지만, 이보다 더 나은 옵션으로 debugger 키워드를 사용하여 동적 디버깅을 수행할 수 있습니다. 아래는 debugger 키워드를 사용하여 코드 내에 중단점을 설정하고 디버깅하는 예시 코드입니다.

function add(a: number, b: number) {
    // 중단점 설정
    debugger;
    return a + b;
}

console.log(add(3, 5)); // 이 코드를 실행하면 중단점에서 디버깅이 시작됩니다.

위에서 언급한 것 외에도 타입스크립트 디버깅에 유용한 다양한 패키지와 확장도구가 존재합니다. 이러한 도구들을 적극 활용하여 코드의 오류를 신속하게 찾고 수정할 수 있습니다.

로깅 및 디버깅은 타입스크립트 개발 과정에서 반드시 필요한 작업이며, 적절한 도구와 기술을 활용하여 보다 효율적으로 작업할 수 있습니다.

이상으로 타입스크립트와 함께 사용하는 로깅 및 디버깅 방법에 대해 알아보았습니다. 원하는 도구와 기술을 적절히 활용하여 개발 업무를 보다 효율적으로 수행할 수 있기를 바랍니다.

목차

로깅

디버깅