더 나은 UX를 위한 Skeleton UI

스켈레톤 UI는 실제 데이터가 화면에 로딩되기 전 사용자에게 화면이 로드 중임을 나타내기 위해 사용하는 UI입니다.

스켈레톤 로딩 화면은 기본적으로 원본 레이아웃을 기준으로 제작되고 페이지가 로딩되고 사용 가능해질 때 실제 콘텐츠와 유사한 모양으로 페이지를 보여줍니다.

라이브러리를 사용하여 적용

설치

npm i react-loading-skeleton

적용 전

적용 후