개발하면서 가장 어려웠 상세 페이지
개발하면서 가장 어려웠던 문제와 해결 과정은
해설
복잡한 옵션 검증 로직이 가장 힘들었습니다.
Grid 옵션: 반드시 1개 선택
List 옵션: 최소/최대 개수 제한
Select 옵션: 0~1개 선택
각각 다른 에러 메시지와 UI 피드백
처음에는 각 컴포넌트에서 개별 검증 → 중복 코드 발생
Zod superRefine으로 통합 검증 로직 구현
에러 메시지에 optionId포함해서 스크롤 위치 특정
커스텀 훅으로 옵션 선택 로직 추상화
내용에 오류가 있거나 최신 법령·기준과 다른 부분이 보이면 알려주세요. 확인 후 반영하겠습니다.