feat(web): 선수 관리 페이지 추가

[ohprettyhak]

🌍 이슈 번호

• feat(ui): 공통 컴포넌트 시스템 구현 #405
• fix(manager): 대회 팀 플레이어 추가 시 학번 미입력 경고 출력 #393

✅ 작업 내용

• 대회에 참여하는 플레이어를 조회, 생성, 수정, 삭제하는 페이지를 추가했어요.
• Toast, Button, Input의 어색한 일부 스타일을 수정했어요.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
manager	Ready	Preview	Comment	Aug 19, 2025 3:22pm

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
spectator	Skipped			Aug 19, 2025 3:22pm

[gemini-code-assist]

Summary of Changes

Hello @ohprettyhak, 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는 웹 애플리케이션의 전반적인 구조를 대대적으로 재편하고, 특히 manager 애플리케이션에 선수 관리 페이지를 추가하는 것을 목표로 합니다. 기존의 스타일링 및 린팅 도구(Vanilla Extract, ESLint, Prettier)를 Tailwind CSS와 Biome으로 전환하며, Next.js 및 React 버전을 업데이트했습니다. 또한, Sentry 통합을 제거하고 새로운 API 모듈을 도입하여 데이터 관리 방식을 개선했습니다.

Highlights

• 선수 관리 페이지 추가: 대회에 참여하는 플레이어를 조회, 생성, 수정, 삭제할 수 있는 기능을 구현했습니다.
• 프로젝트 구조 재편: manager 및 spectator 애플리케이션의 파일 구조를 개선하고 모듈화를 강화했습니다.
• 개발 도구 전환: 코드 린팅 및 포맷팅을 ESLint/Prettier에서 Biome으로 마이그레이션하여 개발 워크플로우를 최적화했습니다.
• 프레임워크 및 라이브러리 업데이트: Next.js 및 React의 최신 버전으로 업데이트하고, 관련 의존성들을 정리했습니다.
• API 모듈 개선: 선수 및 리그 관리를 위한 새로운 API 쿼리 및 뮤테이션 훅을 도입하여 데이터 통신 로직을 표준화했습니다.
• UI 스타일 개선: Toast, Button, Input 등 일부 UI 컴포넌트의 스타일을 수정하여 사용자 경험을 향상시켰습니다.

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 in your pull request via creating an issue comment (i.e. comment on the pull request page) using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands.

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 issue 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은 선수 관리 페이지를 추가하고 일부 UI 컴포넌트를 개선하는 내용을 담고 있네요. 전반적으로 기능 구현이 잘 이루어졌습니다. 몇 가지 코드 개선점을 제안드립니다. TanStack Query의 query key 사용법, 컴포넌트의 props 타입 정의, 그리고 에러 처리 방식에 대해 확인해 보시면 좋겠습니다. 자세한 내용은 각 파일에 남긴 코멘트를 참고해 주세요.