문제 설명
포트폴리오 페이지 EXIT 버튼 클릭 시 카드 애니메이션 완료 대기 시간이 부정확하여 애니메이션 순서가 맞지 않음
재현 방법
- Server 그룹 클릭하여 포트폴리오 페이지 진입
- EXIT 버튼 클릭
- 카드 애니메이션이 완료되기 전에 창이 작아지기 시작함
원인 분석
- 기존 대기 시간: 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로 변경
문제 설명
포트폴리오 페이지 EXIT 버튼 클릭 시 카드 애니메이션 완료 대기 시간이 부정확하여 애니메이션 순서가 맞지 않음
재현 방법
원인 분석
해결 방법
개선 결과
관련 파일
커밋 참조