feat: 결과 페이지 - 투표 결과 섹션 구현 by youngminss · Pull Request #106 · Nexters/yogieat

youngminss · 2026-02-24T14:00:46Z

🎯 PR 제목

feat: 결과 페이지 - 투표 결과 섹션 구현

📑 작업 상세 내역

기능 추가
- 투표 결과 섹션을 추가합니다 (preferences / dislikes / distances 블록)
버그 수정
- 투표 결과 로직을 수정합니다
- 투표 결과 - 선호 블록 로직을 수정합니다
- 투표 결과 - 거리 블록 아이콘을 수정합니다
- XIcon 컴포넌트 사용 및 타입 안전성을 개선합니다
스타일
- 결과 페이지 - 투표 결과 섹션 스타일을 수정합니다
- 결과 페이지 - 거리 블록 디테일을 수정합니다
리팩토링
- 변수 표기법을 수정합니다
기타
- 거리 아이콘 SVG를 추가합니다 (distance-near, distance-far)

🙏 리뷰 요청 사항

투표 결과 섹션(preferences/dislikes/distances)의 블록 렌더링 조건이 올바른지 확인해주세요.
각 블록의 데이터 표시 로직이 의도한 대로 동작하는지 검토해주세요.

📃 참고 자료

🖼️ 작업 결과물

프로젝트 문서

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

gemini-code-assist · 2026-02-24T14:01:05Z

Summary of Changes

Hello @youngminss, 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은 결과 페이지에 새로운 '투표 결과 섹션'을 도입하여 음식 선호도, 비선호도, 거리 선호도에 대한 투표 결과를 더 효과적으로 표시합니다. 기존 투표 요약 로직을 전용 컴포넌트로 리팩토링하여 모듈성과 유지보수성을 향상시켰으며, 거리 선호도를 시각적으로 나타내기 위한 새로운 SVG 에셋을 포함합니다.

Highlights

새로운 기능: 결과 페이지에 음식 선호도, 비선호도, 거리 선호도를 시각적으로 요약하여 보여주는 '투표 결과 섹션'을 구현했습니다.
리팩토링: 기존 ResultView.tsx 파일에 있던 투표 요약 관련 로직과 UI를 VoteSummarySection.tsx라는 별도의 컴포넌트로 분리하여 모듈성을 높였습니다.
새로운 에셋 추가: 거리 선호도를 나타내는 두 가지 새로운 SVG 아이콘(distance-far.svg, distance-near.svg)을 추가했습니다.
설정 업데이트: Git worktree 사용 시 생성되는 .worktrees/ 디렉토리가 Git에 의해 추적되지 않도록 .gitignore 파일을 업데이트했습니다.

🧠 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

.gitignore
- Git worktree 디렉토리를 무시하도록 .worktrees/를 추가했습니다.
public/images/result/distance-far.svg
- 새로운 SVG 아이콘을 추가했습니다.
public/images/result/distance-near.svg
- 새로운 SVG 아이콘을 추가했습니다.
src/pageComponents/gathering/opinion/ResultView.tsx
- 기존 VoteList 컴포넌트와 인라인 투표 요약 섹션을 제거했습니다.
- 새로운 VoteSummarySection 컴포넌트를 통합했습니다.
src/pageComponents/gathering/opinion/VoteSummarySection.tsx
- 투표 요약(선호도, 비선호도, 거리)을 표시하는 새로운 컴포넌트를 추가했습니다.
- 동적인 부제목 생성 로직과 시각적 요소를 구현했습니다.
src/pageComponents/gathering/opinion/index.ts
- 새로운 VoteSummarySection 컴포넌트를 내보내도록 업데이트했습니다.

Activity

PR 설명이 템플릿이므로, PR 생성 외에 특별한 활동은 없습니다.

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.

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

새로 추가된 VoteSummarySection.tsx 파일에서 여러 스타일 가이드 위반 사항이 확인되었습니다. 컴포넌트를 선언할 때 화살표 함수를 사용하고, Props 타입을 정의할 때 type을 사용하도록 코드를 수정해야 합니다. 자세한 내용은 각 주석을 참고해주세요.

src/pageComponents/gathering/opinion/VoteSummarySection.tsx

gemini-code-assist · 2026-02-24T14:02:25Z

src/pageComponents/gathering/opinion/VoteSummarySection.tsx

+}
+
+// 여러 카테고리 이미지를 무한 자동 슬라이딩
+function AutoSlideImage({ categories }: { categories: FoodCategory[] }) {


스타일 가이드에 따라 모든 컴포넌트는 화살표 함수로 작성해야 합니다. AutoSlideImage 컴포넌트를 화살표 함수로 변경해주세요.

Suggested change

function AutoSlideImage({ categories }: { categories: FoodCategory[] }) {

const AutoSlideImage = ({ categories }: { categories: FoodCategory[] }) => {

References

모든 컴포넌트는 화살표 함수(Arrow Function)로 작성해야 합니다. ^(link)

src/pageComponents/gathering/opinion/VoteSummarySection.tsx

…ters/hereeat into feature/vote-summary-section

## [1.6.0-beta.6](v1.6.0-beta.5...v1.6.0-beta.6) (2026-02-24) ### Features * 결과 페이지 - 투표 결과 섹션 구현 ([#106](#106)) ([c633225](c633225))

## [2.0.0](v1.5.1...v2.0.0) (2026-02-27) ### ⚠ BREAKING CHANGES * OpinionForm field names changed Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * refactor: update schema field names and exports - foodCategorySchema → categorySchema - dislikedFoodSchema → dislikedCategoriesSchema - preferredMenusSchema → preferredCategoriesSchema - Update opinionFormSchema with new field names - Replace hardcoded "ANY" with CATEGORY.ANY * Schema field names changed Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * refactor: rename component files to use Category naming - FoodCard → CategoryCard - FoodCategoryCarousel → CategoryCarousel - DislikedFoodButton → DislikedCategoryButton Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * refactor: update component export names - FoodCard → CategoryCard - FoodCategoryCarousel → CategoryCarousel - DislikedFoodButton → DislikedCategoryButton - Update component function names to match new file names - Internal logic unchanged (will be updated in next PR) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * refactor: update import references to use new constant names - Update all components to use new constant names: * RANKS → RANK_LIST * RANK_LABELS → RANK_LABEL * FOOD_CATEGORIES → CATEGORY_LIST * FOOD_CATEGORY_LABEL → CATEGORY_LABEL * FOOD_CATEGORY_VALUES → CATEGORY_VALUES * dislikedFoodSchema → dislikedCategoriesSchema * preferredMenusSchema → preferredCategoriesSchema - Update type imports: * FoodCategory → Category - Update form field references: * dislikedFoods → dislikedCategories * preferredMenus → preferredCategories - Fix component imports after file renames: * FoodCategoryCarousel → CategoryCarousel * DislikedFoodButton → DislikedCategoryButton This ensures the build succeeds after type system changes. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * style: run prettier format - Format code according to project prettier rules - No logic changes, only formatting Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> ### Features * 404, 500 에러 페이지 추가 ([#107](#107)) ([e9e5772](e9e5772)) * opinion 랜딩 페이지 UI 업데이트 (로고·lottie·footer) ([#120](#120)) ([2817c50](2817c50)) * SSE Event Registry 시스템 구현 및 마이그레이션 ([#119](#119)) ([178c79c](178c79c)) * SSE 기반 실시간 모임 현황 업데이트 구현 ([#87](#87)) ([0d220e0](0d220e0)) * 결과 페이지 - 투표 결과 섹션 구현 ([#106](#106)) ([c633225](c633225)) * 과반수 이상 의견 제출 시 추천 결과 생성 관련 API, Hook 추가 ([#103](#103)) ([5b31eec](5b31eec)), closes [#105](#105) * 인원 수 선택 시 시각적 피드백 추가 ([e9f6de6](e9f6de6)) * 추천 결과 API response 타입 업데이트 ([#100](#100)) ([1d046ab](1d046ab)), closes [#101](#101) [#102](#102) * 추천 결과 생성 대기 페이지 및 애니메이션 구현 ([#118](#118)) ([a720a76](a720a76)) * 취향 요약 카드 추가 ([#104](#104)) ([816fa96](816fa96)) ### Bug Fixes * 1, 3순위를 선택했으나 2순위를 선택하지 않았을 경우 Validation 을 막지 않았던 문제 수정 ([#113](#113)) ([22e58e8](22e58e8)) * GitHub Actions 워크플로우 개선 및 스타일 가이드 업데이트 ([#91](#91)) ([e6c009e](e6c009e)) * 결과 대기 페이지 내 공유 버튼 스타일을 Tertiary 로 수정 ([#115](#115)) ([a63ddd1](a63ddd1)) * 결과 페이지 - 상단 취향 요약 섹션, 하단 투표 결과 선호 카테고리 노출 순서 로직 수정 ([#117](#117)) ([f5c4a1c](f5c4a1c)) * 모임 인원 초과 및 결과 생성 완료 시 Toast 커스텀 기능 추가 ([#116](#116)) ([6088935](6088935)) * 음식 카테고리 일러스트레이터를 Figma 내 최신 시안으로 수정 ([#114](#114)) ([18f9cc3](18f9cc3)) ### Code Refactoring * opinion 페이지 컴포넌트 구조 개선 및 로직 통합 ([#109](#109)) ([a76f75f](a76f75f)) * PeopleIllustration 캐릭터 배치 및 구조 개선 ([#112](#112)) ([ae95b72](ae95b72)) * ProgressBar 컴포넌트 UI 개선 및 코드 최적화 ([#122](#122)) ([c73de1d](c73de1d)) * SSE 이벤트를 recommend-result-created로 변경 ([#121](#121)) ([222e613](222e613)) * 타입 시스템 리팩토링 - enum을 as const 패턴으로 전환 ([#110](#110)) ([d427378](d427378)), closes [#111](#111)

youngminss and others added 4 commits February 24, 2026 02:12

chore: add .worktrees to gitignore

f637b2f

feat: 투표 결과 섹션 추가 (preferences/dislikes/distances 블록)

6d685fe

chore: 거리 아이콘 SVG 추가 (distance-near, distance-far)

f320f0f

fix: XIcon 컴포넌트 사용 및 타입 안전성 개선

71b3f36

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

youngminss self-assigned this Feb 24, 2026

github-actions bot requested a review from RookieAND February 24, 2026 14:00

github-actions bot added the ✨ Feature 기능 개발 label Feb 24, 2026

github-actions bot added the ☑️ Need Review 작업이 완료되어 리뷰를 기다리고 있는 PR 입니다 label Feb 24, 2026

chore: formatting

4492db8

gemini-code-assist bot reviewed Feb 24, 2026

View reviewed changes

RookieAND and others added 9 commits February 24, 2026 23:38

Merge branch 'develop' into feature/vote-summary-section

39af8ac

style: 결과 페이지 - 투표 결과 섹션 스타일 수정

8671c60

Merge branch 'feature/vote-summary-section' of https://github.com/Nex…

1df45ff

…ters/hereeat into feature/vote-summary-section

chore: formatting

287e3bc

fix: 투표 결과 로직 수정

db241e9

fix: 투표 결과 - 거리 블록 아이콘 수정

2febb55

style: 결과 페이지 - 거리 블록 디테일

627a923

fix: 투표 결과 - 선호 블록 로직 수정

54858a0

refactor: 변수 표기법 수정

c62d0a1

github-actions bot removed the ✨ Feature 기능 개발 label Feb 24, 2026

chore: formatting

0da8288

github-actions bot added ✨ Feature 기능 개발 and removed ☑️ Need Review 작업이 완료되어 리뷰를 기다리고 있는 PR 입니다 labels Feb 24, 2026

youngminss merged commit c633225 into develop Feb 24, 2026
6 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: 결과 페이지 - 투표 결과 섹션 구현#106

feat: 결과 페이지 - 투표 결과 섹션 구현#106
youngminss merged 15 commits intodevelopfrom
feature/vote-summary-section

youngminss commented Feb 24, 2026 •

edited

Loading

Uh oh!

gemini-code-assist bot commented Feb 24, 2026

Uh oh!

gemini-code-assist bot left a comment

Uh oh!

Uh oh!

gemini-code-assist bot Feb 24, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

	function AutoSlideImage({ categories }: { categories: FoodCategory[] }) {
	const AutoSlideImage = ({ categories }: { categories: FoodCategory[] }) => {

Conversation

youngminss commented Feb 24, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎯 PR 제목

📑 작업 상세 내역

🙏 리뷰 요청 사항

📃 참고 자료

🖼️ 작업 결과물

Uh oh!

gemini-code-assist bot commented Feb 24, 2026

Summary of Changes

Highlights

Footnotes

Uh oh!

gemini-code-assist bot left a comment

Choose a reason for hiding this comment

Code Review

Uh oh!

Uh oh!

gemini-code-assist bot Feb 24, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

youngminss commented Feb 24, 2026 •

edited

Loading