본문 바로가기
카테고리 없음

JavaScript 에러 핸들링과 try-catch-finally 완전 정복

by ody스크립터 2025. 5. 19.
반응형

이번 강좌에서는 코드 실행 중 발생하는 에러를 처리하는 방법을 배워볼게요.

실무에서 꼭 필요한 try-catch-finally 구문과 함께, 자주 발생하는 에러의 원인과 처리법도 알려드릴게요!


💡 에러란?

프로그램을 실행하는 도중, 예상하지 못한 상황이 발생하면 에러가 발생합니다.

이 에러를 적절하게 처리하지 않으면 프로그램이 중단되거나, 원인을 찾기 어려워져요.


🖥️ try-catch 문법

코드 실행 중 발생할 수 있는 에러를 try 블록 안에서 감지하고, catch 블록으로 처리할 수 있어요.

try {
  // 에러 발생 가능성이 있는 코드
  let result = 10 / 0;
  console.log(result);
} catch (error) {
  // 에러 발생 시 실행할 코드
  console.error("에러 발생:", error.message);
}

✔️ 에러가 발생하면 catch 블록으로 이동
✔️ 에러 정보를 error 객체로 확인 가능


⚙️ finally 블록

에러 발생 여부와 관계없이 항상 실행되는 코드 영역입니다.

주로 정리 작업이나 리소스 해제 같은 마무리 작업에 사용해요.

try {
  console.log("시작");
  let result = 10 / 0;
} catch (error) {
  console.error("에러:", error);
} finally {
  console.log("마무리 작업 실행");
}

⚠️ 자주 발생하는 에러 종류

  • ReferenceError : 선언하지 않은 변수 참조
  • TypeError : 잘못된 데이터 타입 사용
  • SyntaxError : 문법 오류
  • RangeError : 허용 범위를 벗어난 값

이런 에러도 try-catch로 안전하게 처리할 수 있어요.


📌 요약

이번 강좌에서는 에러 핸들링의 기본 try-catch-finally 문법과 주요 에러 종류를 배웠습니다.

안정적인 코드를 위해 꼭 알아두세요!


⏳ 다음 강좌 예고

다음 편에서는 자주 사용하는 브라우저 이벤트 처리와 이벤트 리스너 사용법을 정리해 드릴게요.

웹 페이지와 사용자 상호작용의 핵심! 기대해 주세요 😃

반응형