시간 선택 컴포넌트를 컴파운드 패턴으로 만들기
CRM에는 시간 선택기가 화면마다 따로 있었다. 공통 폴더에 하나, 결제 모달 쪽에 또 하나. 동작도 조금씩 달랐다. 공용 컴포넌트 폴더(ui/stable)에 단일 시간과 범위 시간 선택기를 새로 만들었다.
리액트 컴포넌트, 훅, 렌더링
모든 태그 보기CRM에는 시간 선택기가 화면마다 따로 있었다. 공통 폴더에 하나, 결제 모달 쪽에 또 하나. 동작도 조금씩 달랐다. 공용 컴포넌트 폴더(ui/stable)에 단일 시간과 범위 시간 선택기를 새로 만들었다.
12월에는 메시지 기능에 문자(SMS) 발송이 붙었다. 앱 알림만 보내던 화면이라 생각보다 바뀌는 곳이 많았다.
메시지 받는 사람을 고르는 다이얼로그의 성능을 손봤다. 회원이 많은 센터를 생각하면 처음 구조로는 버티기 어려웠다.
10월은 CRM의 새 메시지 페이지를 만들었다. 센터가 회원에게 앱 알림 메시지를 보내는 기능이다. 작성 폼, 받는 사람 선택, 즉시/예약 발송, 발송 내역까지 한 달 안에 기본 흐름을 다 붙였다.
회원 목록 개편 QA를 마무리하고 오늘 v2.0.1로 버전을 올렸다. 9월 후반은 테이블, 엑셀 다운로드, 그리고 QA 이슈 처리로 다 지나갔다.
CRM 수업 화면에 '오늘의 운동' 탭을 새로 만들었다. 센터가 그날 진행하는 운동을 날짜별로 사진과 함께 등록하는 기능이다.
스케줄 관리 화면은 react-big-calendar로 만든 일간 뷰만 있었다. 이번에 주간과 월간을 붙이고 있다. 라이브러리 버전도 1.13에서 1.17로 올렸다.
11월 내내 그룹 수업 생성·수정 폼을 새로 만들었다. 항목이 많은 폼이라 처음부터 어떻게 나눌지를 먼저 정했다.
지난달 만든 개인 연장에 이어 여러 회원의 상품을 한 번에 늘리는 단체 연장 화면을 만들고 있다. API가 아직 없어서 화면부터 잡았다.
CRM에 '스케줄 관리' 화면이 추가됐다. 하루 단위로 직원마다 일정을 세로 열로 보여주고, 빈 칸을 드래그하면 일정을 추가하는 화면이다. 직접 그리기엔 시간 계산이 많아서 react-big-calendar를 골랐다.