웹에서 'Skeleton UI(스켈레톤 UI)'란 무엇인가요?

쉬움 freeCodeCamp

보기 및 정답

A 콘텐츠 로딩 중 실제 레이아웃의 뼈대 형태를 회색 박스로 보여주어 체감 로딩 속도를 개선하는 UI 패턴이다

B 프로젝트에 적용된 CSS 스타일 중 최소한의 기본 스타일만 포함하는 경량화된 UI 테마이다

C 서버나 네트워크에서 에러가 발생했을 때 사용자에게 보여주는 대체 화면(Fallback UI)을 표시하는 패턴이다

D 시각 장애인 등 접근성 요구 사항을 충족하기 위해 텍스트만으로 구성된 전용 UI 표시 모드이다

스켈레톤 UI는 데이터가 로딩되는 동안 콘텐츠가 들어갈 자리에 회색 사각형이나 원형 플레이스홀더를 표시합니다. 스피너보다 사용자에게 '무엇이 올지' 힌트를 주어 체감 대기 시간을 줄이는 효과가 있습니다. YouTube, Facebook 등에서 널리 사용됩니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

로그인