시간 선택 컴포넌트를 컴파운드 패턴으로 만들기
· 약 2분
CRM에는 시간 선택기가 화면마다 따로 있었다. 공통 폴더에 하나, 결제 모달 쪽에 또 하나. 동작도 조금씩 달랐다. 공용 컴포넌트 폴더(ui/stable)에 단일 시간과 범위 시간 선택기를 새로 만들었다.
날짜·시간대 처리와 캘린더
모든 태그 보기CRM에는 시간 선택기가 화면마다 따로 있었다. 공통 폴더에 하나, 결제 모달 쪽에 또 하나. 동작도 조금씩 달랐다. 공용 컴포넌트 폴더(ui/stable)에 단일 시간과 범위 시간 선택기를 새로 만들었다.
지난달 CRM 스케줄 화면에 주간·월간 뷰를 붙였는데, 데이터는 여전히 하루 단위로만 가져오고 있었다. 이번에는 조회 방식을 손봤다.
스케줄 관리 화면은 react-big-calendar로 만든 일간 뷰만 있었다. 이번에 주간과 월간을 붙이고 있다. 라이브러리 버전도 1.13에서 1.17로 올렸다.
QA 기간이라 이번 주는 버그를 잡는 커밋이 대부분이었다. 그중 두 달 넘게 마음에 걸려 있던 시간대 문제를 정리했다.
CRM에 '스케줄 관리' 화면이 추가됐다. 하루 단위로 직원마다 일정을 세로 열로 보여주고, 빈 칸을 드래그하면 일정을 추가하는 화면이다. 직접 그리기엔 시간 계산이 많아서 react-big-calendar를 골랐다.