새 배송지 추가 form 개발하기

올리브영 배송지 추가 화면 개발

올리브영 온라인몰의 신규 아키텍처 기반 서비스로 배송지 버튼과 추가 화면이 개발되었다. 고객은 배송지 목록에서 새 배송지를 추가할 수 있으며, 이를 위해 정보를 입력하고 서버에 제출하는 과정이 필요하다. 사용자는 입력값의 유효성을 체크해야 하며, 오류 발생 시 수정하도록 안내받는다. 이 과정에서 'React Hook Form' 라이브러리를 활용하여 복잡성을 줄이고 안정적인 데이터 관리를 실현했다.

실험 과정

• 실험 1: 상태 관리로 입력 데이터 관리
• 실험 2: Context API를 사용하여 상태 관리 간소화
• 실험 3: useRef로 불필요한 렌더링 방지
• 실험 4: React Hook Form 사용으로 데이터 관리 용이

React Hook Form을 통해 입력 유효성 체크와 데이터 관리를 간편하게 수행할 수 있었으며, 최종적으로 이 라이브러리를 추천한다.