Skip to content

✨ [Feature] 데이터 로딩 상태 개선을 위한 Skeleton UI 적용 #24

@Seojegyeong

Description

@Seojegyeong

🛠️ Issue Description

현재 서비스 전반에서 데이터 로딩 시 Loading... 텍스트 또는 빈 화면이 노출되고 있음

💭 Functional role

라우트별 Code Splitting 및 React.lazy + Suspense 적용 이후, UX를 개선하기 위해 Skeleton UI 기반 로딩 상태 표현 필요함
공통 shimmer 기반 Skeleton UI 컴포넌트를 설계하고, Auth 관련 페이지/컴포넌트에 로딩 상태에 적용하는 것이 목표

📝 check-lists

  • Auth 전용 Skeleton UI 디자인 정의
  • AuthSkeleton 컴포넌트 구현
  • AuthLayout의 Suspense fallback에 Skeleton UI 적용
  • 로그인 페이지 로딩 상태에 Skeleton UI 적용
  • 회원가입 페이지 로딩 상태에 Skeleton UI 적용
  • 기존 Loading 텍스트 또는 빈 화면 제거

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions