질문이요!

인프런 커뮤니티 질문&답변

Nuxt.js 시작하기

fetch 속성 특성 및 주의 사항

작성

240

저는 나중에 스켈레톤 UI를 적용해보고 싶은데, 보통 스켈레톤 UI 기법은 데이터가 불러와지는 영역에 불러오기 전까지 로딩UI를 표시할텐데, 만일

서버에서 다 그려지고 뿌려지는 형태면은 보통 로딩바는 그냥 가운데에 spinner라든가 로딩 애니메이션을 구현해야 할까요?
분명히 데이터의 양이 커지면 서버에서도 그려지는 딜레이가 있을텐데 로딩표현은 어떻게 해야 하는지 궁금해서요

vuejs ssr nuxtjs

답변 1

캡틴판교

지식공유자

안녕하세요 악보님 오랜만이네요! ㅎㅎ 말씀하신 것처럼 만약 서버에서 그리는게 오래 걸린다면 결과 HTML 파일 자체를 가져오는 시간이 네트워크 단에서 오래 걸리는 것이기 때문에 UI 상으로 표현해 주실 필요는 없습니다. 보통 google.com을 쳤을 때 HTML 파일 자체가 안온 상황이면 브라우저 페이지 자체가 전체다 흰 페이지로 나오거든요 :) 서버에서 그려준 HTML 파일을 받고 나서 서버에 REST API로 데이터를 불러오는 케이스에는 Nuxt에서 제공하는 페이지 상단의 로딩바를 활용하셔도 되구요. 아니면 별도의 UI로 커스텀 하셔도 됩니다 :)

악보-Designer Park

작성한 질문수

전체 Q&A

질문하기