Replit 사용해서 멀티 플랫폼 메일링 서비스 만들기

Video: Replit 사용해서 멀티 플랫폼 메일링 서비스 만들기
Channel: 코드팩토리
Duration: 8m 23s
Source: subtitle (auto, ko)
Transcript:
안녕하세요, 여러분. 또 한번 우리
래플린 영상으로 돌아와 왔습니다.
자, 래플릿이 가는 방향을 보면은
우리가 사실상 노코드 툴이 어떤
방향으로 가고 있는지를 우리가 확인해
볼 수가 있죠. 자, 오늘 컨셉은
뉴스레터를 우리가 한번 만들어 볼
거예요. 자, 이번에 메일 침프라는
어, 이메일 커넥터가 생겨 가지고
여러분이 뭐 발송 같은 거는 메일
침패 사고 원고는 노션에서 쓰고
구독자 분석은 스프레드시트로 따라오고
창을 몇 개 띄었다 하고서 막 엄청
복잡하게 작업하시는 경우가 많잖아요.
자, 그런 우리의 평상시에 굉장히
불편함을 우리가 쉽게 어떻게 래플릭
같은 걸 사용을 해 가지고 해소를 할
수 있는지 한번 봐 보도록
하겠습니다. 자, 오늘 진행할 거는
어 저번에도 말씀을 드렸던 레플릿
에이전트 4와 함께 진행을 하게 될
거고요. 자, 이따가 또 우리가 보여
드릴 거지만 우리가 인피니티 캔버스를
쓰면은 웹과 앱 그리고 우리
다큐멘트라든가 영상 같은 것도 다
따로 만들어 가지고 우리가 자유롭게
배치를 하고 모니터링하고이 컨텍스트를
통째로 관리할 수가 있다는 장점이라는
걸 제가 많이 알려 드렸죠. 자,
오늘도 한번 해 볼 거예요. 자,
오늘 해 볼 거는요. 우리가 메일
심플을 연동을 할 거기 때문에 자,
인티그레이션스 눌러서요. 우리가
인테그레이션스 밑에 커넥터에 가서요.
여기에 메일 침프라는 친구를 우리가
찾아볼 겁니다. 여기 있죠? 자,
사인 눌러서 우리가 로그인을 바로
진행을 해 보도록 할게요. 자,
연결을 했더니 이렇게 메일 침프가
액티브가 된 거를 볼 수가 있죠.
그죠? 아주 간단합니다. 그냥
로그인만 하면은 돼요. 자, 그러고
나면 우리가 이제 바로 사용을 할
수가 있는데 참고로 무료 플랜에서는
우리가 커넥터를 연결할 수가 없고요.
우리가 20달러 이상 플랜에서 사용을
해야 되니까 그거는 참고를 해
주세요. 자, 일단은 우리가
대시보드부터 만들어 보겠습니다. 자,
메일 챔프 커넥터를 사용해서
어디언스를 확인할 수 있는 대시보드를
만들어 줘라고 한번 요청을 해
볼게요. 그러면은 바로 작업이
시작하겠죠. 자, 이렇게 일단은
일차적으로 연결이 됐고요. 자, 제
캠페인에 들어오니까 일단 제가
자동으로 이렇게 구독이 돼 있고 뭐
이런 뭐 구독돼 있는지 구독이 안 돼
있는 사람들, 구독이 된 사람들,
구독이 안 된 사람들, 클릭,
오픈레이트 이런 것들이 전부 다
적용된 거를 볼 수가 있어요. 자,
그런데이 디자인이 조금 굉장히 좀
많이 아쉽죠. 그래서 이럴 때는
우리가 여러 개의 디자인 시안을
캔버스에다 만들어 달라면 제일
좋습니다. 자, 세 가지 다른 디자인
시안을 인피닛 캔버스에서 만들어
줘라고 제가 요청을 할 건데요. 자,
인피닛 캔버스는 아까 제가 보여 드린
것처럼 이렇게 우리가 제작을 하고
나면은요.이 주변에다가 우리가
캔버스처럼 또 다른 프로덕트들을 만들
수 있는 시스템이라고 보시면 돼요.
자, 그래서 우리가 래플릿에서 되게
특징적으로 사용할 수 있는 요소 중
하나다라고 보시면 됩니다. 자,
캔버스로 갔더니 지금 완성된게 세
가지가 이제 완성이 됐는데요. 다크
모드 일단 벌써 바로 마음에 들고요.
자, 두 번째는 조금 더 심플하게
이렇게 만들어진게 보이고요. 세
번째는 어, 우리 되게 전형적인
대시보드처럼 만들어진 거를 볼 수가
있어요. 자, 이게 마음에 들잖아요,
그러면은 자, 이렇게 말하면 됩니다.
자,이 디자인을 현재 사이트에 적용해
줘라고 요청을 해 주면은 돼요. 오,
항상 이렇게 우리가 디자인을 따로
받아야 되냐라고 물어볼 수가
있는데요. 우리가 디자인을 만들어
달라고 했을 때랑 웹을 만들어 달라고
했을 때랑 앱을 만들어 달라고 했을
때이 에이전트들이 작동하는 중점으로
생각하는게 서로 다르다 보니까
아무래도 콕 집어서 디자인을 우리가
해 달라고 하면 조금 더 잘해 주는
경향이 분명히 있습니다. 자,
기다리니까 바로 디자인 다 적용이 된
거를 볼 수가 있죠. 자,
들어가면은요. 우리가 직접 인터랙션
이렇게 할 수가 있고요. 우리 원래
있었던 기능들이 전부 다 들어간 거를
볼 수가 있습니다. 저는 항상 이렇게
조금 다크 테마가 좋더라고요. 자,
그리고 이게 이제 뉴스레터니까 우리가
뉴스레터에 필요한이 뉴스레터 작성하는
페이지가 필요하겠죠. 아, 근데
뉴스레터 작사하기 전에 일단은
뉴스레터 리스트를 먼저 볼 수 있는
페이지를 보면 좋을 것 같습니다.
자, 뉴스레스터 리스트를 볼 수 있는
페이지를 만들어 줘라고 이렇게
프롬프팅을 해 볼게요. 자, 이제
완성이 되니까 캠페인 탭에 들어갔을
때 우리가 뉴스레터 리스트를 볼 수가
있는데 어, 지금 당연히 아무런
캠페인도 없으니까 아무것도 안
보이죠. 자, 그럼 우리가 만들 수
있는 창을 또 만들어야 돼요. 자,
간단하게 프롬프트 한번 해 볼게요.
캠페인 생선 프로세스를 만들어 줘라고
요청을 하면은 바로 작업을 시작할
겁니다. 네, 작업이 완료됐고요.
자, 새로운 캠페인 생성 한번 해
볼게요. 캠페인 이름 같은 경우에는
6월 전기 뉴스레터라고 해 볼
거고요. 어디언스는 다 연동이 돼
가지고 이렇게 들어가고요. 코드
팩토리 리플라이투는 저c골뱅이
코드팩토리. 그리고 서브젝트는 드디어
시작합니다라고 한번 해 볼게요. 자,
프리 텍스트는 없어도 되니까 그냥
바로 가고 넥스트 한 다음에
헤더에다가는
플릿 배워 봐요라고서 여기다가는
우리가 샘플로 레플릿 에이전트 4
정말 좋습니다라고 느낌표 한번 해
볼게요. 그죠? 로 버튼도 모리가
넣을 수가 있는데 자 이건 카우트
액션이라서 여러분이 뭐 넣으려면
넣어도 되고 안 넣어도 돼요. 자
리뷰 가면은 자 이렇게 메일이 보내질
거다라고 보여주는 걸 볼 수가 있죠.
그죠? 자 샌드로 한번 해 볼게요.
실제로 보내지는지. 자 이게
보내져야지 우리 API랑 연동이
제대로 됐다라는 의미겠죠? 이제 뷰
캠페인으로 가게 되면은요. 자 이제는
자 이렇게 캠페인이 나오고요. 자
지금 센트 한 개 보내졌어요. 왜냐?
우리 어디스 리스트에 한 명밖에
없었으니까. 자 오픈스 0% 제가 안
열었으니까요. 그죠? 자, 그리고
메일 침프에도 들어가면은 이렇게
실제로 캠페인이 생성이 된 거를 볼
수가 있죠. 지금 아직 전송은 안
됐어요. 지금 전송하는 중이고 보통
이런 메인 시스템 같은 경우에는
배치로 전송이 되기 때문에 시간이 좀
걸릴 수가 있습니다. 자, 그래서
완전히 연동이 된 거를 볼 수가
있고요. 자, 이런 식으로 하면은
여러분이 어, 독립적으로 메일링
리스트를 만들어서 따로 여러분이
운영을 하고 싶을 때 굉장히 빠르게
작업을 할 수가 있겠죠. 프롬프트 몇
번으로 이렇게 금방 연동이 되니까요.
그래서 메일 침프가 이번에 커넥터로
들어온게 굉장히 큰 장점이 될 수가
있습니다. 자, 여기에서 레플릿의 또
장점은 이거를 기반으로 우리가
소개하는 뭐 피칭덱이라든가 영상을
만들 수가 있다라는 거죠. 자,
피칭덱도 한번 우리가 만들어 보도록
할게요.이 서비스를 만들 수 있도록
팔 수 있도록 피칭덱을 만들어 줘라고
요청해 보겠습니다. 자, 기다린 동안
실제로 이메일이 이렇게 왔고요.
그죠? 잘 보내지는 거 볼 수 있죠?
자, 피치덱 아티팩트는 어떻게 하면
좋을지 물어보고 있는데 일단은
간단하게 3에서 6개 슬라이드를
만들어 달라고 할게요. 자, 이거는
새로 생긴 기능인데 어떤 느낌으로
갔으면 좋겠을지 물어보고 있어요.
저는이 초록색이 조금 마음에 들어서
이걸로 한번가 보도록 하겠습니다.
자, 4분 기다렸더니 이렇게 피칭되기
만들어졌고요. 우리가 프리뷰를
들어가면은 바로 볼 수가 있습니다.
페이지에서 여섯 페이지 사이로 해
달라고 했으니까 이렇게 여섯 페이지가
만들어진 거를 볼 수가 있는데 자
이렇게 우리 장점들 어떤 것들을
우리가 제공을 해 주는지 이렇게
프레젠테이션을 만들어 준 거를 볼
수가 있고요. 그냥 다른 AI가 해
주는 것보다는 훨씬 더 잘해 준 거를
우리가 확인할 수가 있죠. 자, 그럼
이걸 기반으로 우리가 이제는 어 완전
사업이 너무 잘돼 가지고 앱까지
만들어야겠다라는 결정을 했다고 한번
가정을 해 볼게요. 자, 그럼 여기다
우리가 앱도 우리 웹사이트를 앱으로
만들어 줘. 라고 요청을 하게
되면은요. 우리가 만든이 사이트를
그대로 앱으로 만들어 줍니다. 자,
우리가이 웹사이트 같은 경우에는
생각보다 이제 개발이 조금 많이 쉬
쉬운 편인데 지금이 AI
세상에서는요. 근데 아쉽게도 아직도
웹 개발은 조금 아, 앱 개발은 조금
어려워요. 자, 그런데 그런 부분에서
이미 한해씩이 최적화가 돼 있기
때문에 애플릭에서는 우리가 쉽게 앱
개발도 바로 똑같이 만들어 낼 수가
있다라는 겁니다. 자, 앱이 이렇게
만들어졌고요. iOS에서 바로 똑같이
접근이 가능한 거를 볼 수가
있습니다. iOS 앱 안드로이드 앱
통째로 이렇게 만들어지는 거 볼 수가
있고요. 어 굉장히 유용하죠. 우리가
어 하나의 컨텍스트 안에서 이렇게
멀티플랫폼 작업을 할 수가 있다라는게
굉장히 큰 장점이 될 수밖에 없어요.
제가 이제 모노레퍼 작업하는 것도
여러 번 알려 드렸는데 같은
컨텍스트다라고 생각하시면 됩니다.
자, 그래서 굉장히 만족스러운
디자인으로 이렇게 뽑아냈고 여러분도
실제로 여러분이 사용할 만한 서비스들
앱들 빠르게 만들고 싶으면은
레플리즈를 활용해 보는 것도 굉장히
좋다라고 말씀을 드리고 싶습니다.
자, 제가 오늘 준비한 내용은
여기까지고요. 어, 영상 설명해
보시면은 레플리 우리 링크가 있는데
거기 들어가서 여러분이 결제를 하면은
혜택이 또 있으니 그것도 참고를 해
주세요. 쏘as지.