feat:회원정보 수정 페이지 완성(API통신만 하면 됨)

구현내용

각 input상자에 입력된 text 유효성 검사를 실시
모든 입력창에 입력되었을 때 제출버튼이 활성화
반응형 사이즈 구현
서버로 제출 추후 구현

유효성 검사

 //폼 유효성검사
  const [isFormValid, setIsFormValid] = useState(false);

  useEffect(() => {
    const {
      height,
      weight,
      targetWeight,
      date,
      targetDate,
      exerciseTime,
      categories,
    } = form;
    //카테고리 유효성(각 카테고리별 1개이상은 선택)
    const isCategoriesValid = Object.values(categories).some(
      (arr) => arr.length > 0
    );
    //전체 유효성
    const isValid =
      height > 0 &&
      weight > 0 &&
      targetWeight > 0 &&
      date &&
      targetDate &&
      exerciseTime &&
      isCategoriesValid;
    setIsFormValid(isValid);
  }, [form]);