Skip to content

Feat/mypage/suspense#204

Open
phantom2115 wants to merge 4 commits intodevfrom
feat/mypage/suspense
Open

Feat/mypage/suspense#204
phantom2115 wants to merge 4 commits intodevfrom
feat/mypage/suspense

Conversation

@phantom2115
Copy link
Collaborator

📌 PR 제목

  • feat: 마이페이지 Suspense 및 Skeleton UI 적용으로 사용자 로딩 경험 개선

🔍 변경 사항

  • 마이페이지(my-page/page.tsx)에 Suspense 경계를 도입하여 UserProfile, HostGatherings, MemberGatherings 각 영역이 독립적으로 로딩되도록 개선
  • useQuery / useInfiniteQuery를 useSuspenseQuery / useSuspenseInfiniteQuery로 전환 (useGetGatheringMineList, useGetUserInfoSuspense)
  • Suspense용 useGetUserInfoSuspense 커스텀 훅 신규 추가
  • Gatherings 컴포넌트를 HostGatherings와 MemberGatherings로 분리하여 각각 독립적인 Suspense 경계 적용
  • Skeleton 로딩 컴포넌트 추가: UserProfileSkeleton, AuthStatusSkeleton
  • GatheringListSkeleton에 subTitle prop 추가로 마이페이지에서 subtitle 없이 사용 가능하도록 개선
  • AuthStatusButton에서 유저 정보 로딩 중일 때 Skeleton 컴포넌트 표시하도록 변경
  • UserProfile 및 UserProfileSkeleton 컴포넌트에 고정 높이 적용하여 레이아웃 시프트(CLS) 방지

화면 기록 2026-02-24 오전 9 53 39

@phantom2115 phantom2115 self-assigned this Feb 24, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants