🥅 제작 목표

• 동적으로 그려지는 후기 폼 만들기.
• 모든 항목을 직접 입력하는 게 아닌 json 또는 object 파일을 받아 동적으로 그려질 수 있도록 함.
• 질문 별로 컴포넌트 만들기.

🌳 폼 제출 방식 정하기

고민 포인트 1

input이 컴포넌트로 나뉨에 따라 폼 제출 방식을 정해야 했다. 사실 한 컴포넌트 안에 모든 input이 있으면 쉽겠지만 가독성! 그거 하나만 팬다..라는 느낌?이 있었다.

고민 포인트 2

라이브러리에 대한 의존을 만들어도 될까? 실제 서비스에 도입되는 코드를 짜본 게 처음이라 감히 라이브러리를 사용해도 될지 의문이 들었다. 물론 회사는 써도 된다 했지만 나 스스로 의문을 계속 갖고 있었다.

고민 포인트 3

react hook form을 썼을 때 2가지 장점을 느꼈다.

• 여러 개의 input이 있을 때 required 임에도 채우지 않고 제출을 하면 데이터를 입력해야 하는 input으로 슈루룩 이동한다. 별도의 애니메이션을 주지 않아도 멋져서 좋았다.
• 에러 메시지를 띄우는 코드 양이 적다. react hook form을 쓰지 않으면 form이 올바른지, 올바르지 않은지 체크해서 에러 메시지를 보여줄지 말지를 결정하는 코드를 input 마다 일일이 써줘야 한다.

하지만 이번에 내가 만들 form은 input이 많아봐야 3개고, 에러 메시지를 띄우는 게 아닌 제출 버튼을 비활성화 시키기 때문에 react hook form의 장점을 활용하지 못한다 생각했다.

결론

장점을 제대로 활용 못하고 의존성만 생기는 라이브러리를 쓰지 말고 내 상황에 맞는 hook을 만들자! (미리 말하자면 잘못 생각했다!)