Skeleton UI

데이터를 가져오는 동안 컨테츠를 표시하는 컴포넌트이다.

 

데이터를 가져오는동안 프로그레스바가 차례대로 움직이거나, 보여줄 컴포넌트가 회색으로 보이거나...

유투브가 로딩완료되기전에 회색화면으로 보여진다.

데이터 페칭이 완료된 이후 보여줄 컴포넌트와 동일하게 만들어야한다는 불편한점이 있다. 

https://dev.to/devggaurav/build-a-simple-card-skeleton-loader-component-using-html-and-css-3a20

Build a simple card skeleton loader component using HTML and CSS.