지영이의 개발 블로그
+ 로딩중 화면 구현하기 본문
로딩중 구현하기
유저가 늘어나면 데이터가 커지기때문에 통신시간이 길어짐 그래서
처음 페이지를 접속했을때 업로드가 늦게 되는 (몇초간 빈화면)문제가 발생할 수 있슴
그이유는 우리가 처음에 빈배열로 state를 만들어 줬기 때문임
이를 해결 하기 위해서 새로운 state를 만들어 줄것
Flag가 true 일 경우 컨텐츠들을 띄워주도록 할것이고 false 인경우는 다른컨텐츠를 띄우저도록 코드를 작성해주면됨
axios통신이 끝났을때 setFlag를 true 로 바꿔주고 컨텐츠를 화면에 띄워주고
그게 아닐경우에는 bootstrap에서 spinner를가져와 화면에 표시해줌
'Node.js > MERN STACK' 카테고리의 다른 글
| Read(2): useParams() 사용하여 파라미터 가져오기 (0) | 2022.06.10 |
|---|---|
| Read(1) :게시글 불러오고 번호달기 (0) | 2022.06.08 |
| 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS) (0) | 2022.06.08 |
| 클라이언트와 서버연결 -axios (0) | 2022.06.07 |
| express,mongoose (0) | 2022.06.07 |
'Node.js/MERN STACK' Related Articles
more
Comments