일하는 ai

92. Replit 사용해서 멀티 플랫폼 메일링

11 min read

-

Replit에 Mailchimp 커넥터를 붙여 뉴스레터 대시보드와 캠페인 발송 흐름을 한곳에 묶는 과정이 나온다. 이어서 피칭덱과 iOS·안드로이드 앱까지 같은 컨텍스트에서 확장하는 모습이 핵심이다.

flowchart LR
A[메일링 작업 분산] --> B[Mailchimp 커넥터 연결]
B --> C[대시보드·캠페인·피칭덱 생성]
C --> D[웹을 iOS·안드로이드 앱으로 확장]

핵심 요약

  • Replit에 새로 생긴 Mailchimp 이메일 커넥터를 연결하면 뉴스레터 발송과 구독자 데이터를 한 흐름 안에서 다룰 수 있다.
  • 무료 플랜에서는 커넥터 연결이 안 되고, 20달러 이상 플랜에서 사용해야 한다고 안내한다.
  • 먼저 오디언스를 확인하는 대시보드를 만든 뒤, 인피니티 캔버스에서 3가지 디자인 시안을 생성하고 원하는 안을 현재 사이트에 바로 적용한다.
  • 이어서 뉴스레터 리스트 페이지와 캠페인 생성 프로세스를 만들고, 실제로 6월 전기 뉴스레터, 드디어 시작합니다, 레플릿 배워 봐요, 레플릿 에이전트 4 정말 좋습니다 같은 샘플 값으로 발송까지 진행한다.
  • 마지막에는 같은 결과물을 바탕으로 3~6장짜리 피칭덱을 만들고, 다시 웹사이트를 iOS와 안드로이드 앱으로 변환해 멀티플랫폼 흐름을 완성한다.

왜 지금 중요한가

이 영상은 노코드 툴이 단순한 페이지 생성이 아니라, 커넥터·캔버스·웹·앱까지 한 작업 맥락으로 묶이는 방향으로 가고 있다는 점을 보여준다. 특히 메일링 서비스처럼 발송, 디자인, 구독자 확인, 소개 자료 제작이 한 번에 필요한 업무에서는 이런 통합 흐름이 바로 생산성 차이로 이어진다. 개발팀 관점에서도 하나의 컨텍스트에서 멀티플랫폼 산출물을 계속 확장하는 방식이 꽤 실전적이다.

주요 내용

1. Mailchimp 커넥터로 메일링 데이터 흐름을 한곳에 묶는다

영상의 출발점은 Replit 인테그레이션스 아래 커넥터에서 Mailchimp를 연결하는 장면이다. 진행 방식은 단순하다. 사인인 후 로그인하면 Mailchimp가 액티브 상태가 된다. 다만 여기서 중요한 제약도 바로 짚는다. 무료 플랜에서는 커넥터를 연결할 수 없고, 20달러 이상 플랜에서만 사용할 수 있다. 그 다음 곧바로 “Mailchimp 커넥터를 사용해서 오디언스를 확인할 수 있는 대시보드를 만들어 줘”라고 요청해 구독 상태, 클릭, 오픈레이트 같은 항목이 들어간 대시보드를 생성한다.

2. 인피니티 캔버스는 UI 시안 비교와 적용에 강하다

처음 만들어진 대시보드는 정보는 잡혀 있지만 디자인이 아쉽다고 평가한다. 그래서 바로 “세 가지 다른 디자인 시안을 인피닛 캔버스에서 만들어 줘”라고 요청한다. 여기서 인피니티 캔버스는 주변에 다른 프로덕트를 계속 배치하며 컨텍스트를 관리하는 시스템으로 설명된다. 실제로 다크 모드, 더 심플한 버전, 전형적인 대시보드 스타일까지 3가지 안이 생성되고, 마음에 드는 안을 고른 뒤 “이 디자인을 현재 사이트에 적용해 줘”라고 하면 기존 기능을 유지한 채 디자인만 교체된다. 발표자는 웹, 앱, 디자인 요청이 각각 다른 중점으로 동작하기 때문에 디자인을 따로 콕 집어 요청하면 더 잘 나오는 경향이 있다고 설명한다.

3. 캠페인 생성과 실제 발송까지 API 연동을 검증한다

다음 단계는 뉴스레터 리스트 페이지와 캠페인 생성 프로세스다. 캠페인 탭에서는 아직 데이터가 없으니 빈 화면이 보이고, 이어서 “캠페인 생성 프로세스를 만들어 줘”라고 프롬프트를 넣는다. 이후 샘플 입력값으로 6월 전기 뉴스레터라는 캠페인 이름, 드디어 시작합니다라는 서브젝트, 레플릿 배워 봐요라는 헤더, 레플릿 에이전트 4 정말 좋습니다라는 본문을 채운다. 발송 뒤에는 뷰 캠페인에서 sent 1, opens 0%를 확인하고, Mailchimp 쪽에서도 캠페인이 실제 생성된 것을 보여 준다. 메일 시스템은 배치 전송이라 시간이 조금 걸릴 수 있다는 설명도 덧붙인다.

4. 같은 결과물을 피칭덱과 앱으로 확장한다

여기서 끝나지 않고, 만든 서비스를 팔 수 있도록 피칭덱도 만들어 달라고 요청한다. 생성 과정에서 3~6개 슬라이드를 원한다고 전달하고, 새 기능으로 어떤 느낌의 톤을 원하는지도 선택한다. 초록색 스타일을 고른 뒤 4분 정도 지나자 6페이지짜리 피칭덱이 만들어지고, 서비스 장점과 제공 요소를 담은 프레젠테이션을 바로 프리뷰로 확인한다. 그 다음에는 “우리 웹사이트를 앱으로 만들어 줘”라고 요청해 iOS와 안드로이드 앱 형태로 확장한다. 발표자는 웹은 지금 AI 시대에 비교적 쉬워졌지만 앱 개발은 여전히 더 어려운 편이라면서, Replit은 이미 최적화가 되어 있어 같은 컨텍스트 안에서 앱까지 빠르게 만들어 낼 수 있다고 강조한다.

원문 발화 하이라이트

  • [00:31] “그런 우리의 평상시에 굉장히 불편함을 우리가 쉽게 어떻게 래플릭 같은 걸 사용을 해 가지고 해소를 할 수 있는지 한번 봐 보도록 하겠습니다.”
  • [01:27] “참고로 무료 플랜에서는 우리가 커넥터를 연결할 수가 없고요. 우리가 20달러 이상 플랜에서 사용을 해야 되니까 그거는 참고를 해 주세요.”
  • [03:08] “아무래도 콕 집어서 디자인을 우리가 해 달라고 하면 조금 더 잘해 주는 경향이 분명히 있습니다.”
  • [05:35] “그래서 메일 침프가 이번에 커넥터로 들어온게 굉장히 큰 장점이 될 수가 있습니다.”
  • [07:27] “우리가 하나의 컨텍스트 안에서 이렇게 멀티플랫폼 작업을 할 수가 있다라는게 굉장히 큰 장점이 될 수밖에 없어요.”

바로 실행해 보기

  • Replit에서 Mailchimp를 쓰려면 먼저 현재 플랜이 커넥터를 지원하는지 확인하고, 연결 뒤에 오디언스 대시보드 생성부터 시작해 본다.
  • 첫 화면이 나오면 바로 만족하지 말고 인피니티 캔버스에 3가지 디자인 시안을 만든 뒤, 선택한 시안을 현재 사이트에 적용하는 흐름으로 UI를 다듬는다.
  • 캠페인 생성 프로세스를 붙인 다음 실제 샘플 메일을 1건 보내 보고, 그 결과를 Mailchimp와 Replit 양쪽에서 확인한 뒤 피칭덱과 앱 확장까지 같은 컨텍스트에서 이어서 시도해 본다.

참고

영상 메타

수집 품질

  • 자막 세그먼트: 241개
  • 자막 문자수: 4339자
  • 챕터 추출: 0개
  • 콘텐츠 생성: Subagent 기반

AI 생성 도구를 활용해 초안을 구성했고, 원영상 발화와 공개 자료를 교차 확인해 정리했습니다.

그래프 뷰

백링크