프론트엔드 에러 핸들링 처리

현재 사내 프로젝트에서 따로 에러 핸들링 처리를 하고 있지않아
이방식을 모듈로 빼내서 에러 핸들링처리를 모듈화 하고 싶었다
그러던 도중 ... 좋은 강의와 자료들을 참고했고 그내용을 첨부해본다

오류종류

-컴파일 오류 : 작성될때 ide 에 작성시 컴파일러가 해석하지 못하는오류
-런타임 오류 : 프로그램동작시 try.catch 에서 잡히는 오류들

자바스크립트는 아주 다이나믹해서 런타임환경에서 타입이 결정된다
이런 오류는 컴파일 환경에서 잡을수있는 타입스크립트 적용으로 뚜까 잡을예정이니

* 100% 자바스크립트 오류를 타입스크립트로 해결할수없다 타입스크립트 또한 자바스크립트의 
슈퍼셋이기 떄문에 다만 런타임전 컴파일 환경에서 자바스크립트가 잡지못하는 컴파일 오류를 잡을수있다

런타임 오류에 대해 심도있게 알아보자

이 런타임 에러라는게 사실 우리가 핸들링할 '에러' 이다
예상 불가능한 이슈 즉 '에러'

이 에러 처리를 해주지않으면 자바스크립트는 이런 에러를
에러 객체로 내보내고 처리를 하지 않았으면 프로그램은 죽어(종료) 버린다 ...

그럼 우리는 오류가 발생할수도있고 아닐수도 있는것을 예외 구문으로 처리 하여 이런
불가피한 상황을 막아야한다

에러 핸들링 필요 이유

1. 에러를 사용자 에게 인지시켜 다른 사용을 할수있게 유도
   -> 서비스에대한 부정적 경험 막기

2.서비스 트랜잭션에 영향을미침
-> 물건을 구입하는데 계속 화면이 안바뀜 ->데이터 베이스에는 구매한 물품 항목 데이터 정보를 계속 넣음

에러의 분류

참조 : https://www.youtube.com/watch?v=FvRtoViujGg
참조 : https://jbee.io/react/error-declarative-handling-2/
참조 : https://www.youtube.com/watch?v=FXtooPhupr4