Skip to content

♻️ 할 일 생성 모달 유효성 검사 UI 개선 #113

@daaoooy

Description

@daaoooy

🛠️ 리팩토링 설명

  • 5차 코드 리뷰 피드백 반영 이슈입니다.
  • 할 일 생성 모달의 유효성 검사 UI를 개선합니다.

✅ 리팩토링 필요성

  • 현재 제출 버튼 클릭 시 입력되지 않았거나 유효하지 않은 값을 입력하면 에러 메세지를 보여주는 식으로 구현했습니다.
  • 제출 버튼을 항상 비활성 상태로 두면 입력값이 많을 때 사용자가 어떤 항목을 입력하지 않았는지 찾으러 가는 과정에서 피로도가 높아질 수 있을 듯 합니다.
  • 그래서 제출 버튼은 항상 활성화 상태로 두고 클릭 하면 입력 요소 하단에 에러 메세지를 표시해주고, 해당 위치로 스크롤을 이동시켜주는 방식으로 개선합니다.

Metadata

Metadata

Assignees

Labels

UXUX와 관련된 변경 및 개선 작업feedback피드백 사항refactor리팩터링 작업

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions