수업 기본 설정 폼: Zod 조건부 검증과 이탈 방지 훅
· 약 2분
그룹 수업의 예약 오픈 시점, 예약 마감 시점, 폐강 시점을 센터 단위 기본값으로 정해 두는 "수업 기본 설정" 페이지를 만들었다. 수업을 새로 만들 때 이 값이 기본으로 채워진다.
폼 구현과 입력 검증 (React Hook Form, Zod)
모든 태그 보기그룹 수업의 예약 오픈 시점, 예약 마감 시점, 폐강 시점을 센터 단위 기본값으로 정해 두는 "수업 기본 설정" 페이지를 만들었다. 수업을 새로 만들 때 이 값이 기본으로 채워진다.
CRM 직원 회원가입과 내 정보 수정 폼을 다시 썼다. 닉네임 필드를 새로 추가해야 했는데, 기능을 얹기 전에 폼 구조부터 바꿨다.
12월에는 메시지 기능에 문자(SMS) 발송이 붙었다. 앱 알림만 보내던 화면이라 생각보다 바뀌는 곳이 많았다.
10월은 CRM의 새 메시지 페이지를 만들었다. 센터가 회원에게 앱 알림 메시지를 보내는 기능이다. 작성 폼, 받는 사람 선택, 즉시/예약 발송, 발송 내역까지 한 달 안에 기본 흐름을 다 붙였다.
그룹 수업에 휴강을 등록하는 화면을 만들었다. 날짜 범위를 고르는 단계와 메모를 적고 등록하는 단계, 두 단계로 나뉜다.
상품 제작 화면에 그룹 수업 상품 폼을 추가했다. 기존 폼(회원권, 개인 레슨, 락커, 운동용품)을 복사해서 만들고 나니 같은 블록이 다섯 번 반복되고 있었다. 더 늘어나기 전에 정리하기로 했다.
12월 중순부터 그룹 수업 QA가 시작됐다. 인원 설정에 숫자 말고 다른 값이 들어간다, 지급 옵션에 세 자리를 넘겨 입력된다 같은 입력 관련 이슈가 몰려 들어왔다. 고치다 보니 같은 코드를 여러 파일에서 계속 만지고 있었다.
11월 내내 그룹 수업 생성·수정 폼을 새로 만들었다. 항목이 많은 폼이라 처음부터 어떻게 나눌지를 먼저 정했다.