AI로 개발한 세계 3차 대전 시뮬레이터 'ww3sim.com' 공개 및 기술 스택 공유

실용적 조언

초기 프로토타입 제작 시 여러 LLM을 교차 사용하여 코드의 정확도를 검증할 것
복잡한 상태 관리가 필요한 경우 LangGraph를 활용한 에이전트 구조 설계를 검토할 것

섹션별 상세

작성자는 Claude, ChatGPT, Gemini를 활용하여 '바이브 코딩' 방식으로 웹 시뮬레이터를 개발했다. LLM에 자연어 지시어를 입력하여 코드를 생성하고, 이를 GitHub와 Cloudflare Workers 환경에 배포하는 프로세스를 거쳤다. 초기 버전 개발 과정에서 복잡한 로직 구현에 따른 학습 곡선이 발생했으나, AI 도구의 보조를 통해 단기간에 베타 버전을 출시하는 성과를 거두었다.

차기 버전(v2)에서는 LangGraph와 LangChain을 도입하여 에이전트 기반의 자동화 워크플로우를 구축할 계획이다. OpenRouter를 통해 최적의 모델을 선택하고, HITL(Human-in-the-loop) 구조를 설계하여 AI의 자율적 작업에 인간의 검수를 결합한다. 이는 단순한 코드 생성을 넘어 상태 관리와 도구 호출이 포함된 고도화된 에이전트 아키텍처로의 전환을 목표로 한다.

실제 서비스 운영을 위해 Upstash, Sentry, PostHog 등 현대적인 클라우드 인프라와 모니터링 도구를 통합한다. Zod를 활용한 데이터 스키마 검증과 Stripe/PayPal을 통한 결제 시스템 연동을 통해 AI 에이전트가 관리하는 풀스택 서비스의 실현 가능성을 타진한다. 기술적 완성도를 높이기 위해 커뮤니티에 코드 구조와 성능에 대한 피드백 및 취약점 점검을 요청했다.

용어 해설

바이브 코딩(Vibe Coding): — LLM과 자연어로 대화하며 코드를 작성하고 소프트웨어를 개발하는 방식이다. 개발자가 직접 코드를 작성하는 대신 요구사항을 설명하면 AI가 구현을 담당하므로 개발 속도가 비약적으로 향상된다.
인간 개입형 시스템(HITL): — Human-in-the-loop의 약자로, AI 시스템의 자동화 과정 중 특정 단계에 인간이 개입하여 승인이나 수정을 수행하는 방식이다. AI의 자율적 오류를 방지하고 결과물의 신뢰성을 확보하는 데 필수적이다.
에이전틱 워크플로우(Agentic Workflow): — AI 에이전트가 목표 달성을 위해 스스로 계획을 수립하고 도구를 사용하며 작업을 수행하는 일련의 과정이다. 단순한 일회성 응답을 넘어 복잡한 다단계 작업을 자율적으로 처리하는 것이 특징이다.

언급된 도구

Claude추천

코드 생성 및 개발 보조

LangGraph추천

에이전트 오케스트레이션 및 상태 관리

OpenRouter추천

다양한 LLM 모델 통합 API 접근

언급된 리소스

DemoWW3 Simulator