화면 로딩 스켈레톤 UI

[leegain1]

어떤 기능인가요?

화면 JS를 받는 동안(첫 진입 등) 빈 화면 대신 그 화면 모양의 스켈레톤을 보여준다. 이후 API가 붙으면 데이터 로딩에도 같은 스켈레톤을 재사용한다.

📝 작업 상세 내용

• 라우트별 화면을 React.lazy로 코드 분할
• Suspense fallback으로 화면 모양의 스켈레톤 표시 (WDS Skeleton)
• 스켈레톤이 헤더 자리까지 맞춰서, 실제 화면으로 바뀔 때 레이아웃이 흔들리지 않게

📁 참고 자료 (선택)

• https://montage.wanted.co.kr/docs/components/loading/skeleton/web