Skip to content

feat: 기수 미입력시 에러메시지 표시#329

Merged
cho-in-sik merged 1 commit intomainfrom
feat/328-signup-add-generation-requried
Feb 27, 2026
Merged

feat: 기수 미입력시 에러메시지 표시#329
cho-in-sik merged 1 commit intomainfrom
feat/328-signup-add-generation-requried

Conversation

@cho-in-sik
Copy link
Collaborator

관련 이슈

작업 분류

  • 버그 수정
  • 신규 기능 추가
  • 프로젝트 구조 변경
  • 코드 스타일 변경
  • 기존 기능 개선
  • 문서 수정

PR을 통해 해결하려는 문제가 무엇인가요? 🚀

PR에서 핵심적으로 변경된 부분이 어떤 부분인가요? 👀

큰 변경사항 없습니다-!
기수 미입력시 null기로 표시가 되어 필수입력값으로 변경합니다.

핵심 변경사항 이외 추가적으로 변경된 사항이 있나요? ➕

백엔드도 로직 추가작업 진행했습니다

추가적으로, 리뷰어가 리뷰하며 알아야 할 정보가 있나요? 🙌

이런 부분을 신경써서 봐주셨으면 좋겠어요. 🙋🏻‍♂️

체크리스트 ✅

  • reviewers 설정
  • assignees 설정
  • label 설정

@cho-in-sik cho-in-sik self-assigned this Feb 27, 2026
@cho-in-sik cho-in-sik added enhancement 기능개선 혹은 UI/UX개선 제안 feature 기능개발 labels Feb 27, 2026
@gemini-code-assist
Copy link

Summary of Changes

Hello, I'm Gemini Code Assist1! 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은 사용자 회원가입 과정에 새로운 기능을 도입합니다. '기수' 필드를 필수 입력 항목으로 지정하여, 사용자가 이 정보를 제공하지 않고 회원가입하는 것을 방지합니다. 이전에는 이 필드가 비어있을 경우 null로 표시되었으나, 이제는 필수 입력 누락 시 즉각적인 피드백을 제공하여 데이터 무결성과 사용자 경험을 향상시킵니다.

Highlights

  • 필수 입력 필드 추가: 회원가입 폼에 '기수' 필드를 필수 입력 항목으로 추가했습니다.
  • 유효성 검사 로직 구현: 기수 필드가 비어있을 경우 에러 메시지를 표시하는 유효성 검사 로직을 구현했습니다.
  • UI 피드백 개선: 기수 입력 필드에 유효성 검사 실패 시 시각적인 경고 및 메시지를 추가하여 사용자 경험을 개선했습니다.

🧠 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/components/user/SignUpForm.component.tsx
    • resetWarningisWarning 상태에 generation 필드가 추가되었습니다.
    • generation 필드에 대한 유효성 검사 로직이 구현되었습니다.
    • generation 입력 필드에 에러 메시지 표시 기능이 통합되었습니다.
Activity
  • 현재까지 사람의 활동(댓글, 리뷰 등)은 없습니다.
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.

Copy link

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

이번 PR은 회원가입 폼에서 기수(generation) 필드가 비어있을 경우 에러 메시지를 표시하는 기능을 추가하는 것을 확인했습니다. 필수 입력 필드에 대한 유효성 검사를 추가하여 사용자 경험을 개선하는 좋은 변경입니다. 더 나아가, 사용자가 숫자가 아닌 값을 입력하는 경우까지 처리하여 코드의 안정성을 높이는 방안에 대한 제안을 두 가지 댓글로 남겼습니다. 확인 부탁드립니다.

Comment on lines +77 to +80
if (!generation || generation.trim() === "") {
setWarning({ ...resetWarning, generation: true });
return;
}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

high

현재 기수 필드가 비어있는지만 검사하고 있습니다. 하지만 사용자가 'abc'와 같이 숫자가 아닌 값을 입력할 수도 있습니다. 이 경우 Number('abc')NaN이 되어 API 요청 시 문제가 발생할 수 있습니다. 정규식을 사용하여 숫자만 입력받도록 유효성 검사를 강화하는 것이 좋습니다. 이렇게 하면 빈 문자열과 숫자 아닌 문자열을 모두 한 번에 처리할 수 있습니다.

Suggested change
if (!generation || generation.trim() === "") {
setWarning({ ...resetWarning, generation: true });
return;
}
if (!/^\d+$/.test(generation)) {
setWarning({ ...resetWarning, generation: true });
return;
}

value={generation}
onChange={(e) => setForm({ name: "generation", value: e.target.value })}
isWrong={isWarning.generation}
wrongMessage={"기수를 입력해주세요."}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

앞선 댓글에서 제안한 유효성 검사 강화에 따라, 에러 메시지도 사용자에게 더 명확한 정보를 제공하도록 수정하는 것이 좋습니다. '기수를 입력해주세요'라는 메시지 대신, 숫자만 입력해야 한다는 점을 알려주는 것이 사용자 경험에 도움이 됩니다.

Suggested change
wrongMessage={"기수를 입력해주세요."}
wrongMessage={"기수는 숫자만 입력 가능합니다."}

Copy link
Collaborator

@jskimcs jskimcs left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다~!

@cho-in-sik cho-in-sik merged commit 5c4f011 into main Feb 27, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement 기능개선 혹은 UI/UX개선 제안 feature 기능개발

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FE] bug: 기수 null 기 표시

2 participants