axios 비동기 처리 .then 에서 async await으로 갈아타기

최신 문법인 async await을 특별한 이유 없으면 쓰는 게 좋다는 피드백을 받았다.

 

기존에 .then을 쓴 이유는 단순히 익숙해서.

비동기 함수를 async await으로 바꾸려고 하니까

에러 처리를 어떻게 하는지 약간 헤맸다.

 

기존에는 에러를 .catch로 받아서 넘겼는데

async await에서는 에러를 어떻게 받는지 알아보자

 

try catch 구문을 사용하면 된다.

  const getEventLists = async () => {
    try {
      const res = await axios.get(serverurl + '/api/admin/events/list');
      console.log(res)
    } catch(error) {
      console.log(error.response)
    }
  };

 

아직 해결 못한 궁금증은

타입스크립트에서 비동기 함수의 return type을 어떻게 지정하는가,,, 이다.