[DEPLOY] 글자수 초과 시 아이디어 생성 버튼 비활성화 적용

[drddyn]

✅ Summary

아이디어 생성 버튼 비활성화 작업이 완료되어 main에 병합합니다.

[gemini-code-assist]

Summary of Changes

Hello @drddyn, 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는 아이디어 생성 페이지에서 사용자가 입력하는 키워드와 추가 정보 필드의 글자 수가 제한을 초과할 경우, 아이디어 생성 버튼을 비활성화하여 잘못된 입력을 방지하고 사용자 경험을 개선하는 것을 목표로 합니다. 이를 통해 유효하지 않은 데이터로 인한 불필요한 API 호출을 줄이고, 사용자에게 명확한 피드백을 제공합니다.

Highlights

• 글자 수 제한 상태 관리 추가: GeneratingIdea 컴포넌트에 isKeywordLimit와 isExtraLimit 상태 변수를 추가하여 키워드 및 추가 정보 입력 필드의 글자 수 초과 여부를 추적합니다.
• 글자 수 제한 콜백 함수 구현: TextareaWithLimit 컴포넌트에 onLimitChange prop을 추가하여, 입력된 텍스트의 글자 수 초과 여부를 부모 컴포넌트로 전달할 수 있도록 기능을 구현했습니다.
• 아이디어 생성 버튼 비활성화 로직 강화: 콘텐츠 아이디어 생성 버튼이 기존의 isPending 상태 외에, 키워드 또는 추가 정보 입력 필드가 글자 수 제한을 초과했을 때도 비활성화되도록 조건을 추가했습니다.
• 비활성화 버튼 시각적 피드백 추가: 버튼이 비활성화되었을 때 disabled:bg-gray-300 Tailwind CSS 클래스를 적용하여 시각적인 피드백을 제공합니다.

🧠 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

• frontend/src/pages/idea/_components/GeneratingIdea.tsx
  • isKeywordLimit 및 isExtraLimit 상태 변수를 추가했습니다.
  • 키워드 및 추가 정보 입력 필드에 onLimitChange prop을 전달하도록 업데이트했습니다.
  • 아이디어 생성 버튼의 disabled 조건에 글자 수 제한 초과 여부를 추가했습니다.
  • 비활성화된 버튼에 대한 Tailwind CSS 스타일을 추가했습니다.
• frontend/src/pages/idea/_components/TextareaWithLimit.tsx
  • 컴포넌트 인터페이스에 onLimitChange prop을 추가했습니다.
  • 입력 값 변경 시 onLimitChange 콜백을 호출하여 글자 수 제한 초과 여부를 전달하도록 로직을 추가했습니다.

Activity

• 아이디어 생성 버튼 비활성화 작업이 완료되어 main 브랜치에 병합될 예정입니다.

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

안녕하세요. 아이디어 생성 시 글자 수 제한에 따라 버튼을 비활성화하는 기능 추가 잘 보았습니다. TextareaWithLimit 컴포넌트에서 onLimitChange 콜백을 추가하여 부모 컴포넌트로 상태를 전달하는 방식은 적절해 보입니다. 한 가지 제안 사항으로, 글자 수 제한 외에도 필수 입력 값(키워드, 영상 형식)이 비어있을 때도 버튼을 비활성화하면 더 견고한 기능이 될 것 같습니다. 관련하여 리뷰 코멘트를 남겼으니 확인 부탁드립니다.