Skip to content

[#918] 루트 loading.tsx 오적용 수정 — 전 라우트에 홈 스켈레톤이 뜬다 #1059

Description

@thxforall

Parent

#918 — 🗺️ [wayfinder] Error page 준수 (결정 D9·D6)

What to build

app/loading.tsx루트 loading이라 앱 전 라우트의 Suspense 폴백으로 쓰이는데, 내용은 홈 전용 스켈레톤이다(HomeLoading — 70vh 히어로 + 에디토리얼/트렌딩 2열 + 매거진 4그리드). 그래서 explore·library·settings 등 홈과 아무 상관 없는 라우트로 이동할 때도 홈 히어로 스켈레톤이 잠깐 떴다가 사라진다. 로딩 스켈레톤의 목적(들어올 콘텐츠의 형태를 미리 알려주는 것)과 정반대로 작동한다.

동시에 이 파일도 다크 팔레트가 하드코딩돼 있어(#050505 배경, neutral-900 블록) 라이트 테마에서 어긋난다 — 같은 파일이므로 D6 토큰화를 함께 처리한다.

홈 스켈레톤을 홈이 실제로 렌더되는 자리로 옮기고, 루트 폴백은 어느 라우트에 놓여도 거짓말하지 않는 중립 형태로 만든다. posts/[id]는 이미 자기 loading.tsx를 갖고 있으니 그 선례를 따른다.

Acceptance criteria

  • 홈이 아닌 라우트로 이동할 때 홈 히어로 스켈레톤이 뜨지 않는다 — 최소 explore·library·settings에서 확인
  • 홈 진입 시에는 홈 형태에 맞는 스켈레톤이 그대로 뜬다 (기존 UX 회귀 없음)
  • 루트 폴백은 특정 라우트의 레이아웃을 가정하지 않는 중립 형태다
  • 하드코딩 hex가 0이다 — 시맨틱 토큰만 사용
  • 라이트/다크 양쪽에서 스켈레톤이 배경과 어울린다
  • posts/[id]의 기존 loading.tsx가 계속 우선 적용된다 (회귀 없음)
  • bun run build로 정적 렌더 회귀가 없는지 확인 (#942의 setRequestLocale 규율)

Blocked by

None - can start immediately

Metadata

Metadata

Assignees

No one assigned

    Labels

    bump:patchBug fixes / internal refactorfrontend프론트엔드ready-for-agentFully specified, ready for an AFK agent

    Type

    No type

    Projects

    Status
    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions