## 설계에서 배포까지 한 번에 XGen에서 설계한 워크플로우를 실제 프로덕션 환경에 배포하는 Deploy 모드를 구현했다. 캔버스에서 만든 것을 즉시 API 엔드포인트로 제공할 수 있게 하는 것이 목표였다. ### Deploy 모드 전환 UX 캔버스 에디터 우상단에 "Edit" / "Deploy" 토글을 배치했다. Deploy 모드로 전환하면 노드 편집은 비활성화되고, 배포 설정 패널이 나타난다. ```typescript type EditorMode = 'edit' | 'deploy'; interface DeployConfig { endpointPath: string; // /api/v1/workflow/xxx authRequired: boolean; rateLimit: number; // requests per minute timeout: number; // seconds enableLogging: boolean; enableCaching: boolean; cacheTTL?: number; description: string; version: string; } ``` ### 배포 프리뷰 패널 배포 전에 API 문서가 자동 생성된다. 엔드포인트 URL, 요청/응답 형식, 인증 방식 등을 미리 확인할 수 있다. ```tsx const DeployPreview: React.FC<{ config: DeployConfig }> = ({ config }) => (

{`POST https://api.xgen.plateer.com${config.endpointPath}`}

{JSON.stringify({ input: { query: "사용자 질문" }, parameters: { temperature: 0.7 } }, null, 2)}

); ``` ### 버전 관리 배포할 때마다 버전이 자동 증가하고, 이전 버전으로 롤백할 수 있다. 버전별 트래픽 분배(카나리 배포)도 기획에 있었는데 현재는 단일 활성 버전만 지원한다. ### 배포 상태 모니터링 배포된 워크플로우의 실시간 호출 횟수, 평균 응답 시간, 에러율 등을 모니터링할 수 있는 대시보드를 제공한다. 에러율이 임계치를 넘으면 자동으로 이전 버전으로 롤백하는 안전장치도 고려 중이다. ### 원클릭 배포의 가치 이전에는 워크플로우를 배포하려면 백엔드 개발자에게 요청해야 했다. 이제는 캔버스에서 버튼 한 번이면 API가 나온다. 이 단순함이 팀의 생산성을 크게 높여줬다.