Skip to content

[Refactor/#85] 예매 페이지 깜빡거림 개선#92

Merged
woodzverse merged 5 commits intodevelopfrom
refactor/85/booking-page-flickering-issue
Nov 28, 2025
Merged

[Refactor/#85] 예매 페이지 깜빡거림 개선#92
woodzverse merged 5 commits intodevelopfrom
refactor/85/booking-page-flickering-issue

Conversation

@sminha
Copy link
Member

@sminha sminha commented Nov 27, 2025

📌 Related Issues

✅ 체크 리스트

  • PR 제목의 형식을 잘 작성했나요? e.g. [feat/#이슈번호] PR 템플릿 작성
  • 빌드가 성공했나요? (pnpm build)
  • 컨벤션을 지켰나요?
  • 이슈는 등록했나요?
  • 리뷰어와 라벨을 지정했나요?

📄 Tasks

로딩 스피너 깜빡거림을 개선했어요.

⭐ PR Point (To Reviewer)

  • 영화관칩 깜빡거림을 해결했던 것과 같이 placeholderData: keepPreviousData로도 해결 가능하고,
  • 실제로 적용한 방법은 onMouseEnter 이벤트 핸들러로 prefetchShowtimes를 연결해줬어요.
    칩 위에 마우스가 hover되면 사용자가 해당 칩을 선택할 것으로 예상하고 데이터를 미리 캐시해둬요.

📷 Screenshot

  • 변경 전

자꾸 로딩 스피너가 0.1초 떴다가 사라져요.
트슈2 - 개선 전

  • 변경 후

로딩 스피너가 뜨지 않고 바로 상영 정보를 렌더링하고,
tanstack devtools를 보면 칩 위에 마우스가 hover되기만 해도 데이터가 캐시되는 것을 확인할 수 있어요!
트슈2 - 개선 후
트슈2 - 개선 후 devtools

🔔 ETC

@sminha sminha self-assigned this Nov 27, 2025
@sminha sminha added ☃️ 민하 🎉Refactor 코드 구조나 내부 구현 개선 작업 labels Nov 27, 2025
@github-actions
Copy link

빌드 및 린트 결과

모든 검사 통과 🎉

  • 린트 통과 ✅
  • 빌드 성공 🎊

Copy link
Collaborator

@woodzverse woodzverse left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다.👍

@woodzverse woodzverse merged commit 271727a into develop Nov 28, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

☃️ 민하 🎉Refactor 코드 구조나 내부 구현 개선 작업

Projects

None yet

Development

Successfully merging this pull request may close these issues.

refactor: 예매 페이지 깜빡거림 개선

2 participants