레플릿(Replit) AI 사용법, 코딩 1도 모르지만 유튜브 채널 분석 서비스 제작!

레플릿(Replit)을 사용해서 서비스를 개발해보고 싶은 분들에게 용기를 드리자면,,

• 필자 : 개발 지식 전혀 없는 마케터
• 개발 시간 : 퇴근 후 저녁을 먹고 오지 못해서 워크샵 3:30분 중 30분을 저녁 먹는 시간으로 사용, 간식 먹고 돌아다닌 시간 제외하면 2시간만에 서비스 개발
• 워크샵 참여 태도 : 금요일이기 때문에 맥주를 마시며 음주 개발
• 사용한 돈 : 5$

뭔가 있어보이고 싶어서 맥주와 화면을 찍었지만,, CHAT GPT와 레플릿(Replit)한테 원하는 거 시켜놓고 편안하게 쉬는 중

1) Replit과 함께한 2시간, 개발 지식 0 마케터 나도 웹서비스를 만들었다

개발? 해본 적 없음. 코딩? 남이 하는 거. 그런데도 2:30 만에 유튜브 채널 분석 서비스를 수월하게 만들었다.

워크샵이 오후 7시에 시작이기 때문에 퇴근하자 마자 정신없이 갔다.(3분 지각) 천재 개발자 아이린님이 우리와 같이 개발지식0인 사람들이 왜 replit agent로 개발을 해야 좋은지 친절하게 설명을 해주셨다.

하지만 나는 너무 배가 고픈 나머지 내용의 절반을 잘 듣지 못했고,,,이게 발단이 되어서 꽤나 삽질을 하게 되었다. 역시 선생님 말씀을 잘 들어야 하고, 전문가가 하라는데로 해야한다.

이 글을 보시는 분들은 나와 같은 실수를 하지 않기 바라는 마음에 이건 꼭 읽기를 바란다. 오늘 블로그 내용 아무것도 기억 못해도 이 부분만 기억하면 나 같은 삽질은 하지 않을 거라고 장담!

"한가지 기능이 작동을 하면, 추가로 기능을 계속 붙여 나가야 합니다"

분명히 중요한 말이라는 걸 알았는데, 너무 배가 고픈 나머지 설명이 끝나자마자 저녁을 먹으러 나갔고 돌아왔을 때는 머리가 백지,,, ㅎㅎ 😄

서비스를 개발한다고 마음먹으면 욕심이 생겨서 기능들이 점점 추가되는데, 우선 핵심 기능 1가지를 먼저 구현하고, 그 뒤에 다른 기능을 붙여도 늦지 않는다.

오히려 replit agent가 중간 중간에 내가 생각하지도 못한 기능들을 추천해주니까 이걸 사용하려면 최소한의 기능(MVP) 형태가 좋다!

2) 시작: Replit? 그게 뭐죠? 삽질의 서막

사전 설문으로 내가 어떤 서비스를 개발할것이고, 어떤 기능이 필요하고, 어떤 순서로 작동되는지도 작성했었다. 하지만 막상 모니터 앞에 앉아 있으니까 막막했다(비개발자 특 + 밥 먹고와서 탄수High).

그래서 인공지능과 인간지능을 모두 활용했다

1. 인공지능 : 지피티한테 '코딩 지식이 없는 마케터가 replit에 넣을 프롬프트가 필요해. 너한테 뭐라고 질문해야 할까?' 라고 물어보니 아래 4가지 지침을 주었다.

2. 인간지능 : 운이 좋게도 옆자리에 개발을 아시는 마케터 분이 계셨고 시작을 도와줄 프롬프트를 건네 주셨다. 채워서 Chat GPT에 물어보면 replit 넣을 프롬프트가 뚝닥나온다! (프롬프트는 아래와 같다)

1, 2번을 합쳐서 지피티에게 물어보면 replit 넣을 프롬프를 알려준다. 레플릿 에이전트에 삽입하면 새로운 기능도 추천해주고, 곧 완벽한 서비스가 나올 것 같은 느낌을 준다. 하지만 삽질 서막 시작

다시 한 번 말하지만 나와 같은 실수를 하지 않았으면 좋겠다. 절대로 여러 기능을 한번에 때려 넣지 않기. 이런 AI툴이 생산성을 높여주고 이전이면 불가능 할 것 같은 일을 가능하게 해주지만 만능 툴이 아니다!!!!

1개씩 차근차근 만들어 가야한다,,, 다시 만들면 진짜 잘 만들 수 있는데. 좋겠다 이 글을 보는 사람들은 잘 만들 수 있을테니까

3) 왜 안되지? 삽질의 연속이었는데 그런 것 치고는 빠르게 극복! replit agent 똑똑하네~

지금부터는 생생한 삽질의 과정이 나올텐데, 궁금하지 않은 사람들은 쭉 내려서 결과만 봐도 좋다. 직접 겪은 삽질 과정이기 때문에 읽어보면 분명 도움은 될거라고 생각!

1) 프롬프트를 넣고나니 뭔가 그럴 듯한 페이지가 만들어짐

2) 하지만 중요한 유튜브 실시간 조회수와 썸네일 가져오지 못하고 있었다

아이린님에게(천재개발자) 도움 요청. 우선 유튜브 데이터를 못가져오고 있는것 같다고 그 문제에 대해서 말해보라고 함.

TIP) 어떤 문제 발생했는지 명확히 말하고 해결해 달라고 말하면 된다

3) Youtube API를 사용해야 문제를 해결할 수 있다고 함.

이렇게 사용자가 직접 셋팅해야 하는 것도 있는데 이럴때는 당황하지 말고 chat gpt를 켜서 어떻게 설정해야 하는지 물어보면 된다.

추가로 API에 따라 사용량만큼 비용이 나가는 경우가 있는데(대표적으로 Chat gpt api) 그걸 구분하는 방법은 간단하다. 비용이 나가는 api를 사용해야하는 경우 카드를 등록하라고 요청을 함.

카드 등록이 없는 것은 거의 무료(그래도 사용전에 지피티에게 물어보거나 검색하는 것을 추천)

API 키를 발급받아서 등록하니 레플릿 에이전트에 아래와 같은 메시지가 뜬다.

천재 개발자 아이린님 왈 "API 키는 사용자마다 고유한 식별번호가 부여되니까 보다 안전하게 저장하려면 'add to account secrets' 클릭해야 한다고 알려주셨다.

API 키도 발급 받았겟다, 왠지 문제가 해결될 것 같은 느낌!

4) 그런 느낌은 착각. 유튜브 URL에 핸들(한글)이 포함되어 있다보니까 처리하는 부분에 문제가 있다고 답변

계속 수정 요청을 했지만 문제가 해결되지 않아서, 다시 천재 개발자의 도움을 받았다.

TIP2 그럴 떄는 console(콘솔) 창을 켜서 나오는 내용을 당황하지 말고 복사하고 '이런 문제가 발생되어서 해결되지 않고 있어. 해결해줘'라고 입력하면 된다고 알려주셨다

Console 창(콘솔 창)은 개발자가 프로그램의 실행 결과를 확인하고, 직접 명령어를 입력하여 시스템이나 프로그램과 상호작용할 수 있는 곳인데. 쉽게 말해서 개발 언어가 보여지는 곳. 당황하지 말고 tip2 대로 진행하면 된다

5) 드디어 작동한다!!!!!

영상을 3개 밖에 못가져오고, 숏폼만 가져오고 있지만 기능이 작동한다면 수정은 쉽다. 이 이후로는 자잘자잘한 버그 수정과, 기능을 붙이는 과정이라 굳이 추가하지는 않음. 이 상태가 되면 각자 상황에 맞게 수정하면 된다!

아 추가로 마지막 2가지 꿀팁!

1) 속도계 같은 곳에 마우스를 올려 놓으면 지금까지 얼마를 사용한지 볼 수 있다

2) progress 에서 아래 url을 복사해서 주소창에 넣으면 실제 서비스처럼 볼 수 있음! 배포하지 않아도 UI/UX 확인할 수 있으니까 중간 중간 확인해보면서 수정해보기를~

5) 유튜브 바이럴 썸네일 DNA 분석기 개발완료!

• 개발 지식이 없어도
• 공복이여도
• 음주상태여도

2시간 정도면 원하는 기능을 가진 서비스를 뚝닥 만들 수 있다는게 신기하면서도 무서웠다. 지금도 이 정도인데 앞으로는 얼마나 더 쉽게 앱과 서비스를 만들지 궁금하다. 평소에 문제를 잘 수집하는 것이 경쟁력이 될 수 있는 세상이라고 다시 한 번 느꼈다.

실제 서비스로 만들어보고 싶은 아이디어가 있다면, Replit으로 만들어보시는 걸 추천!

PS. 진짜 내가 쓰려고 만든 서비스라서, 나는 잘 쓰고 있음 유튜브 잘 하고 싶다면 한 번쯤은 써보길 추천!!

• 프로젝트 이름 : 유튜브 바이럴 썸네일 분석기
• 서비스 설명: 특정 유튜브 채널의 잘된 썸네일을 출력 > 잘 된 썸네일의 구조를 분석,응용할 수 있다면 내 영상을 바이럴 시킬 가능성이 높아짐!
• 걸린 시간: 2시간
• 쓴 돈: 5$
• 내 상태: 코딩 경험 없는 마케터
• URL:https://straightforward-knowledge-shortprologue.replit.app/

나만의 서비스 만들기 사전 알림 신청 안내

• 코딩을 몰라도 괜찮습니다! 개발자가 없어 막막했던 분들을 위해 준비한 이번 워크샵은, 실리콘밸리 개발자 출신(전 DoorDash) 대표님과 함께하는 특별한 기회입니다.
• 개발 경험이 전혀 없던 참여자 48명이 3시간 만에 직접 서비스를 만들고 배포까지 성공적으로 마친 경험을 바탕으로, 자신의 아이디어를 현실로 만들 수 있도록 도와드립니다.

💡 워크샵 사전 알림 신청 시 워크샵 오픈 소식을 안내드려요!

🔥 [실제 사례] 이런 것들을 만들어 볼 수 있어요!

1) 개발을 전혀 모르던 마케터 와니님은 점심시간 30분 만에 '글쓰기 서비스'를 만들었습니다.
2) 직장인 영끌님은 단 돈 만 원으로 '영어 단어 학습 서비스'를 완성했습니다.
3) 영어강사 따스텔님은 4시간 만에 '맞춤형 교재 추천 서비스'를 완성했습니다.
4) 크리에이터 리나몬드님은 '4시간 만에 '학술 논문 리뷰 시뮬레이터'를 완성했습니다.
5) 웹서비스 기획자 윤샐리님은 직접 '캘린더 예약 서비스'를 완성했습니다.

👇 더 많은 사례들은 여기서 확인하실 수 있습니다!

AI & 생산성 - 하이아웃풋클럽

1인 사업가, 프리랜서, 스몰 브랜드 대표님들을 위한 팁. AI를 활용해 업무 효율을 극대화하고, 반복 작업을 자동화하며, 데이터 분석과 개인화된 워크플로로 더 똑똑하게 일하는 인사이트를 전합니다.

하이아웃풋클럽전시진

✅ 이런 분들에게 워크샵을 추천드립니다!

• 실제로 구현하고 싶은 명확한 아이디어가 있는 분
• 개발은 모르고 코딩은 몰라도 API에 대해 들어본 적이 있는 분
• 새로운 도전을 좋아하며 어떻게든 끝낼 의지가 있는 분 (제일 중요!)