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

6
AI 요약

이 글은 AI가 원문을 분석하여 핵심 내용을 요약한 것입니다.

이 게시물은 ChatGPT Apps SDK와 MCP로 요기요 배달 서비스를 연동한 설계와 구현, 개발 인사이트를 정리한 글입니다.

핵심

  • MCP로 플랫폼의 도구를 ChatGPT에 연결하고 Apps SDK의 위젯 메타(_meta.outputTemplate)로 인라인 인터랙티브 UI 렌더링
  • Node.js/TypeScript MCP 서버와 React/TypeScript 위젯을 pnpm 모노레포로 단일 스택 개발하여 타입 공유와 빠른 프로토타이핑 실현
  • 운영에서는 위젯 정적 호스팅(S3+CloudFront)과 MCP 서버 분리로 배포 독립성·성능·확장성 확보
  • CSP(widgetCSP) 설정과 도메인 화이트리스트 문제 해결, 로컬 mock-openai 테스트 환경, Datadog APM 기준의 관찰성 구현

연관 게시글