Skip to content

[BUG] EXIT 버튼 카드 애니메이션 타이밍 계산 오류 #50

Description

@scs0209

문제 설명

포트폴리오 페이지 EXIT 버튼 클릭 시 카드 애니메이션 완료 대기 시간이 부정확하여 애니메이션 순서가 맞지 않음

재현 방법

  1. Server 그룹 클릭하여 포트폴리오 페이지 진입
  2. EXIT 버튼 클릭
  3. 카드 애니메이션이 완료되기 전에 창이 작아지기 시작함

원인 분석

  • 기존 대기 시간: 1700ms (잘못된 계산)
  • 실제 카드 애니메이션 시간: (3-1) × 0.2초 + 0.6초 = 1.0초
  • 카드 3개가 역순으로 0.2초 간격, 각 0.6초 애니메이션

해결 방법

  • 대기 시간을 1700ms → 1100ms로 수정
  • 정확한 애니메이션 시간 계산: 1.0초 + 여유시간 0.1초
  • 모든 카드가 사라진 후에 창이 작아지도록 타이밍 조정

개선 결과

  • 카드들이 역순으로 모두 사라진 후 창이 작아지는 자연스러운 애니메이션 순서
  • 사용자 경험 향상

관련 파일

  • app/(public)/portfolio/page.tsx

커밋 참조

  • fix: EXIT 버튼 카드 애니메이션 타이밍 수정 - 1700ms에서 1100ms로 변경

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions