[Qa] 최초 가입 후 일정 표시, 포인트 갱신 및 사용자 프로필 사진 스타일 개선

[yummjin]

🛠️ 변경 사항

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

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

세부 변경 내용

• 최초 가입 후 홈 화면에서 일정이 표시됩니다.
• 포인트 사용 시 마이페이지에서 포인트가 갱신됩니다.
• 사용자 프로필 사진이 항상 둥글게 표시됩니다.

🔍 관련 이슈

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

• close [Qa] 최초 가입 후 일정 표시, 포인트 갱신 및 사용자 프로필 사진 스타일 개선 #178

---

📸 스크린샷 / GIF (선택)

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

Before	After

---

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

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

• ---

🔄 연관 작업

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

[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!

이 Pull Request는 사용자 경험을 개선하기 위한 몇 가지 중요한 수정 사항을 포함합니다. 신규 가입 사용자가 홈 화면에서 일정을 즉시 확인할 수 있도록 하여 초기 온보딩 경험을 향상시켰습니다. 또한, 포인트 사용 후 마이페이지에서 포인트 잔액이 실시간으로 반영되도록 하여 사용자에게 정확한 정보를 제공합니다. 마지막으로, 모든 프로필 사진이 일관되게 둥근 형태로 표시되도록 시각적 통일성을 확보했습니다.

Highlights

• 최초 가입 후 일정 표시: 사용자가 서비스에 처음 가입한 후 홈 화면에서 일정이 올바르게 표시되도록 수정되었습니다.
• 포인트 갱신: 포인트 사용 시 마이페이지에서 사용자 포인트 정보가 즉시 갱신되도록 개선되었습니다.
• 프로필 사진 스타일 개선: 사용자 프로필 사진이 항상 둥근 형태로 표시되도록 스타일이 조정되었습니다.

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

[gemini-code-assist]

Code Review

이번 PR은 최초 가입 후 일정 표시, 포인트 갱신, 프로필 사진 스타일 관련 버그를 수정하는군요. 전반적으로 올바른 수정을 통해 문제를 해결한 것으로 보입니다. 다만 코드 품질 및 유지보수성 개선을 위해 몇 가지 제안 사항을 남깁니다.

✅ 잘한 점

• useConfirmJoinStatus 와 useOrder 훅에서 queryClient.invalidateQueries를 사용하여 데이터 동기화 문제를 잘 해결했습니다. 이를 통해 사용자 경험이 개선될 것입니다.
• RoundProfileImage 컴포넌트에 이미지 로딩 실패 시 대체 UI를 보여주는 로직을 추가하여 견고성을 높인 점이 좋습니다.

❌ 위반 사항

• ScheduleParticipantListItem.css.ts: [규칙 3. path_instructions] height 속성에 48이라는 매직 넘버를 하드코딩하여 '디자인 토큰 사용' 규칙을 위반했습니다.

🔧 개선 제안

• ScheduleParticipantListItem.tsx: '정보없음' 문자열이 중복으로 하드코딩되어 있습니다. 상수로 추출하여 재사용성과 유지보수성을 높이는 것을 제안합니다.

[github-actions]

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

[github-actions]

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

[seseoju]

이미지를 가져올 수 없는 경우 onError 핸들러로 처리하는거 좋네요~
추가로 카카오 프로필 이미지 리소스가 http로 날라오고 있어서 안드로이드에서 mixed content 정책으로 http 콘텐츠 로드를 금지하는 것도 해결해야 할 것 같아요. Webview props에 mixedContentMode="always"를 추가해서 테스트 해봅시다이!

https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md#mixedcontentmode