자바스크립트 활용 예시(오류)

/*

    ! 자바 스크립트 예외

    cf) 오류(Error, 에러)

    : 부정확하거나 유효하지 않은 동작

     

    ? 1. 오류의 종류

    1) 구문 오류

    : 프로그램 실행 전에 발생

    >> 코드를 작성할 때 발생하는 오류

    >> 문법이 언어의 정의된 규칙을 따르지 않을 때 발생

    ex) 괄호를 닫지 않거나 잘못된 키워드 사용

*/

console.log('===구문 오류 예제===');

//console.log('프로그램이 시작되었습니다.

/*

    2) 런타임 오류

    : 프로그램 실행중에 발생

    >> 예측 가능한 비정상적인 조건 또는 예외적인 사건을 의미

    >> 코드가 순차적으로 실행되다가 오류가 위치하는 부분 이후에 실행이 중단

    ex) 파일을 찾을 수 없거나, 입력이 잘못 이루어진 경우, 네트워크 연결 오류 등

*/

console.log('===런타임 오류 예제===');

//console.rog('log를 rog로 잘못 입력했습니다.');

console.log('런타임 발생 이후의 코드');

/*

    자바 스크립트는 SyntaxError라고 출력되는 오류 이외의 모든 오류가 예외로 분류됨

    ex) TypeError, ReferenceError, RangeError등

    # JS 실행 중 발생하는 예외를 다루는 방법

    : 예외 처리

    ? 1. 기본 예외 처리

    : 조건문을 사용해서 예외가 발생하지 않도록 지정(권장하지 않는다.)

*/

document.addEventListener('DOMContentLoaded', ()=>{

    const h1= document.querySelector('h1');

    //h1.textContent='Hello';

    if(h1){

        h1.textContent='Hello';

    }

    else{

        console.log('h1태그는 존재하지 않습니다.');

    }

    console.log('다음 로직을 실행합니다.');

});

/*

    ? 2. 고급 예외 처리

    : try catch 블럭을 사용(+finally)

    try블록

    : 블록 내에서 실행된 코드는 예외 발생 여부를 감지

    >> 예외가 발생하면 즉시 실행이 중단되고 catch 블록으로 제어가 이동

    catch블록

    : 예외가 발생했을 때 실행되는 블록

    >> catch 블록 내에 전달되는 예외 객체를 통해 오류 정보를 식별하고 처리

    finally블록

    : 예외 발생 여부와 상관없이 실행되는 블록

    >> 주로 자원을 정리하는 코드(ex. 파일닫기등)

*/

function randomException(){

    if(Math.random() <0.5){

        throw new Error('오류 발생');

    }

    return '성공적으로 실행되었습니다.';

}

try{

    const result= randomException();

    console.log(result);

    console.log('try구문의 마지막 줄');

}catch(e){

    console.log('catch구문');

}

finally[

    console.log('finally구문');

]