> ## Content Index > Fetch the complete content index at: https://blog.highoutputclub.com/llms.txt > Use this file to discover other available public pages before exploring further. # Replit을 활용해 15분 안에 웹 서비스 만들기 - URL: https://blog.highoutputclub.com/replit-ai-service-making/ - Published: 2025-01-14T09:35:00.000Z - Updated: 2026-02-15T15:15:29.000Z - Description: Replit을 활용하여 코딩 지식 없이도 AI와의 대화만으로 15분 만에 이미지 배경 제거 서비스를 만든 경험을 공유합니다. GPT의 도움을 받아 효과적인 프롬프트 작성부터 실제 서비스 구현까지, 누구나 자신만의 웹 서비스를 빠르고 저렴하게 만들 수 있는 방법을 소개합니다. - Author: 트렌드커넥터 - Tags: AI & 생산성 CONTENTS 1. [✦웹사이트를 15분만에 만들 수 있을까?](#%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%A5%BC-15%EB%B6%84%EB%A7%8C%EC%97%90-%EB%A7%8C%EB%93%A4-%EC%88%98-%EC%9E%88%EC%9D%84%EA%B9%8C) 2. [✦AI는 수단, 중요한 건 내 생각](#ai%EB%8A%94-%EC%88%98%EB%8B%A8-%EC%A4%91%EC%9A%94%ED%95%9C-%EA%B1%B4-%EB%82%B4-%EC%83%9D%EA%B0%81) 3. [✦Replit을 통한 가능성과 일의 확장](#replit%EC%9D%84-%ED%86%B5%ED%95%9C-%EA%B0%80%EB%8A%A5%EC%84%B1%EA%B3%BC-%EC%9D%BC%EC%9D%98-%ED%99%95%EC%9E%A5) 4. [✦나만의 서비스 만들기 사전 알림 신청 안내](#%EB%82%98%EB%A7%8C%EC%9D%98-%EC%84%9C%EB%B9%84%EC%8A%A4-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EC%82%AC%EC%A0%84-%EC%95%8C%EB%A6%BC-%EC%8B%A0%EC%B2%AD-%EC%95%88%EB%82%B4) ![자동화로 서비스 만들기](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/---------------.jpg) 작년 11월 팀 자동화 워크샵 안녕하세요, 하이아웃풋클럽에서 매니저로 일하고 있는 트렌드커넥터입니다. 지난 11월 팀에서 진행하는 자동화 워크샵에 참여했습니다. [Make](https://www.make.com/en?ref=blog.highoutputclub.com)를 활용해 탈리폼을 입력하면 답변 내역을 응답자의 메일로 보내주는 프로세스를 만들었어요. 이 작업을 한 덕분에 150여명의 커뮤니티 멤버들에게 행사 신청 메일을 자동으로 발송했습니다. 처음으로 내가 수동으로 해오던 일을 자동화할 수 있다는 걸 경험한 순간이었습니다. 새로운 일의 가능성을 볼 수 있었어요. **이번에는 한발 더 나아가 ‘앱 서비스 만들기’ 워크샵이 있었습니다.** AI를 활용해 내가 생각하는 서비스를 자동으로 만들어주는 작업을 1시간 내에 끝내는 게 목표였어요. 처음에는 하이아웃풋클럽 인스타그램 팔로우 트래킹 서비스를 기획했습니다. 기존에 수동으로 하던 걸 자동화하면서 가독성을 높이고 싶었어요. ![Replit 서비스 오류](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/--------------.png) Replit 오류 **1시간 가량 씨름하며 결국 접게 됐습니다.** 메타의 API를 불러오는 것부터 오류와 실수가 있어 구현하기가 어려웠거든요. 바로 옆에서 팀원 분이 글쓰기 관련 서비스를 실시간으로 만드는 걸 보고 뭐라도 다시 시도해봐야겠다는 생각이 들었습니다. 평소 릴스를 제작하며 배경이 있는 이미지의 배경을 지우는 일을 하게 되는데, 이걸 서비스화할 수 있겠다 싶어 다시 한번 [Replit](https://replit.com/?ref=blog.highoutputclub.com)으로 작업을 진행했습니다. --- ## 웹사이트를 15분만에 만들 수 있을까? ![Replit 작동 서비스](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/---------------------.png) Replit 시작 화면 [Replit](https://replit.com/?ref=blog.highoutputclub.com)은 내가 생각하는 앱과 서비스를 **AI와 대화를 통해 만들 수 있는 프로덕트입니다.** 다른 생성형 AI 서비스를 비롯해 여러 툴을 연결하며 프로덕트를 구현할 수 있어요. 단순히 코드를 짜주는 게 아니라 사람이 해야 하는 설정을 자동화하고 있습니다. ![GPT를 통한 Replit 프롬프트 엔지니어링](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/gpt-------.png) GPT를 통한 프롬프트 엔지니어링 서비스를 만들어본 경험이 전무했기에 AI의 힘을 빌려 AI를 더 잘 활용하기로 했습니다. GPT에게 Replit을 사용해 이미지 배경 제거 서비스를 만들고 싶다고 하면서 어떻게 프롬프트를 입력해야 하는지를 물어봤어요. ![GPT를 활용한 프롬프트 작성](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/GPT----------.png) GPT가 적어준 프롬프트 위와 같이 GPT는 프롬프트를 작성해줬습니다. Replit은 한국어도 인식하기는 하지만, 영어로 입력했을 때 더 높은 효율을 낼 수 있다는 거를 한 번의 실패로 확인했기에 해당 프롬프트를 Replit에 입력하며 본격적으로 작업을 시작했습니다. ![Replit Agent 메세지](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/---------------1.png) 만들고 싶은 서비스가 무엇인지, 거기에 어떤 기능이 필요한지를 Replit의 Agent에게 전달하면 Replit은 직접 이 서비스를 만들 수 있는 방안을 찾아, 필요한 프로그램을 설치하며 실행됩니다. 실행 전 레플릿은 내가 생각하지 못하는 기능을 추천해주기도 하는데요, 빠르게 결과물을 만들어보고 싶어 단일 기능으로 요청했습니다. ![Replit Agent 탭, Progress 탭](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/------------------------------.png) 진행 상황은 2개의 탭에서 동시에 확인할 수 있었어요. Agent와는 채팅으로 어떤 과정을 거치고 있는지를 볼 수 있고, Progress 탭에서는 Replit에 설치되는 프로그램, 실행되는 스크립트 화면을 점검할 수 있습니다. ![Replit Agent 사용 예시](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/--------------------.png) 실행 과정에서 문제가 생기는 경우 그 문제가 어떻게 생겼는지를 알리며 다른 옵션을 먼저 제안하기도 합니다. [Replit](https://replit.com/?ref=blog.highoutputclub.com)은 앱과 서비스를 만드는데 특화되어 있기 때문에 제작 과정에서 모르는 내용이 나오게 될 때 해당 내용을 Replit에 다시 물어보기 보다는, Chat-GPT나 클로드같은 다른 AI 툴에 넣어서 어떤 게 문제인지를 파악하면 향후 레플릿에게 뭔가를 지시할 때 도움이 됐어요. ![Replit 사용 예시](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/-----------.png) 실제 서비스 시작 화면 이후 Replit Agent와 몇 번의 핑퐁을 오가고 나면 서비스가 구현되게 됩니다. 덕분에 직접 만들 툴로 이미지 배경을 제거하여 릴스에 활용할 수 있게 됐습니다. [Background Remover![](https://static.ghost.org/v5.0.0/images/link-icon.svg)](https://background-eraser-bdsaeok.replit.app/?ref=blog.highoutputclub.com) **처음 시작할 때부터 완성되기까지 15분 가량의 시간이 걸렸고, 이 서비스를 만들기까지는 1,094원 가량인 0.75달러가 소모됐습니다.** --- ## AI는 수단, 중요한 건 내 생각 ![Replit 서비스 결과](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/-----------------------.png) 이미지 입력시 나오는 결과값 코딩을 할 줄 모르는 문과로서 대화만으로 내가 생각하는 서비스를 만들었다는 게 굉장히 흥미로운 경험이었습니다. **이 시점에서 단순히 기술을 익히는 것 이상의 사고가 필요하다는 걸 체감했습니다.** 내가 생각하는 걸 저렴하고 빠르게 구현해줄 수 있는 도구가 주어졌다면 **이 도구를 어떤 목적으로 쓸 것인지에 대한 고민이 선행되어야 합니다.** - 내가 해결하고 싶은 문제는 무엇인가 - 내가 만들고 싶은 서비스에 꼭 들어가야 하는 기능은 무엇인가 - 이 기능을 통해 나와야 하는 산출물은 어떤 것인가 - 서비스의 디자인은 어떤 방향을 추구하는가 이것들이 먼저 스스로에게 정리되어 있어야 Replit이라는 툴을 더 유용하게 활용할 수 있습니다. 서비스가 구현되는 과정에서 벌어지는 문제들도 다른 AI를 활용하면 쉽게 해결할 수 있는 영역이었습니다. ![Replit 오류 예시](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/-------------.png) Replit 사용 중 나타난 오류 **특히 챗GPT와의 협업은 필수였어요.** GPT의 도움 없이 프롬프트 엔지니어링을 제대로 하지 않은 내용을 입력하면 Replit에서 계속해서 오류가 발생하여 시간이 소요되면서 크레딧이 차감되었습니다. 반면 GPT를 통해 프롬프트 엔지니어링을 한 내용을 Replit에 넣었더니 큰 오류 없이 매우 빠르게 서비스를 만들 수 있었어요. ## Replit을 통한 가능성과 일의 확장 ![Replit CEO](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/01/--------------.jpg) [Replit](https://replit.com/?ref=blog.highoutputclub.com)는 2016년 암자드 마사드가 10억 명의 소프트웨어 개발자에게 힘을 실어주겠다는 비전으로 창업한 기업이에요. 누구나 코딩을 배우고 활용할 수 있는 환경을 제공하는 것을 목표로 서비스를 만들어나갔고 현재 유니콘 기업으로 평가되고 있어요. 덕분에 코딩을 접해본 적 없는 사람도 내가 원하는 기능을 더 간편하게 만들어볼 수 있었습니다. **이 과정을 통해 얻게 된 건 ‘일의 확장’입니다.** Replit을 기본으로 다양한 AI 툴을 함께 활용했을 때 나에게 정말 필요하고 내 옆의 동료와 친구들이 사용할 수 있는 서비스를 만들어 더 많은 가치를 창출할 수 있게 됩니다. 이를 통해 새로운 일의 방식을 갖출 수 있어요. 이전에는 ‘이게 될까’, ‘이거 만드려면 돈이 많이 들 것 같은데’ 하는 것들을 Replit을 통해 시험해보며 정말 잘 만들어내고 싶은 거에 집중할 수 있게 됩니다. 콘텐츠를 넘어 나만의 서비스와 프로덕트로 더 많은 시도에 도전하고 싶다면 Replit을 활용해보세요. 나만의 제품으로 더 나은 일을 해낼 수 있게 됩니다. --- ## 나만의 서비스 만들기 사전 알림 신청 안내 ![워크샵 사전 알림 신청하기](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/2025/02/----------------.png) 워크샵 사전 알림 신청하기 - 코딩을 몰라도 괜찮습니다! 개발자가 없어 막막했던 분들을 위해 준비한 이번 워크샵은, **실리콘밸리 개발자 출신(전 DoorDash) 대표님과 함께하는 특별한 기회**입니다. - 개발 경험이 전혀 없던 **참여자 48명이 3시간 만에 직접 서비스를 만들고 배포까지 성공적으로 마친 경험을 바탕**으로, 자신의 아이디어를 현실로 만들 수 있도록 도와드립니다. **💡 워크샵 사전 알림 신청 시 워크샵 오픈 소식을 안내드려요!** ### **🔥 \[실제 사례\] 이런 것들을 만들어 볼 수 있어요!** 1) 개발을 전혀 모르던 마케터 와니님은 점심시간 30분 만에 '[글쓰기 서비스](https://blog.highoutputclub.com/replit-30min-challenge-web-deployment/)'를 만들었습니다. 2) 직장인 영끌님은 단 돈 만 원으로 '[영어 단어 학습 서비스](https://blog.highoutputclub.com/build-vocab-ninja-using-replit-agent/)'를 완성했습니다. 3) 영어강사 따스텔님은 4시간 만에 '[맞춤형 교재 추천 서비스](https://blog.highoutputclub.com/replit-beginner-workshop-review/)'를 완성했습니다. 4) 크리에이터 리나몬드님은 '4시간 만에 '[학술 논문 리뷰 시뮬레이터](https://blog.highoutputclub.com/replit-ai-mvp-workshop/)'를 완성했습니다. 5) 웹서비스 기획자 윤샐리님은 직접 '[캘린더 예약 서비스](https://blog.highoutputclub.com/replit-workshop-mvp-booking-serivce/)'를 완성했습니다. **👇 더 많은 사례들은 여기서 확인하실 수 있습니다!** [AI & 생산성 - 하이아웃풋클럽1인 사업가, 프리랜서, 스몰 브랜드 대표님들을 위한 팁. AI를 활용해 업무 효율을 극대화하고, 반복 작업을 자동화하며, 데이터 분석과 개인화된 워크플로로 더 똑똑하게 일하는 인사이트를 전합니다.![](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/icon/logo-15.png)하이아웃풋클럽전시진![](https://storage.ghost.io/c/b6/51/b651c236-8ffa-4b60-89e0-a48718ab78eb/content/images/thumbnail/-----1.png)](https://blog.highoutputclub.com/tag/ai-work-productivity/) ### **✅ 이런 분들에게 워크샵을 추천드립니다!** - 실제로 구현하고 싶은 명확한 아이디어가 있는 분 - 개발은 모르고 코딩은 몰라도 API에 대해 들어본 적이 있는 분 - 새로운 도전을 좋아하며 어떻게든 끝낼 의지가 있는 분 (제일 중요!) 워크샵 사전 알림 신청 [👉 지금 바로 신청하기 ](#) --- 📝 ****함께 읽어보면 좋은 글** 1) [하이아웃풋클럽 워크샵 레플릿(Replit)으로 나만의 서비스 만들기](https://blog.highoutputclub.com/replit-beginner-workshop-review/) 2) [\[하이아웃풋클럽 워크샵 후기\] 레플릿(Replit)으로 만든 영어 단어장](https://blog.highoutputclub.com/build-vocab-ninja-using-replit-agent/) 3) [Replit 사용법, 30분 만에 기획부터 웹 서비스 배포까지](https://blog.highoutputclub.com/haiauspuskeulreob-repeulris-replit-weokeusyab-1sigan-mane-gagyeogbigyo-seobiseu-mandeulgi/) 4) [Replit을 활용해 15분 안에 웹 서비스 만들기](https://blog.highoutputclub.com/replit-ai-service-making/) 5) [Replit Agent로 30분 만에 글쓰기 서비스를 만들고 실제 유저 테스트까지](https://blog.highoutputclub.com/replit-agent-testing/)