스켈레톤 UI는 무엇인가?
스켈레톤 UI는 실제 콘텐츠가 들어가게 될 자리를 잠시 대신할 빈 껍데기다.
웹 사이트에 접속했을 때 로딩 중임을 알려주는 컴포넌트를 본 적이 있을 것이다. 데이터를 가져오고 있다는 것을 알려주는 사용자 친화적인 UI이다.
일반적으로 로딩 바나 스피너만 있는 건 아니고 배경도 흐리게 표시한다. 데이터가 로딩되고 있음을 보여주는 스피너(spinner)나 바(bar)는 좋은 전략이며 사용자가 페이지 또는 컨테이너가 로딩되고 있음을 이해하는 데 도움이 된다.
요즘 많은 웹 사이트에서 지루한 대기 시간을 줄이기 위해 사용자에게 대체 UI 컴포넌트를 보여준다. 스켈레톤 UI의 가장 일반적인 패턴은 흰색 배경과 반짝이는 CSS 애니메이션이 있는 작은 박스다.
프론트엔드 개발자가 되기 위한 정보를 정리합니다.