Loading state · 로딩 상태
화면에 필요한 데이터나 자원을 가져오는 중이라 최종 내용을 아직 보여 줄 수 없는 상태다.
무엇이 다른가요?
Empty는 불러온 결과에 표시할 항목이 없는 상태이고 Error는 요청이 실패한 상태다. 스피너와 스켈레톤은 로딩을 표현하는 방법이며 로딩 자체의 동의어가 아니다. aria-busy는 갱신 중 의미로 로딩보다 넓다.
이럴 때 사용해요
검색 결과, 목록, 이미지 등을 요청한 뒤 응답을 기다리는 구간을 알릴 때 쓴다. 저장 등 처리 중 표시와 닮았어도 어떤 작업을 기다리는지 구체적으로 적는다.
직접 조작 예시는 JavaScript가 필요합니다.
아틀라스 목록