[FIX] 아이디어 페이지 글자수 초과 시 생성 버튼 비활성화

[drddyn]

💡 Related Issue

closed #270

✅ Summary

아이디어 생성 폼에 글자수 초과 시 생성 버튼이 비활성화 되게 변경했습니다.

📝 Description

아이디어 생성에서 글자수 한계를 초과한 상태로 생성 버튼을 누르면 한도 모달이 뜨는 오류가 있었습니다
글자수 한계를 넘은 상태에서는 생성 버튼이 비활성화 되도록 변경해서 해결했습니다

[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!

이 PR은 사용자가 글자수 제한을 초과하는 입력을 사용하여 아이디어를 생성하려고 할 때 오류 모달이 나타나던 문제를 해결합니다. 키워드 또는 추가 정보 필드에서 글자수 제한이 위반될 경우 생성 버튼을 미리 비활성화하여 사용자 경험을 개선하고 잘못된 제출을 방지합니다.

Highlights

• 글자수 제한 검사 구현: 키워드 및 추가 정보 입력 필드에 대한 글자수 제한 검사를 구현했습니다.
• 생성 버튼 비활성화 로직 개선: 어떤 입력 필드라도 글자수 제한을 초과하면 아이디어 생성 버튼을 비활성화하도록 변경했습니다.
• 컴포넌트 간 상태 관리: 컴포넌트 간 글자수 제한 상태를 관리하기 위해 새로운 상태 변수와 onLimitChange 콜백 prop을 도입했습니다.

🧠 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
  • 입력 필드의 글자수 제한 상태를 추적하는 상태 변수를 추가했습니다.
  • 키워드 및 추가 정보 입력에 대한 onLimitChange 콜백을 통합했습니다.
  • 아이디어 생성 버튼의 비활성화 상태에 글자수 제한 검사를 포함하도록 업데이트했습니다.
• frontend/src/pages/idea/_components/TextareaWithLimit.tsx
  • 새로운 onLimitChange prop을 통해 글자수 제한 상태를 보고하도록 컴포넌트 속성을 확장했습니다.
  • onChange 핸들러 내에서 onLimitChange를 호출하여 글자수 제한 상태를 알립니다.

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 콜백을 추가하여 부모 컴포넌트에서 글자 수 초과 여부를 알 수 있도록 하고, 이를 이용해 버튼의 disabled 상태를 제어하는 방식은 깔끔하고 좋은 해결책입니다. 코드 가독성 향상을 위해 한 가지 작은 개선점을 제안드렸으니 확인 부탁드립니다. 수고하셨습니다!