+ 로딩중 화면 구현하기

로딩중 구현하기 

유저가 늘어나면 데이터가 커지기때문에 통신시간이 길어짐 그래서

처음 페이지를 접속했을때 업로드가 늦게 되는 (몇초간 빈화면)문제가 발생할 수 있슴

그이유는 우리가 처음에 빈배열로 state를 만들어 줬기 때문임

이를 해결 하기 위해서 새로운 state를 만들어 줄것

Flag가 true 일 경우 컨텐츠들을 띄워주도록 할것이고 false 인경우는 다른컨텐츠를 띄우저도록 코드를 작성해주면됨

 

 

axios통신이 끝났을때 setFlag를 true 로 바꿔주고  컨텐츠를 화면에 띄워주고

 

 

그게 아닐경우에는 bootstrap에서 spinner를가져와 화면에 표시해줌