피드로 돌아가기
Building a Calendly alternative on the side: 14 features in one day with Claude
Dev.toDev.to
Frontend

calendar_kind 필터링 기반의 스케줄링 최적화 및 AI Agent 기반 1일 14개 기능 구현

Building a Calendly alternative on the side: 14 features in one day with Claude

Ao oneslate2026년 5월 5일9intermediate

Context

기존 Calendly와 같은 서비스는 Shared Calendar의 모든 이벤트를 사용자의 Busy Time으로 처리하는 한계 존재. 이로 인해 다수의 공유 캘린더를 보유한 Executive 계정의 경우 예약 가능 시간이 0으로 표시되는 가용성 왜곡 문제 발생.

Technical Solution

  • calendar_kind Enum(primary, owned, shared) 도입을 통한 가용성 계산 로직 분리
  • Primary 및 Owned 캘린더만 Busy Time 산출에 포함시켜 공유 캘린더로 인한 스케줄 오염 차단
  • Next.js 14 및 Supabase 기반의 Stack 구성으로 빠른 MVP 개발 환경 구축
  • Feature Flag 시스템(lib/feature-flags.ts) 적용을 통한 Main 브랜치 직접 배포 및 Alpha Gating 구현
  • Claude(전략/설계)와 cowork(구현/배포)로 이어지는 계층적 AI Workflow 구축으로 개발 사이클 단축
  • Outlook HTML 태그 스트리핑 및 Timezone 처리 로직 최적화를 통한 데이터 정제 수행

- 데이터 모델 설계 시 `Enum` 타입을 활용하여 비즈니스 로직에 따른 데이터 필터링 기준을 명확히 정의할 것 - AI Agent 도입 시 '전략 설계(High-level) -> 상세 프롬프트 작성 -> 구현 및 검증'의 계층적 프로세스를 적용할 것 - Mobile-first 서비스 개발 시 시뮬레이터가 아닌 실 기기 검증을 통한 Edge Case(HTML 태그, UI Overflow 등) 식별 과정을 필수화할 것 - 빠른 릴리즈 사이클 확보를 위해 Feature Flag 기반의 점진적 배포 전략을 검토할 것

원문 읽기