[Feature] 애플 로그인 중복 클릭 방지

[seseoju]

🛠️ 변경 사항

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

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

세부 변경 내용

• 애플 로그인 버튼 중복 클릭시 네이티브 로그인이 아닌 웹페이지로 리다이렉트 되는 현상을 해결했습니다.
• 최초 애플 로그인 버튼을 클릭한 뒤 setTimeout을 통해 일정 시간(현재 2초)동안 apple authorize url로의 리다이렉트를 막습니다.

🔍 관련 이슈

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

• close [Feature] 애플 로그인 중복 클릭 방지 #151

---

📸 스크린샷 / GIF (선택)

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

Before	After

---

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

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

• ---

🔄 연관 작업

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

[github-actions]

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

[gemini-code-assist]

Summary of Changes

Hello, 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

• 애플 로그인 중복 클릭 방지: 애플 로그인 버튼을 여러 번 클릭했을 때 네이티브 로그인 대신 웹페이지로 리다이렉트되는 문제를 해결했습니다.
• 리다이렉트 지연 로직 추가: 최초 클릭 후 2초 동안 애플 인증 URL로의 리다이렉트를 막는 setTimeout 기반의 로직을 추가했습니다.

🧠 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/pages/auth/hooks/useSocialLogin.ts
  • 애플 로그인 버튼 중복 클릭 방지 로직이 추가되었습니다.
  • useRef 훅을 사용하여 클릭 상태를 관리하고 setTimeout으로 리다이렉트 지연 기능을 구현했습니다.

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

[gemini-code-assist]

Code Review

이 PR은 애플 로그인 시 중복 클릭으로 인해 발생하는 문제를 효과적으로 해결합니다. useRef와 setTimeout을 활용하여 로그인 요청이 중복으로 발생하는 것을 방지하는 좋은 접근 방식입니다. 전반적으로 기능이 잘 구현되었습니다.