카카오톡 예약하기에서 그려 본 캘린더

카카오톡 예약하기 서비스에서 FE 개발자가 겪은 캘린더 UI 개발 경험을 공유하는 글입니다. 기존 카드 형태의 예약 목록이 재고 및 예약 현황 파악에 불편하다는 의견에 따라, 판매자가 예약을 한눈에 관리할 수 있는 타임 블록 형태의 캘린더 개발이 시작되었습니다.

핵심 요구사항은 한 시간당 최대 10개 예약, 예약당 최대 6시간 소요, 그리고 예약 블록들이 빈 공간 없이 잘 보이도록 배치하는 것이었습니다. 특히, 단순한 시작/종료 시간 데이터만으로 복잡한 배치 요구사항을 충족시키는 과정에서 개발자의 고민과 어려움이 드러납니다.

이 글은 실제 서비스 개발 과정에서 마주할 수 있는 UI/UX 개선과 기술적 구현의 어려움을 보여줍니다.