Replit으로 멀티 플랫폼 메일링 서비스 만들기
📺 원본 영상: Replit 사용해서 멀티 플랫폼 메일링 서비스 만들기 🎙️ 채널: 코드팩토리 📅 정리 일자: 2026-06-03 ⚠️ Note: 본 리포트는 영상의 음성을 텍스트로 변환(STT)하여 정리한 것입니다. 화면에 표시된 자료(차트, 코드, 슬라이드 등)는 포함되지 않을 수 있습니다.
개요
이 영상은 Replit Agent 4를 활용하여 Mailchimp와 연동된 뉴스레터 서비스를 처음부터 구축하는 과정을 다룬다. 구독자 분석 대시보드, 캠페인 관리 페이지, 투자자용 피칭 덱(Pitching Deck), 그리고 iOS/Android 모바일 앱까지 하나의 컨텍스트(Context) 안에서 순서대로 만들어내는 멀티 플랫폼 접근 방식이 핵심이다. 노코드(No-code) 툴이 단순한 웹 생성기를 넘어 어디로 향하고 있는지를 보여주는 실전 데모이기도 하다.
왜 지금 Replit인가 — 노코드 툴의 진화 방향
뉴스레터를 운영하는 사람이라면 누구나 익숙한 불편함이 있다. 메일 발송은 Mailchimp에서, 원고는 Notion에서, 구독자 분석은 Google Spreadsheet에서 따로 처리하느라 창을 여러 개 띄워두고 작업하는 분산된 워크플로우다. Replit은 바로 이 지점을 공략한다. 개별 SaaS 도구들의 기능을 하나의 통합 환경 안에서 처리할 수 있도록 커넥터(Connector) 생태계를 확장하고 있으며, 이번 영상에서 소개된 Mailchimp 커넥터가 그 대표적인 사례다.
강연자는 Replit이 가고 있는 방향이 곧 노코드 툴 전체의 방향을 가리킨다고 강조한다. 단순히 빠르게 웹사이트를 생성해주는 도구에서 벗어나, 외부 서비스와의 연동, 디자인 시안 생성, 프레젠테이션 제작, 나아가 모바일 앱 개발까지 하나의 에이전트가 일관된 컨텍스트를 유지하면서 처리해주는 방향으로 진화하고 있다는 것이다. 이 변화는 개발자뿐 아니라 비개발자에게도 실질적인 진입 장벽을 낮추는 전환점이 된다.
Mailchimp 커넥터 연결 — 로그인 하나로 끝나는 연동
Replit에서 Mailchimp를 연동하는 과정은 놀랍도록 단순하다. Integrations 메뉴 하위의 Connectors 섹션에서 Mailchimp를 찾아 Sign In 버튼을 클릭하면, 표준 OAuth 인증 과정을 거쳐 즉시 Active 상태로 전환된다. 별도의 API 키 발급이나 환경 변수 설정 없이 로그인 한 번으로 연동이 완료된다는 점이 커넥터 방식의 핵심 가치다.
다만 주목할 제약이 하나 있다. Mailchimp 커넥터는 Replit 무료 플랜에서는 사용할 수 없으며, 월 20달러 이상의 유료 플랜에서만 접근 가능하다. 커넥터 기능이 유료 구독의 핵심 차별화 요소로 포지셔닝되어 있는 구조로, 서비스를 실제 운영 목적으로 활용하려면 이 비용 구조를 사전에 고려해야 한다.
대시보드 자동 생성 — 프롬프트 하나로 구독자 현황 파악
커넥터 연동이 완료되자마자, 강연자는 “Mailchimp 커넥터를 사용해서 Audience를 확인할 수 있는 대시보드를 만들어줘”라는 프롬프트 하나를 입력했다. Replit Agent 4는 즉시 작업에 착수했고, 결과물로 캠페인별 구독자 현황이 한눈에 정리된 대시보드가 생성되었다. 구독 여부, 클릭률(Click Rate), 오픈율(Open Rate) 등 Mailchimp의 핵심 지표들이 모두 반영된 형태였다.
01:59 - Mailchimp Audience 대시보드 — 구독/미구독 현황, 클릭률(Click Rate), 오픈율(Open Rate) 등 핵심 지표가 표시된 자동 생성 대시보드 화면
그러나 강연자는 초기 생성된 디자인이 “굉장히 아쉽다”고 솔직하게 평가했다. 기능적으로는 완전하지만 시각적 완성도가 낮다는 것이다. 이때 그가 선택한 해결책이 흥미롭다. 디자인을 직접 수정하는 대신, Infinite Canvas 기능을 활용해 세 가지 디자인 시안을 동시에 생성해달라고 요청한 것이다. 이 접근법은 에이전트가 ‘디자인’에 집중하도록 명시적으로 지시했을 때 더 좋은 결과가 나온다는 경험적 원칙에 기반한다.
Infinite Canvas — 멀티 프로덕트 관리의 핵심 인프라
Replit의 Infinite Canvas는 단순한 화이트보드가 아니다. 하나의 프로젝트를 중심으로 주변에 관련된 다른 프로덕트들(웹 페이지, 앱, 문서, 영상 등)을 캔버스처럼 자유롭게 배치하고 모니터링할 수 있는 통합 컨텍스트 관리 시스템이다. 강연자는 이를 모노레포(Monorepo) 작업 방식과 동일한 개념으로 설명한다. 여러 개의 독립된 결과물이 하나의 공통 컨텍스트를 공유하기 때문에, 에이전트가 각 프로덕트 간의 관계를 이해하면서 연속적으로 작업할 수 있다는 것이다.
“세 가지 다른 디자인 시안을 Infinite Canvas에서 만들어줘”라는 요청에 에이전트는 세 가지 방향의 디자인을 각각 독립적인 아티팩트(Artifact)로 생성했다. 다크 모드 버전, 미니멀한 심플 버전, 그리고 전통적인 대시보드 스타일의 버전이 캔버스에 나란히 배치되었다.
02:35 - Infinite Canvas — 다크 모드, 미니멀, 전통 대시보드 스타일의 세 가지 디자인 시안이 캔버스에 나란히 배치된 화면
강연자는 이 중 다크 모드 버전을 선택한 뒤, “이 디자인을 현재 사이트에 적용해줘”라는 한 문장으로 디자인 교체를 완료했다.
이 과정에서 강연자가 짚은 중요한 포인트가 있다. 같은 에이전트라도 “디자인을 만들어달라”고 요청했을 때와 “웹을 만들어달라”고 요청했을 때 에이전트가 우선순위를 두는 요소가 달라진다는 것이다. 목적을 명확히 분리해서 지시할수록 각 작업의 완성도가 높아지는 경향이 있으며, 이는 프롬프트 엔지니어링의 실전 원칙 중 하나이기도 하다.
뉴스레터 캠페인 발송 — 실제 이메일이 도착하기까지
대시보드와 디자인이 완성된 뒤, 강연자는 뉴스레터 서비스의 핵심 기능인 캠페인 생성과 발송을 구현했다. “뉴스레터 리스트를 볼 수 있는 페이지를 만들어줘”에 이어 “캠페인 생성 페이지를 만들어줘”를 순서대로 요청하여 두 개의 기능 페이지를 추가했다. 각각 프롬프트 한 번으로 완성된 것이다.
실제 캠페인 테스트도 진행되었다. 캠페인 이름은 “6월 정기 뉴스레터”, Reply-To 주소는 gc-codefactory.ai 도메인, 제목은 “드디어 시작합니다”, 헤더는 “Replit 배워봐요”, 본문은 “Replit Agent 4 정말 좋습니다!”로 설정했다.
04:10 - 캠페인 생성 폼 — 캠페인 이름, Audience, Reply-To, Subject 등 항목이 입력된 상태의 캠페인 생성 페이지
발송 후 Replit 내 캠페인 목록에는 Sent 1건으로 집계되었고 오픈율은 0%였는데, Audience 리스트에 구독자가 강연자 본인 한 명뿐이었고 아직 메일을 열지 않았기 때문이다. 메일 발송 시스템은 배치(Batch) 처리 방식으로 운영되기 때문에 실제 수신까지 시간이 소요될 수 있다고 강연자는 부연했다.
05:07 - Mailchimp 대시보드 — Replit에서 생성한 캠페인이 Mailchimp 내에 실제로 반영된 것을 확인하는 화면
영상이 진행되는 도중 실제로 이메일이 도착하는 것이 화면을 통해 확인되었다. Replit과 Mailchimp API 간의 연동이 정상 작동한다는 것을 라이브로 검증한 셈으로, 단순한 데모가 아닌 실제 동작하는 서비스임을 증명한 장면이었다.
05:57 - 실제 수신된 이메일 — ‘Replit 배워봐요’ 헤더와 본문이 담긴 테스트 뉴스레터가 실제로 도착한 이메일 화면
피칭 덱과 모바일 앱 — 하나의 컨텍스트가 만들어내는 멀티 플랫폼
서비스 구축이 완료된 후, 강연자는 Replit의 또 다른 강점을 연달아 시연했다. 첫 번째는 투자자를 위한 피칭 덱 생성이다. “이 서비스를 팔 수 있도록 피칭 덱을 만들어줘”라는 요청에 에이전트는 색상 테마 등 아티팩트 스타일을 사용자에게 먼저 선택하도록 유도했는데, 강연자는 이것이 비교적 최근에 추가된 인터랙티브 기능이라고 설명했다. 초록색 테마를 선택한 뒤 약 4분을 기다리자 6페이지짜리 피칭 덱이 완성되었다. 서비스의 핵심 장점, 제공 기능, 가치 제안 등이 슬라이드 형태로 체계적으로 정리된 결과물로, 강연자는 다른 AI 도구들의 결과물과 비교했을 때 “훨씬 더 잘 만들어졌다”고 평가했다.
06:21 - 피칭 덱 프리뷰 — 초록색 테마로 생성된 6페이지짜리 피칭 덱의 슬라이드 전체가 표시된 프리뷰 화면
두 번째는 모바일 앱 변환이다. “웹사이트를 앱으로 만들어줘”라는 요청 하나로, 이미 구축된 웹 서비스가 iOS와 Android 앱으로 동시에 변환되었다. 강연자는 현재 AI 도구들이 웹 개발은 비교적 잘 처리하지만 앱 개발은 여전히 어려운 영역이라는 점을 인정하면서도, Replit은 앱 개발에 특화된 최적화가 이미 내장되어 있기 때문에 같은 컨텍스트에서 네이티브 앱을 바로 생성하는 것이 가능하다고 설명했다. Flutter나 React Native 프로젝트를 처음부터 시작할 필요 없이, 기존 웹 프로젝트의 컨텍스트를 그대로 이어받아 앱이 만들어진다는 점이 결정적인 차이다.
07:17 - 모바일 앱 화면 — 웹 서비스를 기반으로 생성된 iOS/Android 앱이 실제 기기 또는 시뮬레이터에서 동작하는 화면
마무리 — 컨텍스트가 곧 자산이다
이 영상이 전달하는 핵심 메시지는 단순히 “Replit이 편리하다”가 아니다. 하나의 컨텍스트 안에서 웹 앱, 분석 대시보드, 이메일 캠페인, 피칭 덱, 모바일 앱이 유기적으로 연결되며 만들어진다는 것은 개발 방식의 패러다임 변화를 의미한다. 과거에는 이 각각의 결과물을 만들기 위해 서로 다른 도구, 서로 다른 팀, 그리고 단절된 컨텍스트가 필요했다. 이제는 하나의 에이전트가 일관된 이해를 유지하면서 모든 산출물을 생성할 수 있게 되었다.
강연자가 특히 강조하는 것은 속도다. 프롬프트 몇 번으로 Mailchimp 연동부터 실제 메일 발송까지 완료된다는 것은 단순한 주장이 아니라, 영상 안에서 라이브로 구축한 결과물이 직접 증명한다. 독립적인 메일링 서비스를 운영하고 싶은 1인 크리에이터, 빠르게 MVP(Minimum Viable Product)를 검증해야 하는 초기 스타트업, 또는 코딩 없이 자신만의 서비스를 만들고 싶은 비개발자 모두에게 Replit의 커넥터 생태계는 실질적인 진입 경로가 될 수 있다.
📚 출처 및 참고
| 구분 | 내용 |
|---|---|
| 원본 영상 | Replit 사용해서 멀티 플랫폼 메일링 서비스 만들기 |
| 채널 | 코드팩토리 |
| 리포트 작성 | 2026-06-03 |
| 작성 방식 | YouTube 영상 STT 변환 후 에디팅 |
💬 본 리포트는 영상 내용을 바탕으로 재구성되었습니다. 정확한 내용은 원본 영상을 참조해 주세요.