[javascript] Angular와 자바스크립트에서의 에러 핸들링 방법

21 Dec 2023

javascript

에러 핸들링은 프론트엔드 및 백엔드 애플리케이션에서 핵심적인 부분입니다. Angular 프레임워크와 일반적인 자바스크립트에서의 에러 핸들링에 대해 살펴보겠습니다.

1. Angular 에러 핸들링

Angular 애플리케이션에서 에러를 처리하기 위해 ErrorHandler 클래스를 사용할 수 있습니다. 다음은 ErrorHandler 클래스를 상속하여 사용자 지정 에러 핸들러를 구현하는 예제입니다.

import { ErrorHandler } from '@angular/core';

export class CustomErrorHandler implements ErrorHandler {
  handleError(error: any): void {
    // 에러를 처리하는 로직을 여기에 추가
  }
}

그리고 애플리케이션 모듈에서 이 사용자 지정 에러 핸들러를 등록할 수 있습니다.

import { NgModule, ErrorHandler } from '@angular/core';
import { CustomErrorHandler } from './custom-error-handler';

@NgModule({
  providers: [
    { provide: ErrorHandler, useClass: CustomErrorHandler }
  ]
})
export class AppModule { }

2. 자바스크립트에서의 에러 핸들링

자바스크립트에서는 try-catch 문을 사용하여 에러를 처리할 수 있습니다. 다음은 간단한 try-catch 예제입니다.

try {
  // 예외를 유발할 수 있는 코드
} catch (error) {
  // 에러를 처리하는 로직을 여기에 추가
}

또한 Promise나 async/await를 사용하는 경우에는 .catch() 메서드를 사용하여 에러를 처리할 수 있습니다.

somePromise
  .then(result => {
    // 성공한 경우에 대한 처리
  })
  .catch(error => {
    // 에러를 처리하는 로직을 여기에 추가
  });

결론

Angular와 일반적인 자바스크립트에서는 각각 ErrorHandler 클래스와 try-catch 문, Promise, async/await를 통해 에러를 처리할 수 있습니다. 올바른 에러 핸들링은 안정적이고 신뢰할 수 있는 애플리케이션을 구축하는 데 중요한 요소입니다.

참고문헌:

https://angular.io/api/core/ErrorHandler
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/try…catch