Skip to content

feat(fe): push 액티비티 로딩을 shimmer 스켈레톤으로 교체#73

Open
seongbin9786 wants to merge 1 commit into
mainfrom
feat/fe-loading-skeleton
Open

feat(fe): push 액티비티 로딩을 shimmer 스켈레톤으로 교체#73
seongbin9786 wants to merge 1 commit into
mainfrom
feat/fe-loading-skeleton

Conversation

@seongbin9786

Copy link
Copy Markdown
Contributor

해결하는 문제

  • push 전환 시 새 화면이 흰 화면으로 슬라이드되어 보이는 문제 해소

원인

  • 액티비티 번들은 static import라 코드 스플리팅과 무관
  • pending 동안 불러오는 중… 텍스트 하나만 렌더
    • 라이트 테마 --background가 순백이라 전환 내내 빈 흰 화면으로 보임

변경 사항

  • shimmer 있는 Skeleton 프리미티브 추가
    • components/ui/skeleton.tsx
    • styles.cssskeleton-shimmer keyframes 추가
  • push 액티비티 5곳의 pending 텍스트를 실제 레이아웃을 흉내 낸 스켈레톤으로 교체
    • 몽글 상세: 헤더 유지 + 제목/날짜/칩/메모 자리
    • 프로필 수정: 헤더 유지 + 폼 필드 자리
    • 인물 프로필: 아바타/이름/통계/작업 목록 자리
    • 인물 타임라인: 이름/통계 카드/기록 목록 자리
    • 몽글 수정 진입: 헤더 유지 + 폼 필드 자리
  • 몽글 상세, 프로필 수정은 pending 중에도 뒤로 가기 동작 유지

To-do

  • 프리페치/staleTime으로 캐시 히트 시 pending 자체를 생략하는 개선은 추후

🤖 Generated with Claude Code

pending 동안 '불러오는 중…' 텍스트 하나만 그려서 라이트 테마에선
push 전환 내내 흰 화면이 슬라이드되어 보였다. 실제 레이아웃을 흉내 낸
스켈레톤을 깔아 로딩 중임이 보이게 한다.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 11, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
mongle Ready Ready Preview, Comment Jul 11, 2026 3:11am

@seongbin9786
seongbin9786 marked this pull request as ready for review July 11, 2026 04:25
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.

1 participant