AI와 함께, 콘텐츠 제작 시간을 4시간 단축!
콘텐츠 제작 자동화를 위해 Next.js 15, Gemini 3.1 Pro, Discord Webhooks를 활용한 Agentic Content Engine을 구축
Human-in-the-Loop(HITL) 아키텍처를 통해 AI의 장점과 인간의 통제력을 결합하여 콘텐츠 품질을 유지
JSON 파싱 실패(JSON Parsing Failure) 문제를 해결하기 위해 정규 표현식 기반의 Sanitization Middleware를 구현
Kanban 보드(Kanban Board) UI를 활용하여 콘텐츠 검토 및 배포(Content Review and Deployment) 과정을 효율화
Agentic 아키텍처(Agentic Architecture) 설계
본문에서 저자는 Agentic Content Engine 구축을 위해 Human-in-the-Loop(HITL) 아키텍처를 채택했다. 이는 AI가 콘텐츠를 생성하되, 최종 검토 및 수정은 사람이 직접 수행하는 방식이다.
Agency over Automation: AI가 단순히 자동화된 작업을 수행하는 것이 아니라, 의사 결정(Reasoning), 구조화(Structuring), 승인 대기(Waiting for Approval) 단계를 거치도록 설계
Context Gap 해결: AI가 저자의 연구, 목소리, 기술적 뉘앙스를 이해하도록 맞춤형 컨텍스트(Custom Context)를 제공
장점: 콘텐츠 품질 유지, 브랜드 일관성 확보, AI 환각(Hallucination) 방지
이러한 설계는 AI의 효율성과 인간의 창의성을 결합하여 최적의 콘텐츠 제작 워크플로우(Content Creation Workflow)를 구축하는 데 기여한다.
Next.js 15를 활용한 Frontend 구현
저자는 Next.js 15를 사용하여 서버 사이드 렌더링(Server-Side Rendering)과 SEO 효율성을 확보했다. 또한, UI/UX 개선을 위해 Kanban 보드(Kanban Board) 방식을 채택했다.
App Router: Next.js 15의 App Router를 사용하여 UI/UX 개선 및 SEO 최적화를 달성
PostCard 컴포넌트: 긴 콘텐츠를 250자 이내로 제한하고, 'Read More' 토글을 통해 UI의 가독성(Readability)을 향상
Tailwind CSS: Tailwind CSS와 @tailwindcss/typography를 사용하여 전문적인 마크다운 렌더링(Markdown Rendering) 구현
이러한 Frontend 구현은 사용자 경험을 개선하고, 콘텐츠 제작 과정을 효율적으로 관리하는 데 기여한다.
Gemini 3.1 Pro를 활용한 AI 통합
저자는 복잡한 지시 사항 처리와 엄격한 JSON 스키마(JSON Schema) 적용을 위해 Gemini 3.1 Pro를 선택했다. 특히, AI 환각(Hallucination) 문제를 해결하기 위해 Sanitization Middleware를 구현했다.
Strict JSON Enforcement: Gemini의 JSON 출력을 검증하고, JSON 파싱 실패(JSON Parsing Failure)를 방지하기 위해 정규 표현식 기반의 Sanitization Middleware 적용
API Route: `/api/generate/route.ts`에서 Gemini의 응답을 처리하고, JSON 형식으로 변환하여 Frontend에 전달
JSON Parsing: `JSON.parse()` 함수를 사용하여 JSON 데이터를 파싱하고, 캠페인 데이터(Campaign Data)를 추출
이러한 AI 통합은 콘텐츠 생성 자동화를 가능하게 하고, Human-in-the-Loop(HITL) 아키텍처를 구현하는 데 핵심적인 역할을 한다.
Discord Webhooks를 활용한 배포 자동화
저자는 Discord Webhooks를 사용하여 즉각적인 배포 파이프라인(Immediate Deployment Pipeline)을 구축했다. 이를 통해 수동적인 복사-붙여넣기 과정을 제거하고, 콘텐츠 배포 시간을 단축했다.
Zero-Auth Execution: Discord Webhooks를 통해 별도의 인증 절차 없이 콘텐츠를 Discord 채널에 배포
자동화된 배포: 'Post to Discord' 버튼 클릭 한 번으로 콘텐츠 배포 완료
장점: 배포 시간 단축, 작업 효율성 증대
이러한 배포 자동화는 콘텐츠 제작 워크플로우를 더욱 효율적으로 만들고, 콘텐츠 배포 과정의 생산성(Productivity)을 향상시킨다.
