질문이요!
244
작성한 질문수 35
저는 나중에 스켈레톤 UI를 적용해보고 싶은데, 보통 스켈레톤 UI 기법은 데이터가 불러와지는 영역에 불러오기 전까지 로딩UI를 표시할텐데, 만일
서버에서 다 그려지고 뿌려지는 형태면은 보통 로딩바는 그냥 가운데에 spinner라든가 로딩 애니메이션을 구현해야 할까요?
분명히 데이터의 양이 커지면 서버에서도 그려지는 딜레이가 있을텐데 로딩표현은 어떻게 해야 하는지 궁금해서요
답변 1
1
안녕하세요 악보님 오랜만이네요! ㅎㅎ 말씀하신 것처럼 만약 서버에서 그리는게 오래 걸린다면 결과 HTML 파일 자체를 가져오는 시간이 네트워크 단에서 오래 걸리는 것이기 때문에 UI 상으로 표현해 주실 필요는 없습니다. 보통 google.com을 쳤을 때 HTML 파일 자체가 안온 상황이면 브라우저 페이지 자체가 전체다 흰 페이지로 나오거든요 :) 서버에서 그려준 HTML 파일을 받고 나서 서버에 REST API로 데이터를 불러오는 케이스에는 Nuxt에서 제공하는 페이지 상단의 로딩바를 활용하셔도 되구요. 아니면 별도의 UI로 커스텀 하셔도 됩니다 :)
판교님, 50% 학생 할인 쿠폰
0
147
2
캡틴님 커리어 질문 있습니다
0
82
1
nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제
1
357
1
vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?
0
194
1
24년 강의를 들으면서 에러나는 부분 정리
2
347
2
공식홈페이지에 설치방법이 바뀐거같아요
1
410
3
layouts폴더와 default.vue에대해서 궁금한 점 있습니다!
1
385
2
자료가 없습니다.
1
287
2
에러 페이지 정의 방법 강의 문의
1
339
2
SSG -> SSR 배포 방식 전환
1
531
2
갑자기 화면에 에러가 나오네요..
1
452
2
마지막 강의까지 작성된 코드
1
297
2
JSON Server Operator 링크에 Operator 가 없습니다.
1
227
2
Vue2 EOL 관련해서..
1
464
2
env.baseUrl 문제
1
626
2
블로그 기능 질문입니다!
1
464
3
node 버전 문제 질문입니다.
1
227
1
폴더구조 다른것 안내 부탁드려요
1
459
1
npm run generate 배포
1
681
2
캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ
1
331
2
nuxt.config.js 에서 baseurl 지정하는 방법
2
996
1
db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.
2
614
3
axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.
2
775
2
SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?
1
390
2