[Javascript]자바스크립트 예외 처리: try...catch를 이용한 오류 관리 방법

자바스크립트에서 예외 처리는 코드 실행 중 발생할 수 있는 오류를 관리하고 프로그램이 갑자기 중단되지 않도록 하는 중요한 부분입니다. 예외 처리를 통해 사용자 경험을 향상하고 프로그램의 안정성을 높일 수 있습니다. 이번 포스팅에서는 자바스크립트 예외 처리의 기본 개념과 사용 방법을 살펴보겠습니다.

≣ 목차

• 예외 처리 기본 개념🧩
• 기본 구문📜
• 예제 코드 설명💻
• 커스텀 예외 생성🛠️
• finally 블록 사용🔄
• 실전 팁💡
• 핵심 내용👀

---

01. 예외 처리 기본 개념🧩

자바스크립트 예외(Exception)는 프로그램 실행 중에 예기치 않게 발생하는 오류 상황을 의미합니다. 예외 처리는 이러한 오류를 관리하고 프로그램이 비정상적으로 종료되는 것을 방지하기 위한 방법입니다. 예외 처리를 통해 코드의 안정성을 높이고, 오류 발생 시 적절한 조치를 취할 수 있습니다.

---

02. 기본 구문📜

자바스크립트에서 예외 처리를 위한 기본 구문은 try, catch, finally 블록을 사용하는 것입니다. 각각의 역할은 다음과 같습니다.

try {
  // 오류가 발생할 가능성이 있는 코드
} catch (error) {
  // 오류가 발생했을 때 실행될 코드
} finally {
  // 항상 실행될 코드 (선택 사항)
}

try 블록

• try 블록 내에 위치한 코드는 오류가 발생할 가능성이 있는 코드를 포함합니다.
• 오류가 발생하면, 자바스크립트는 즉시 try 블록의 나머지 코드를 건너뛰고 catch 블록을 실행합니다.

catch 블록

• catch 블록은 try 블록 내에서 오류가 발생했을 때 실행됩니다.
• catch 블록은 발생한 오류에 대한 정보를 담고 있는 객체(보통 error라는 변수명으로 사용)를 매개변수로 가집니다.
• catch 블록 내에서 오류를 처리하거나 사용자에게 오류를 알리는 등의 작업을 수행할 수 있습니다.

finally 블록 (선택 사항)

• finally 블록은 try 블록과 catch 블록이 실행된 후 항상 실행됩니다.
• try 블록 내에서 오류가 발생하든 발생하지 않든 상관없이 실행됩니다.
• 주로 자원 정리, 예를 들어 파일이나 네트워크 연결을 닫는 작업 등에 사용됩니다.

---

03. 예제 코드 설명💻

try {
  let result = riskyOperation(); // 오류가 발생할 가능성이 있는 함수 호출
  console.log(result);
} catch (error) {
  console.error("An error occurred:", error.message);
} finally {
  console.log("This will always run, no matter what.");
}

---

try 블록

try {
  let result = riskyOperation(); // 오류가 발생할 가능성이 있는 함수 호출
  console.log(result);
}

• try 블록 내의 코드는 오류가 발생할 가능성이 있는 코드를 포함합니다.
• 여기서 riskyOperation() 함수가 호출되며, 이 함수가 실행될 때 오류가 발생할 가능성이 있습니다.
• riskyOperation() 함수가 정상적으로 실행되면, 그 반환값이 result 변수에 저장되고, console.log(result);에 의해 출력됩니다.
• 만약 riskyOperation() 함수가 오류를 발생시키면, try 블록의 나머지 코드는 건너뛰고 catch 블록으로 제어가 넘어갑니다.

---

catch 블록

catch (error) {
  console.error("An error occurred:", error.message);
}

• catch 블록은 try 블록 내에서 오류가 발생했을 때 실행됩니다.
• error 매개변수는 발생한 오류 객체를 참조합니다.
• console.error("An error occurred:", error.message); 코드는 오류 메시지를 콘솔에 출력합니다.
• 여기서 error.message는 오류 객체의 message 속성을 참조하며, 이는 오류에 대한 설명을 제공합니다.

---

finally 블록

finally {
  console.log("This will always run, no matter what.");
}

• finally 블록은 try 블록과 catch 블록이 실행된 후 항상 실행됩니다.
• try 블록 내에서 오류가 발생하든 발생하지 않든 상관없이 finally 블록은 항상 실행됩니다.
• 이 블록은 주로 자원 정리 작업을 수행하는 데 사용됩니다. 예를 들어, 파일이나 네트워크 연결을 닫는 작업 등을 수행할 수 있습니다.
• 이 예제에서는 단순히 "This will always run, no matter what."이라는 메시지를 콘솔에 출력합니다.

---

동작 예시

• riskyOperation() 함수가 오류를 발생시키지 않는 경우:
  1. try 블록이 정상적으로 실행됩니다.
  2. result 변수에 riskyOperation() 함수의 반환값이 저장되고, 해당 값이 콘솔에 출력됩니다.
  3. finally 블록이 실행되어 "This will always run, no matter what." 메시지가 출력됩니다.
• riskyOperation() 함수가 오류를 발생시키는 경우:
  1. try 블록 내의 코드 실행이 중단되고, catch 블록으로 제어가 넘어갑니다.
  2. catch 블록이 실행되어 오류 메시지가 콘솔에 출력됩니다.
  3. finally 블록이 실행되어 "This will always run, no matter what." 메시지가 출력됩니다.

이 예제는 자바스크립트에서 예외를 처리하여 프로그램이 예기치 않게 종료되지 않도록 하는 방법을 보여줍니다. 예외 처리를 통해 오류가 발생해도 프로그램의 나머지 부분이 계속 실행될 수 있도록 할 수 있습니다.

---

04. 커스텀 예외 생성🛠️

자바스크립트 커스텀 예외를 생성하는 방법에는 두 가지 주요 접근 방식이 있습니다. 하나는 throw 키워드를 사용하여 예외를 발생시키는 방법이고, 다른 하나는 Error 객체를 상속받아 새로운 오류 클래스를 정의하는 방법입니다. 각 방법을 간단히 설명해 보겠습니다.

1. throw 키워드를 사용하여 예외 발생시키기

throw 키워드를 사용하여 특정 조건이나 상황에서 예외를 발생시킬 수 있습니다. 이 방법은 예외 객체를 따로 정의하지 않고도 간단히 예외를 처리할 수 있는 장점이 있습니다. 예를 들어,

function checkNumber(num) {
  if (typeof num !== 'number') {
    throw new Error("Invalid number: The input should be a number.");
  }
  return num;
}

try {
  let result = checkNumber("not a number");
  console.log("Result:", result);
} catch (error) {
  console.error("Caught an error:", error.message);
}

이 예제에서 checkNumber 함수는 입력이 숫자가 아닌 경우 throw new Error(...)를 사용하여 예외를 발생시킵니다. catch 블록에서는 이 예외를 잡아서 처리하고 있습니다.

---

2. Error 객체를 상속받아 새로운 오류 클래스 정의하기

더 복잡하거나 응용 프로그램의 특정 도메인에서 자주 발생하는 예외를 처리해야 할 때는, Error 객체를 상속받아 새로운 오류 클래스를 정의하는 것이 좋습니다. 이 방법은 예외에 대한 특화된 메서드나 속성을 추가할 수 있는 장점이 있습니다.

class CustomError extends Error {
  constructor(message) {
    super(message);
    this.name = this.constructor.name;
    this.date = new Date();
  }
  
  // 추가적인 메서드 정의 가능
  logError() {
    console.log(`[${this.date}] ${this.name}: ${this.message}`);
  }
}

function processInput(input) {
  if (typeof input !== 'string') {
    throw new CustomError('InvalidInputError: Input should be a string.');
  }
  
  // 여기서부터는 input을 처리하는 로직을 포함할 수 있음
  console.log('Processing input:', input);
}

try {
  processInput(42); // 유효하지 않은 입력을 전달하여 예외를 발생시킴
} catch (error) {
  if (error instanceof CustomError) {
    error.logError(); // 커스텀 오류 객체의 추가 메서드 사용 예시
  }
  console.error('Caught an error:', error.message); // 예외 처리
}

이 예제에서 CustomError 클래스는 Error 객체를 상속받아 새로운 오류 클래스를 정의하고 있습니다. constructor 메서드에서는 오류 이름과 현재 시각을 포함한 추가 정보를 설정하고 있습니다. processInput 함수에서는 throw new CustomError(...)를 사용하여 커스텀 예외를 발생시키고 있습니다. catch 블록에서는 instanceof 연산자를 사용하여 특정 예외 클래스의 인스턴스인지 확인하고, 필요에 따라 추가적인 메서드를 호출할 수 있습니다.

---

요약

• throw 키워드를 사용하여 간단하게 예외를 발생시킬 수 있습니다. 이 경우 별도의 오류 클래스 정의 없이도 예외 처리가 가능합니다.
• Error 객체를 상속받아 새로운 오류 클래스를 정의하면, 예외에 대한 세부적인 제어가 가능하고, 예외 객체에 메서드나 속성을 추가할 수 있습니다.

언제나 상황에 맞게 적절한 방법을 선택하여 예외 처리를 구현하는 것이 중요합니다.

---

05. finally 블록 사용🔄

finally 블록은 try와 catch 블록 후에 항상 실행되는 코드 블록입니다. try 블록 내에서 오류가 발생하든 발생하지 않든, finally 블록은 항상 실행됩니다. 이는 주로 자원 해제(예: 파일 닫기, 네트워크 연결 종료)와 같은 정리 작업을 수행하는 데 유용합니다.

아래 예제는 파일을 열고 읽는 작업을 수행하면서 발생할 수 있는 오류를 처리하고, 파일을 안전하게 닫는 것을 보장하는 코드입니다.

// CustomError 클래스를 정의하여 Error 클래스를 상속받음
class CustomError extends Error {
  constructor(message) {
    super(message); // 부모 클래스인 Error의 생성자를 호출하여 메시지를 설정
    this.name = this.constructor.name; // 오류 이름을 현재 클래스 이름으로 설정
  }
}

// riskyOperation 함수는 CustomError를 발생시킴
function riskyOperation() {
  throw new CustomError("Something went wrong during riskyOperation");
}

// 예외 처리를 포함한 함수
function executeWithFinally() {
  try {
    console.log("Trying risky operation..."); // try 블록 시작
    riskyOperation(); // 이 함수가 오류를 발생시킴
  } catch (error) {
    console.error("Caught an error:", error.message); // 오류가 발생하면 catch 블록이 실행됨
  } finally {
    console.log("This will always run, no matter what."); // finally 블록은 항상 실행됨
    // 예를 들어, 여기에서 파일이나 네트워크 연결을 닫는 작업을 수행할 수 있음
  }
}

// executeWithFinally 함수 호출
executeWithFinally();

---

06. 실전 팁💡

자바스크립트에서 예외 처리를 실전에서 효과적으로 다루기 위한 몇 가지 팁을 제공할 수 있습니다.

1. 구체적인 예외 처리: 예외 처리는 가능한 한 구체적이어야 합니다. 즉, 어떤 종류의 오류가 발생할 수 있는지 미리 예상하고, 각각의 예외에 대해 적절한 처리 방법을 구현하는 것이 좋습니다. 예를 들어, 데이터베이스 연결 오류와 파일 읽기 오류는 다르게 처리되어야 합니다.
2. 에러 메시지 포함: 예외를 잡아서 처리할 때 반드시 오류 메시지를 포함하여 로깅하거나 사용자에게 전달하는 것이 중요합니다. 이는 디버깅과 문제 해결을 돕기 때문에 매우 유용합니다.
3. finally 블록 활용: finally 블록은 정리 작업을 위해 매우 유용합니다. 예를 들어, 파일이나 데이터베이스 연결을 닫거나 리소스를 해제하는 코드를 finally 블록에 위치시키면, 예외가 발생하더라도 리소스 누수를 방지할 수 있습니다.
4. throw문으로 예외 발생: 필요한 경우 throw 문을 사용하여 명시적으로 예외를 발생시키는 것이 중요합니다. 예를 들어, 사용자 입력이 유효하지 않은 경우 등에서 사용할 수 있습니다.
5. 코드 리뷰와 테스트: 예외 처리 코드는 코드 리뷰 과정에서 반드시 확인되어야 합니다. 또한, 테스트 시나리오를 통해 예외 상황이 올바르게 처리되는지 확인하는 것이 중요합니다.
6. 전역 예외 처리기 설정: 어플리케이션 전역에 예외 처리기를 설정하여 예기치 않은 예외가 발생할 경우 기본적인 오류 처리를 수행할 수 있습니다. 이를 통해 애플리케이션이 비정상 종료되는 상황을 방지할 수 있습니다.
7. 에러 처리와 사용자 경험: 사용자에게 공개적인 환경에서는 사용자가 이해할 수 있는 방식으로 오류 메시지를 표시하는 것이 중요합니다. 사용자가 오류 메시지를 보고 문제를 해결할 수 있도록 도와야 합니다.
8. 비동기 코드의 예외 처리: 비동기 코드에서는 try... catch 구문이 직접적으로 예외를 잡지 못할 수 있습니다. 따라서 Promise의 catch 메서드를 사용하거나 async/await 구문을 통해 비동기 코드에서 발생하는 예외를 처리하는 방법을 숙지하는 것이 중요합니다.

---

07. 핵심 내용👀