콘텐츠

ChatGPT에서 요기요 배달 쓰기 — MCP + 위젯 연동 개발기

스토리 · 요기요 테크 · 2026.03.12

이 글은 ChatGPT Apps SDK와 MCP(Model Context Protocol)를 활용해 요기요의 배달 서비스를 연동한 기술적인 설계와 구현 과정을 공유합니다. 단순히 텍스트로 정보를 주고받는 것을 넘어, HTML 기반의 위젯을 통해 사용자가 ChatGPT 대화창 안에서 직접 가게를 검색하고 메뉴를 확인하며 주문할 수 있는 인터랙티브한 경험을 어떻게 구현했는지 상세히 다룹니다. Node.js 기반의 MCP 서버 구축부터 React를 이용한 위젯 UI/UX 고도화, S3와 CloudFront를 활용한 아키텍처 분리, 그리고 Datadog APM을 통한 모니터링 구축까지 실무적인 개발 프로세스를 담고 있습니다. 특히 CSP(Content Security Policy) 설정과 같은 까다로운 보안 이슈와 OpenAI의 앱 등록 절차에 대한 생생한 인사이트를 제공하여, AI 기반 서비스 개발을 꿈꾸는 엔지니어분들에게 매우 유용한 가이드가 될 것입니다.