Skip to content

[Feature] 당겨서 새로 고침 기능 추가#181

Merged
yummjin merged 6 commits intodevelopfrom
feature/112
Mar 25, 2026
Merged

[Feature] 당겨서 새로 고침 기능 추가#181
yummjin merged 6 commits intodevelopfrom
feature/112

Conversation

@yummjin
Copy link
Copy Markdown
Member

@yummjin yummjin commented Mar 25, 2026

🛠️ 변경 사항

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

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

세부 변경 내용

  • 당겨서 새로 고침 훅을 추가하고 멤버 관리 페이지에 적용했습니다

🔍 관련 이슈

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


📸 스크린샷 / GIF (선택)

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

Before After

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

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

🔄 연관 작업

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

@yummjin yummjin self-assigned this Mar 25, 2026
@yummjin yummjin added the ✨ Feature 신규 기능을 추가합니다. label Mar 25, 2026
@yummjin yummjin requested a review from seseoju March 25, 2026 00:06
@gemini-code-assist
Copy link
Copy Markdown
Contributor

Summary of Changes

Hello, I'm Gemini Code Assist1! 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은 회원 관리 페이지에 당겨서 새로 고침 기능을 도입하여 사용자 경험을 향상시킵니다. 재사용 가능한 usePullToRefresh 훅을 생성하고 이를 회원 관리 UI에 통합하여, 사용자가 페이지를 당길 때 데이터 새로 고침을 트리거하고 시각적 피드백을 제공합니다.

Highlights

  • 새로운 훅 추가: 당겨서 새로 고침 기능을 위한 usePullToRefresh 훅이 새로 추가되었습니다.
  • 기능 적용: 회원 관리 페이지에 usePullToRefresh 훅을 적용하여 당겨서 새로 고침 기능을 구현했습니다.
  • UI 개선: 당겨서 새로 고침 상태를 시각적으로 나타내는 표시기(indicator)와 텍스트를 위한 새로운 CSS 스타일이 추가되었습니다.

🧠 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.

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.

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.

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

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

Code Review

This pull request implements a pull-to-refresh feature for the Member Management page. It introduces a new usePullToRefresh hook to handle touch gestures and refresh logic, which is then integrated into MemberManagePage.tsx. The component now dynamically manages scroll references for both infinite scrolling and the new pull-to-refresh functionality, displaying visual feedback during the pull and refresh states. New styles for the pull indicator were added in MemberManagePage.css.ts. The review identified a style guide violation where pullHint and pullText styles are duplicated in MemberManagePage.css.ts, suggesting pullHint be removed and pullText used consistently to eliminate redundancy.

Comment on lines +50 to +56
export const pullHint = style([
typography.body.b2,
{
color: vars.colors.gray70,
textAlign: 'center',
},
]);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

medium

❌ 위반 사항: 중복 스타일

pullHint 스타일은 바로 아래에 정의된 pullText 스타일과 완전히 동일합니다. 스타일 가이드의 중복 스타일 제거 규칙에 따라 하나로 통합해야 합니다.

🔧 개선 제안

pullHint를 제거하고, 이 스타일을 사용하는 곳에서는 pullText를 대신 사용하도록 변경하는 것을 제안합니다. 이렇게 하면 코드 중복을 줄이고 유지보수성을 높일 수 있습니다.

References
  1. /src//*.css.ts 경로의 파일은 중복 스타일을 제거해야 합니다. (link)

<p className={styles.pullText}>새로고침 중</p>
</>
) : (
<p className={styles.pullHint}>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

medium

🔧 개선 제안: 중복 스타일 사용 개선

MemberManagePage.css.ts 파일의 pullHint 스타일은 pullText와 중복되므로 제거하는 것이 좋습니다. 중복을 없애고 일관성을 유지하기 위해 pullText 스타일을 사용해주세요.

Suggested change
<p className={styles.pullHint}>
<p className={styles.pullText}>

@github-actions
Copy link
Copy Markdown

@yummjin yummjin merged commit 1070788 into develop Mar 25, 2026
2 checks passed
@yummjin yummjin deleted the feature/112 branch March 25, 2026 07:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨ Feature 신규 기능을 추가합니다.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature] 멤버 관리 페이지 당겨서 새로고침 기능 구현

1 participant