api 함수내에 async await

Question

api파일에 예외처리를 작성하셨는데, try catch는 자바스크립트 기본 문법이고, api 함수를 사용할때 이미 async await을 사용하는데 왜 한번 더 api 함수 내에 async await을 사용하는지 잘 모르겠습니다! error를 잡을 때까지 기다려주기 위함인가요..?

캡틴판교 · Answer

안녕하세요 유림님, 좋은 질문입니다! :) 완벽 가이드 강좌에서의 에러 처리 방법은 컴포넌트 단에서 처리할 에러와 API 함수 단에서 처리할 에러를 구분하기 위해 예외 처리 코드를 양쪽에 넣었습니다. 저는 보통 액시오스를 사용하면 인터셉터라는 것을 이용해서 API 함수의 공통 에러 처리를 한 곳에서 진행합니다. 그리고 API에서 발생한 에러는 모두 컴포넌트 단으로 올려서 화면에서 바로 제어하는 는 에러 처리 패턴을 좋아합니다. 정리하자면, 이 강의에서는 액시오스 고급 패턴인 인터셉터를 다루지 않아서 에러 처리가 번거롭게 두 곳으로 나뉘어져 있다고 이해하시면 될 것 같아요 :) 제가 방금 말씀드린 에러 처리 패턴은 다음 강좌인 뷰 엔드게임에서 다루고 있는데 혹시 관심 있으시면 해당 부분 살펴보시면 좋을 것 같아요. 그 전에 미리 액시오스 인터셉터에 대한 궁금증은 아래 문서로 확인해보실 수 있을 것 같습니다 :) https://github.com/axios/axios#interceptors https://github.com/joshua1988/naver-vue/blob/master/slides/3_vue-ajax-patterns.pdf

유림 · Answer

아 이해됐습니다. 뷰 엔드게임도 볼 예정이라 참고하겠습니다 :-)