[Feature] 구글폼 배너 추가

[seseoju]

🛠️ 변경 사항

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

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

세부 변경 내용

• 구글폼을 열기 위한 스토어 배너를 추가했습니다. 스토어 배너 스타일 재사용을 위해 title/description 구조의 합성 컴포넌트로 수정했어요.

🔍 관련 이슈

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

• close [Feature] 구글폼 배너 추가 #154

---

📸 스크린샷 / GIF (선택)

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

---

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

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

• ---

🔄 연관 작업

후속 작업이나 연관된 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!

이 PR은 스토어 페이지에 구글폼 배너를 통합하여 사용자 피드백 수집 기능을 추가합니다. 기존 StoreBanner 컴포넌트를 합성 컴포넌트 패턴으로 재구성하여 유연성과 재사용성을 높였으며, 배너의 시각적 표현을 개선하기 위한 스타일 변경도 포함됩니다.

Highlights

• 구글폼 배너 추가: 스토어 페이지에 사용자들이 피드백을 제출할 수 있는 구글폼 배너가 추가되었습니다.
• StoreBanner 컴포넌트 재사용성 개선: StoreBanner 컴포넌트가 StoreBanner.Title 및 StoreBanner.Description을 포함하는 합성 컴포넌트 구조로 리팩토링되어 재사용성이 향상되었습니다.
• 배너 스타일 업데이트: 배너의 레이아웃과 텍스트 정렬을 위한 새로운 CSS 스타일이 추가 및 수정되었습니다.
• 구글폼 URL 상수 정의: 구글폼 링크를 위한 GOOGLE_FORM_URL 상수가 url.ts 파일에 추가되었습니다.

🧠 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/features/store/styles/StoreGridView.css.ts
  • bannerDescriptionText 스타일이 추가되었습니다.
• apps/web/src/features/store/ui/StoreGridView.tsx
  • StoreBanner, GOOGLE_FORM_URL, openExternalUrl이 임포트되었습니다.
  • 새로운 합성 StoreBanner 컴포넌트가 구글폼 링크와 함께 스토어 뷰에 통합되었습니다.
• apps/web/src/shared/constants/url.ts
  • 구글폼 URL을 위한 GOOGLE_FORM_URL 상수가 추가되었습니다.
• apps/web/src/widgets/store/styles/StoreBanner.css.ts
  • banner, bannerTitle, bannerDescription 스타일이 업데이트되어 절대 위치 지정이 제거되고 패딩 및 최소 높이가 추가되었습니다.
• apps/web/src/widgets/store/ui/StoreBanner.tsx
  • StoreBanner 컴포넌트가 StoreBanner.Title 및 StoreBanner.Description을 포함하는 합성 컴포넌트로 리팩토링되었으며, handleClick prop이 추가되었습니다.

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 잘 보았습니다. StoreBanner를 재사용 가능하도록 합성 컴포넌트로 리팩토링하고, 관련 스타일을 수정한 점이 인상적입니다. 코드 변경 사항은 전반적으로 좋지만, 웹 접근성 및 시맨틱 마크업 개선을 위해 몇 가지 제안 사항을 추가했습니다. StoreBanner의 클릭 가능한 div에 키보드 접근성을 부여하고, 제목에 h2 태그를 사용하여 시맨틱을 강화하는 것을 권장합니다. 자세한 내용은 각 리뷰 코멘트를 확인해주세요.

[github-actions]

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

[github-actions]

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