[14주차] 과제 - 로그인, 회원가입 페이지 구현

14주차 숙제

이번 주 숙제는 Next.js로 로그인, 회원가입 페이지 만들기였다.

그동안 그냥 모양만 form 태그에 넣고 form 형식을 만들었다면,

이번에는 react-hook-form을 사용하여 렌더링 최적화도 하고 rhf에서 제공하는 기능들을 사용하였다.

요구 사항은 아래와 같다.

• Next.js를 이용한 로그인, 회원가입 페이지를 구현
• react-hook-form 사용

결과

이번 주에 시간을 많이 잡아먹은건 react-hook-form을 이용해서 form-data를 보내는 부분이었다.

많은 기능을 제공해주고 최적화까지 해주는 편리한 라이브러리지만,

처음 써보는 라이브러리라서 적응에 시간이 필요했다.

인풋 태그를 rhf에서 제공하는 register 함수로 등록해야하는데, 이 부분을 이해하기 힘들었다.

등록한 각 인풋태그의 유효성 검사나 에러처리 후 에러 메시지 설정까지 할 수 있어서 신기했다.

백엔드도 라이브러리를 쓰긴 하지만 프론트엔드는 이렇게 다양한 라이브러리들에 익숙해져야 하는것 같다.

공식 문서를 잘 읽는 버릇을 들여야지.

 

이번 주에 내가 부족했던 부분은 아래와 같다.

• 기간 내에 제출 못함
• 재사용성 높은 컴포넌트를 만들기가 어려웠음