[Qa] Tanstack Query 기반 쿼리 조회 및 무효화 이슈

[seseoju]

🛠️ 변경 사항

실제로 어떤 작업을 했는지 구체적으로 작성해주세요.

• UI 수정 (Design)
• 기능 추가 (Feature)
• 버그 수정 (Bug)
• 리팩토링 (Refactor)
• 성능 개선 (Performance)
• 테스트 추가 (Chore)
• 기타:

세부 변경 내용

• 일정 참여/취소 후 일정 리스트 조회시 참여 인원의 변경이 없는 문제를 해결했습니다. schedule 전체 키를 무효화합니다.
• 멤버 목록에 누락된 무한 스크롤 기능을 구현하기 위해 useInfiniteScroll 훅을 사용했습니다.

🔍 관련 이슈

관련 이슈를 링크해주세요. ex) close #23, related #23

• close [Qa] Tanstack Query 기반 쿼리 조회 및 무효화 이슈 #139

---

📸 스크린샷 / GIF (선택)

UI 변경이 있다면 첨부해주세요.

Before	After

---

⚠️ 주의 사항 / 리뷰 포인트

리뷰어가 특히 봐줬으면 하는 부분이나 고민했던 지점을 작성해주세요.

• ---

🔄 연관 작업

후속 작업이나 연관된 PR이 있다면 링크해주세요.

[gemini-code-assist]

Summary of Changes

Hello @seseoju, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

이 PR은 일정 참여 및 취소 시 발생하는 데이터 불일치 버그를 수정하고, 멤버 목록 페이지에 무한 스크롤 기능을 추가하여 사용자 인터페이스의 반응성과 데이터 로딩 효율성을 향상시키는 것을 목표로 합니다. 이를 통해 사용자는 더욱 정확하고 부드러운 애플리케이션 경험을 할 수 있습니다.

Highlights

• 일정 참여/취소 버그 수정: 일정 참여 또는 취소 후 참여 인원 목록이 즉시 업데이트되지 않던 문제를 해결했습니다. 이제 일정 관련 쿼리 전체를 무효화하여 데이터 일관성을 보장합니다.
• 멤버 목록 무한 스크롤 구현: 멤버 목록 페이지에 누락되었던 무한 스크롤 기능을 추가하여 사용자 경험을 개선했습니다. useInfiniteScroll 훅을 활용하여 효율적인 데이터 로딩을 구현했습니다.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Changelog

• apps/web/src/features/schedule-participate/model/useScheduleParticipateActions.ts
  • 일정 참여 및 취소 성공 시, 특정 쿼리 키 대신 scheduleQueries.all 키를 사용하여 모든 일정 관련 쿼리를 무효화하도록 변경되었습니다.
  • 더 이상 사용되지 않는 detailQueryKey와 participantsQueryKey 변수가 제거되었습니다.
• apps/web/src/pages/mypage/ui/MemberViewPage.tsx
  • useInfiniteScroll 훅을 임포트하고 적용하여 멤버 목록에 무한 스크롤 기능을 추가했습니다.
  • useInfiniteQuery 훅에서 fetchNextPage, hasNextPage, isFetchingNextPage를 구조 분해 할당하여 무한 스크롤 로직에 활용했습니다.
  • 전체 멤버 수를 표시할 때 membersData에서 가져온 totalCount를 사용하도록 수정했습니다.
  • 스크롤 감지를 위한 scrollRef와 하단 센티넬을 위한 bottomSentinelRef를 UI 요소에 연결했습니다.

Activity

• 일정 참여/취소 후 일정 리스트 조회 시 참여 인원 변경이 없는 버그를 수정했습니다.
• 멤버 목록에 누락된 무한 스크롤 기능을 구현했습니다.
• 이슈 #139를 닫았습니다.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[github-actions]

✅ PREVIEW https://azit-front-exqvtjzrt-hjs-projects-69e9f098.vercel.app

[gemini-code-assist]

Code Review

이 Pull Request는 일정 참여/취소 후 일정 목록이 즉시 업데이트되지 않던 버그를 해결하기 위해 TanStack Query의 전체 스케줄 쿼리 키를 무효화하는 방식으로 개선했습니다. 또한, 멤버 목록에 무한 스크롤 기능을 추가하여 사용자 경험을 향상시켰습니다. 전반적으로 코드 품질과 가독성을 유지하면서 기능 개선 및 버그 수정이 잘 이루어졌습니다.