Skip to content

feat: 모바일 화면 전환 애니메이션 추가#296

Draft
jaeyoung-kwon wants to merge 8 commits into
devfrom
feat/route-transition
Draft

feat: 모바일 화면 전환 애니메이션 추가#296
jaeyoung-kwon wants to merge 8 commits into
devfrom
feat/route-transition

Conversation

@jaeyoung-kwon

Copy link
Copy Markdown
Contributor

📌 What

  • 모바일 웹 주요 상세 화면에 네이티브와 유사한 Push·Pop 전환 애니메이션 추가
  • 기존 화면은 고정하고 전환 대상 화면만 움직이도록 개선

❓ Why

  • 모바일 웹에서도 네이티브 앱과 유사한 자연스러운 화면 전환 경험을 제공하기 위함
  • 전체 라우팅 구조를 교체하지 않고 주요 화면부터 점진적으로 적용하기 위함

🔧 How

  • TanStack Router의 히스토리 인덱스로 Push·Pop 방향 판별
  • Framer Motion을 사용해 모바일 환경에서만 전환 적용
  • 전환 직전 화면과 스크롤 위치를 정적 레이어로 보존
  • 아티클·뉴스레터·챌린지 주요 화면을 우선 적용 대상으로 제한
  • 필수 Stylelint 자동 수정 결과 반영

👀 Review Point

  • Push 시 기존 화면은 고정되고 새 화면만 오른쪽에서 들어오는지 확인
  • Pop 시 이전 화면은 고정되고 현재 화면만 오른쪽으로 빠지는지 확인
  • 모바일 WebView의 기존 스와이프백 동작과 충돌하지 않는지 확인
  • 챌린지 내부 화면 간 이동에는 불필요한 애니메이션이 발생하지 않는지 확인
  • PC 환경에서는 화면 전환 애니메이션이 비활성화되는지 확인

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