CSS : Progress Indicator- Skeleton UI (스켈레톤 UI, loading)

• 스켈레톤 UI는 데이터가 로딩되는 동안 사용자에게 보여주는 대체 화면으로, 데이터가 들어올 영역을 미리 표시해 사용자 경험을 향상시킨다.

• 로딩 인디케이터의 한 종류로, 인스타그램, 유튜브, 카카오페이 등에서 자주 활용되며, 화면이 갑작스럽게 늘어나지 않도록 도와준다.

• 리액트로 만들어진 프로젝트에서 'react-loading-skeleton' 라이브러리를 설치하여 사용할 수 있다.

• 스켈레톤 UI를 적용하면, 기존에 비어있던 화면에 어떤 부분이 어떻게 채워질지 미리 표시할 수 있어 사용자에게 친절한 인터페이스를 제공한다.