배달의민족 전자계약서 화면 개편기: AI에게 맡긴 것과 사람이 챙긴 것
전자계약서 화면을 AI와 함께 다시 설계하고, 뷰·폼·스토어로 나눠 구현한 과정을 소개했습니다. AI는 반복 구현을 맡기고 사람은 경계 설정과 명세 승인, 최종 품질 확인을 담당했습니다.
#React#디자인 시스템#react-hook-form
1200
배달의민족 전자계약서 화면 개편기: AI에게 맡긴 것과 사람이 챙긴 것
태그
React Hook Form 기술 블로그 글
React Hook Form 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 7개최신 7개 표시
관련 태그
최신 게시글
7개 표시
조합형 Form 컴포넌트 설계
React Hook Form과 MUI 기반 폼 컴포넌트의 확장 한계를 설명했습니다. 역할 분리와 Composition Pattern으로 복합 입력 UI와 유지보수성을 개선한 사례입니다.
#React#React Hook Form#Material UI
29400
선언적 폼 바인딩
다이얼로그 수정 폼에서 useEffect 기반 수동 바인딩으로 발생한 상태 꼬임 문제를 정리했습니다. React Hook Form의 values로 선언적 동기화를 적용해 잔상과 레이스 컨디션을 줄였습니다.
#React#React Hook Form#동시성
1700
선언적 폼 바인딩
React Hook Form
React Hook Form의 useForm 기본 사용법과 주요 기능을 정리했습니다. 또한 Controller, useController, useFieldArray, useFormContext 활용법도 함께 소개했습니다.
#React#React Hook Form#Controller
2000
새 배송지 추가 form 개발하기
배송지 추가 form을 만들며 상태, Context, ref, React Hook Form을 비교했습니다. 최종적으로 재렌더링과 관리 복잡도를 줄이기 위해 React Hook Form을 선택했습니다.
#Next.js#React Hook Form#Context API
3300
깔끔한 폼 개발과 정시퇴근을 위하여 react-hook-form
React Hook의 사용 규칙과 react-hook-form 기반 폼 관리 방식을 소개했습니다. 검증, 제출, 동적 필드 관리를 간결하게 구성한 사례를 설명했습니다.
#React#react-hook-form#CSR
1300
React Hook Form의 isDirty와 dirtyFields를 알아보자
React Hook Form의 isDirty와 dirtyFields가 서로 다르게 계산되는 구조를 설명했습니다. setValue 사용 시 shouldDirty 옵션이 상태 재계산에 미치는 영향을 정리했습니다.
#React#React Hook Form#form
000
