새 배송지 추가 form 개발하기

간단 소개

올리브영의 새 배송지 추가 form 개발 과정을 소개하고 React Hook Form 라이브러리 사용 경험과 다른 라이브러리와의 비교를 공유합니다.

AI Summary

새 배송지 추가 Form 개발 여정
- 올리브영 온라인몰의 배송지 추가 화면 개발 과정을 소개하며, React Hook Form 라이브러리를 선택하게 된 배경을 설명합니다.
- 기존 오늘드림 배송지 버튼의 변경으로 인해 새로운 배송지 추가 화면 개발 필요성이 발생했습니다.
다양한 실험과 React Hook Form의 도입
- useState, Context API, useRef를 사용한 여러 실험을 통해 상태 관리, 재렌더링 문제, 개발 복잡성 등의 어려움을 겪었습니다.
- React Hook Form을 사용하면서 데이터 관리의 용이성, 유효성 검사의 간편함, 성능 개선 효과를 얻었습니다.
- FormProvider를 통해 복잡한 Form 구조에서도 입력 필드를 쉽게 등록하고 관리할 수 있었습니다.
Formik 라이브러리 비교 및 결론
- Formik 라이브러리도 간략하게 소개하며, 상태 관리 방식에서 React Hook Form과 차이점을 보였습니다.
- React Hook Form 사용을 추천하며, 다른 방법으로도 Form 개발이 가능하지만, 이 라이브러리를 통해 개발 만족도를 높일 수 있었습니다.