| 12345678910111213141516171819202122232425262728293031 |
- // /stock/[code] 진입/네비게이션 시 즉시 노출되는 Suspense 스켈레톤 — 서버 렌더 대기 중 "멈춤" 체감 제거.
- export default function Loading()
- {
- return (
- <div className='w-full p-4 space-y-4 animate-pulse' aria-hidden='true'>
- <div className='space-y-3'>
- <div className='h-8 w-48 rounded bg-gray-500/15' />
- <div className='h-10 w-40 rounded bg-gray-500/10' />
- <div className='flex gap-4'>
- <div className='h-6 w-20 rounded bg-gray-500/10' />
- <div className='h-6 w-20 rounded bg-gray-500/10' />
- <div className='h-6 w-20 rounded bg-gray-500/10' />
- </div>
- </div>
- <div className='h-40 w-full rounded bg-gray-500/10' />
- <div className='flex gap-2'>
- {Array.from({ length: 7 }).map((_, i) => (
- <div key={i} className='h-8 w-14 rounded bg-gray-500/10' />
- ))}
- </div>
- <div className='space-y-2'>
- {Array.from({ length: 10 }).map((_, i) => (
- <div key={i} className='h-8 w-full rounded bg-gray-500/10' />
- ))}
- </div>
- </div>
- );
- }
|