소주제 : 폼 라이브러리

1. react-hook-form 적용하기

  1. 작성자, 비밀번호, 제목, 내용 입력창을 만들고, 게시물 등록하기 버튼을 만들어 주세요.
  2. react-hook-form을 적용해서 등록해 보세요.
  3. error 메시지도 각각의 입력창 아래에 추가해 보세요.

2. yup 적용하기

  1. 위에서 만든 폼에 yup을 이용하여 error 메시지에 조건을 추가해 주세요. 1-1) 작성자는 5글자 이내 문자열입니다. 1-2) 비밀번호는 영문, 숫자, 특수문자를 포함한 8자리 이내 문자열입니다. 1-3) 제목은 100자 이내 문자열, 내용은 1000자 이내 문자열입니다.

3. 공통 컴포넌트 만들기

  1. 버튼과 인풋 컴포넌트들을 공통 컴포넌트로 분리하고, import 해서 사용해 보세요.