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

[sminha]

📌 Related Issues

• close refactor: 예매 페이지 깜빡거림 개선 #85

✅ 체크 리스트

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

📄 Tasks

• 영화관칩 깜빡거림 해결
• 로딩스피너 깜빡거림 해결

트러블슈팅에 크게 적을만한 게 없어서 추가적으로 개선 중인데,
로딩스피너 깜빡거림도 해결해야 하지만 일단 재배포해야 하니까 먼저 올려요!

⭐ PR Point (To Reviewer)

useQuery에 placeholderData: keepPreviousData 옵션을 추가하였습니다.

단어 그대로,

• placeholderData는 쿼리가 로딩 중일 때 사용할 임시 데이터를 지정할 수 있는 속성이고,
• keepPreviousData는 데이터 패칭 중 이전 쿼리의 데이터를 유지할 수 있도록 하는 속성값입니다.

📷 Screenshot

• 개선 전

영화 선택 때마다 영화관 API 호출해서 해당 영화를 상영하는 영화관 정보를 불러오는데, 이때 영화관칩이 깜빡거림. 특히 이미 선택되어있던 영화관칩도 깜빡거리는 게 사용자 경험이 좋지 않을 것 같다고 생각함.

• 개선 후

영화 선택 시 이미 선택되어있던 영화관칩은 깜빡거리지 않음!

🔔 ETC

[github-actions]

빌드 및 린트 결과

모든 검사 통과 🎉

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

[github-actions]

빌드 및 린트 결과

모든 검사 통과 🎉

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

[huniversal]

오 이렇게 하니까
훨씬 보기 좋은거 같네요!!
고생하셨어요~!!

[github-actions]

빌드 및 린트 결과

모든 검사 통과 🎉

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