다크 모드 로더
Loader 또는 Skeleton Component는 반응형 기능이 있는 다크 모드 인터페이스를 제공합니다. 자바스크립트가 필요하지 않습니다.
HTML 코드
<div class="flex flex-col gap-4 w-full">
<div class="flex items-center justify-between">
<div>
<div class="h-2 w-24 bg-gray-500 rounded"></div>
<div class="h-2 w-16 bg-gray-500 mt-2 rounded"></div>
</div>
<div class="h-10 w-10 bg-gray-500 rounded-full"></div>
</div>
<div class="space-y-2">
<div class="h-2 w-full bg-gray-500 rounded"></div>
<div class="h-2 w-full bg-gray-500 rounded"></div>
<div class="h-2 w-full bg-gray-500 rounded"></div>
<div class="h-2 w-1/2 bg-gray-500 rounded"></div>
</div>
</div>