<TIL> 3rd day of 'Book_Review' React project

9AM 오전 회의

• 카테고리
• 이미지 (S3)
• 유효성 체크

10AM 실전프로젝트 팀 빌딩 발제

12:30 PM
카테고리 수정 완료
어렵다...
console에 뭘 찍어서 봐야 하는지 모르는 게 가장 큰 문제;;
일단 팀원에게 보내서 합쳐보기로 했다.
=> 안 된다 ㅠㅠ 다시 알아보자

1:30PM
카테고리 리스트에 잘 추가되는 거 확인!
이제 유효성 체크 만들자

const options = [
    { value: "", name: "카테고리 선택" },
    { value: "소설•시•에세이", name: "소설•시•에세이" },
    { value: "자기계발", name: "자기계발" },
    { value: "인문학•역사", name: "인문학•역사" },
    { value: "경제•경영", name: "경제•경영" },
    { value: "철학•예술•종교", name: "철학•예술•종교" },
    { value: "기타", name: "기타" },
  ];
<label>카테고리</label>
<select
  name="category"
  value={post.category}
  onChange={onChangeHandler}
  >
  {options.map((option) => (
    <option key={option.value} value={option.value}>
      {option.name}
    </option>
  ))}
</select>

2pm
유효성 체크 (react-hook-form이용)
설치 yarn add react-hook-form

=> todo list에서 썼던 방법 이용하자

//todo list에서 썼던 방법
if (post.username.trim() === "" || post.title.trim() === "" || post.writer.trim() === "" || post.body.trim() === "") return alert("한 글자 이상 입력해주세요!");
//input에 최소 글자 수 넣기
minLength="1"