[javascript] 에러 코드를 사용한 에러 핸들링 방법

07 Dec 2023

javascript

JavaScript를 사용하다 보면 가끔씩 에러가 발생할 수 있습니다. 이때 에러 코드는 문제를 식별하고 해결하기 위해 매우 유용합니다. 에러 핸들링은 프로그램의 안정성을 보장하고 사용자 경험을 향상시키는 데 도움이 됩니다.

1. try-catch 문

JavaScript에서 가장 일반적인 에러 핸들링 방법은 try-catch 문을 사용하는 것입니다. try 블록 내에서 예외가 발생할 수 있는 코드를 실행하고, 예외가 발생하면 catch 블록에서 에러를 처리합니다. 에러 코드를 사용하여 발생한 에러를 식별하고 처리할 수 있습니다.

try {
  // 예외가 발생할 수 있는 코드
} catch (error) {
  // 에러 처리 로직
  console.error(error.code); // 에러 코드 출력
}

2. Error 객체

JavaScript에서는 Error 객체를 사용하여 에러를 생성할 수 있습니다. 이 객체는 에러 메시지와 함께 에러 코드를 포함할 수 있습니다. 직접 에러 객체를 생성하여 에러 코드를 설정할 수 있습니다.

const customError = new Error('Custom Error');
customError.code = 500;
console.error(customError.code); // 에러 코드 출력

3. HTTP 상태 코드 활용

웹 애플리케이션 개발 시, HTTP 상태 코드를 사용하여 성공과 실패를 구분하는 것이 일반적입니다. 다양한 HTTP 상태 코드를 활용하여 에러를 식별하고 처리할 수 있습니다.

fetch('http://api.example.com')
  .then(response => {
    if (!response.ok) {
      throw new Error(response.status); // HTTP 상태 코드를 에러로 처리
    }
    return response.json();
  })
  .then(data => {
    // 데이터 처리 로직
  })
  .catch(error => {
    console.error(error.message); // 에러 메시지 출력
  });

결론

JavaScript에서 에러 코드를 사용한 에러 핸들링은 프로그래밍 실수나 외부 요인으로 발생할 수 있는 예외를 처리하는 데 도움이 됩니다. try-catch 문을 사용하거나 Error 객체를 활용하여 에러 코드를 설정할 수 있으며, HTTP 상태 코드를 활용하여 웹 애플리케이션에서도 에러를 처리할 수 있습니다. 올바른 에러 핸들링은 안정성을 높이고 사용자 경험을 개선하는 데 중요한 역할을 합니다.

참고:

MDN Web Docs - try…catch

MDN Web Docs - Error