[🐛 Fix] 리뷰 별점 오류 수정

[soobbliss]

✅ PR 체크리스트

1. 코드 & 기능

• 기능 정상 동작
• 콘솔 에러 없음

🔗 이슈 번호

• close #이슈번호

🎯 작업한 내용

💡 리뷰 요청 / 코멘트

🫧 참고사항

📸 스크린샷 (선택사항)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
global-nomad-team6	Ready	Preview, Comment	Jan 17, 2026 7:03am

[gemini-code-assist]

Summary of Changes

Hello @soobbliss, 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은 리뷰 별점 표시와 관련된 버그를 수정하고, 활동 상세 페이지의 UI 레이아웃을 소폭 개선합니다. 기존에 수동으로 처리되던 별점 렌더링 로직을 전용 컴포넌트로 대체하여 코드의 가독성과 유지보수성을 높였으며, 특정 UI 요소의 위치를 조정하여 사용자 경험을 향상시켰습니다.

Highlights

• 리뷰 별점 표시 개선: 리뷰 목록에서 별점을 표시하는 로직을 수동으로 구현하는 대신, 재사용 가능한 RatingStar 컴포넌트를 사용하여 별점 표시를 개선했습니다.
• 활동 상세 페이지 레이아웃 조정: 활동 상세 페이지의 예약 정보 섹션에 있는 스티키(sticky) 요소의 상단 위치를 조정하여 레이아웃을 개선했습니다.

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은 리뷰 별점 표시 오류를 수정하고 관련 코드를 리팩터링하는 변경 사항을 포함하고 있습니다. 기존에 직접 구현되어 있던 별점 로직을 재사용 가능한 RatingStar 컴포넌트로 대체하여, 별점 색상이 올바르게 표시되지 않던 버그를 해결하고 코드의 유지보수성을 향상시킨 점이 좋습니다. 또한, 체험 상세 페이지의 데스크톱 화면에서 예약 정보 UI의 위치를 조정한 부분도 확인했습니다. 전반적으로 긍정적인 변화라고 생각하며, 코드 유지보수성 향상을 위해 ActivityDetailPage.tsx 파일에 한 가지 제안 사항을 남겼습니다.

[gemini-code-assist]

top-24와 같은 숫자 값은 '매직 넘버'가 될 수 있어, 코드의 의도를 파악하기 어렵게 만들고 유지보수를 어렵게 할 수 있습니다. 이 값이 상단 네비게이션 바의 높이와 관련이 있다면, 해당 높이를 CSS 변수(예: var(--header-height))로 정의하고 사용하는 것을 고려해 보세요. 이렇게 하면 나중에 헤더 높이가 변경되어도 여러 파일을 수정할 필요 없이 한 곳에서만 관리할 수 있어 유지보수성이 향상됩니다.