Form validation

[cla6shade]

스터디 생성 등의 작업을 위해 form validation이 필요합니다.

기존에 step2에서 사용했던 react-hook-form 라이브러리를 사용하여 폼 validation을 구현하고, 테스트 코드도 함께 작성해봅시다.

• StudyCreationModal에서 validation 구현

  • 스터디명, 주제, 설명 모두 required
  • required 필드에 값을 입력하지 않은 경우 생성 버튼 비활성화
  • dirty 필드인 경우에만 validation 및 에러 메시지 적용
  • 위의 내용을 바탕으로 단위 테스트코드 작성

• 개인정보 입력 모달에서 validation 구현

  • 모든 필드가 required
  • required 필드에 값을 입력하지 않은 경우 하단의 버튼 비활성화
  • 위의 내용을 바탕으로 단위 테스트코드 작성