Client-side 기반 Static App으로 AI 비용 및 배포 자동화 도구 6종 구현

Context

AI API 비용 산정, Cron 표현식 생성, Self-hosting 인프라 구성 시 발생하는 반복적인 정보 탐색 비용 및 파편화된 가격 체계로 인한 분석 병목 현상 발생.

Technical Solution

• 서버리스 아키텍처 기반의 Static React App 설계로 Backend 및 Database 의존성을 완전히 제거한 Client-side 렌더링 구조 채택
• tiktoken 라이브러리를 활용한 OpenAI 표준 Token 기반 정밀 계산 및 타 모델 대상 문자열 길이 기반 추정 로직 적용
• 161가지 Cron Pattern의 정적 매핑 데이터를 통한 즉각적인 Expression 생성 및 런타임 예측 기능 구현
• 30여 종의 Self-hosted App에 대한 Docker Compose 표준 설정값의 정적 템플릿화를 통한 배포 자동화 환경 제공
• localStorage 기반의 상태 저장 방식을 통해 별도의 User Account 없이도 AI Agent Safety Checklist의 진행 상황을 유지하는 Stateless 설계
• Vite와 Tailwind CSS를 활용한 경량 번들링으로 240여 개의 정적 페이지에 대한 고속 로딩 성능 확보