axios 통신하면 서버로 부터 데이터를 기다려야하는 상황이 있다.

데이터가 오기까지 은근히 시간이 걸려서(1~3초) 사용자가 데이터가 텅빈 화면을 보면 조금 당혹스럽게 띄용할 것이다. progress와 skeleton이 이 시간을 지켜줄 것이다.

기본 로직은 loading 변수로 await을 감싸주는 것.

const this.loading = true;
const {data} = await axios(...)
//...
const this.loading = false;

‣ 을 같이 활용하면 좋다