🔥24기 사전 알림 신청 및 뉴스레터 구독
AI & 생산성 · · 10 min read

UI/UX 디자이너가 레플릿(Replit)으로 4시간 만에 만든 서비스

UXUI 디자이너가 Replit을 활용해 4시간 만에 인생 첫 웹서비스를 배포한 경험! 하이아웃풋클럽 워크샵에서 아이디어를 직접 구현하며 개발의 가능성을 발견했습니다.

UI/UX 디자이너가 레플릿(Replit)으로 4시간 만에 만든 서비스

개발 몰라도 괜찮을까? UXUI 디자이너가 고민한 이유

디자인 업계에 처음 발을 들였을 때만 해도 저는 제 분야만 잘하면 된다고 생각했습니다.

하지만 실무에서 더 중요한 건 디자인 실력뿐만 아니라 개발자와의 원활한 소통 능력이라는 걸 깨닫게 됐어요. 예쁘고 직관적인 디자인을 만들어도 개발이 어렵거나 구현이 복잡하면 실제 서비스로 이어지기 어렵더라고요.

그러다 최근에는 단순한 협업을 넘어 내가 직접 아이디어를 구현해볼 수 있다면 어떨까? 하는 고민이 생겼어요.

제가 원하는 서비스를 만들려면 개발에 대한 이해도가 더 필요하겠다는 생각이 들었고, 그럴수록 "비개발자인 내가 개발을 배우는 게 가능할까?"라는 의문도 커졌습니다.

그러던 중 하이아웃풋클럽의 레플릿(Replit) 워크샵 소식을 접하게 됐어요.

하이아웃풋클럽의 레플릿(Replit) 워크샵

하이아웃풋클럽에서는 이전에도 두 차례 레플릿(Replit) 워크샵을 진행했는데 저는 그때마다 관심만 갖고 있다가 바쁜 일정 탓에 참여하지 못했어요.

하지만 비개발자여도 괜찮고, API 개념만 알아도 웹서비스 제작부터 배포까지 가능하다는 설명을 기억하고 용기를 얻었어요.

그동안 ‘개발은 나와 거리가 먼 일’이라 생각했지만 직접 시도해볼 기회라는 생각이 들었거든요. 그래서 이번에는 저만의 아이디어를 꼼꼼하게 정리해 신청서를 작성했고, 운 좋게도 워크샵에 선정될 수 있었습니다.

하이아웃풋클럽의 2월 2일 나만의 웹서비스 만들기 워크샵

내가 만들고 싶은 서비스는?

이번 워크샵에서 구현하고 싶었던 아이디어는 "창작자를 위한 아이디어 질문 멘토"였어요.

요즘 많은 사람들이 ChatGPT를 활용해서 아이디어를 떠올리지만 처음부터 원하는 창작 프로세스에 맞춰 프롬프트를 짜는 게 쉽지 않다는 문제가 있었어요.

그러면서 문득, "ChatGPT를 단순한 답변 도구가 아니라, 창작자의 사고를 확장해주는 멘토로 만들 수는 없을까?" 라는 고민이 들었어요. 무조건 답을 주는 게 아니라, 사용자가 더 깊이 생각하고 고민하도록 유도하는 방식이었죠.

아이러니하게도 이 서비스를 만들기 위해 ChatGPT와 사용하게 되었어요.

ChatGPT에게 Replit 서비스에서 사용할 프롬프트를 만들어달라고 요청했고, 그 결과를 바탕으로 MVP를 개발하기 시작했죠.

워크샵 진행할 때 가장 처음 작성한 ChatGPT 프롬프트

팁이 있다면 ChatGPT한테 Replit한테 줄 프롬프트를 영어로 써달라고 하거나 Replit에 직접 영어로 입력하면 더 섬세한 요청이 가능하다고 느꼈습니다.

영어 프롬프트 작성 화면

정말 개발 지식이 없어도 괜찮을까? Replit 워크샵의 과정

워크샵을 진행하면서 가장 어려웠던 점은 ChatGPT는 어떻게 말해도 이해하고 답을 주지만 Replit은 원하는 결과를 얻으려면 더 구체적이고 정확한 명령을 내려야 한다는 점이었어요.

처음에는 한 번에 모든 기능을 다 구현하려 했어요. 하지만 점점 그게 쉽지 않다는 걸 깨닫고 단계를 나눠 하나씩 해결하는 방식으로 접근하기로 했습니다.

그리고 저는 스스로 기준을 하나 정했어요.

어떤 기능이든 세 번 시도했는데 해결이 안 되면 정말 중요한 기능이 아닌 이상 일단 넘어가기!

완벽하게 만들겠다는 욕심 때문에 전체 진행이 늦어지는 것보다는 핵심 기능을 빠르게 완성하고 나중에 다듬는 게 더 중요하다고 판단했어요.

그리고 신기하게도 다른 기능을 추가하거나 UI를 조정하면서 자연스럽게 해결되는 문제들도 있었어요.

제 서비스에서 가장 중요한 기능은 사용자가 입력한 키워드에 맞춰 질문을 생성하는 것이었어요. 이를 위해 ChatGPT API 연동이 필수적이었고, API를 사용하려면 별도로 결제가 필요했어요.

처음에는 고민했지만 이건 내 아이디어를 현실로 만들기 위한 투자라고 생각하고 바로 진행했습니다.

ChatGPT API key 발급 화면

Replit으로 4시간만에 인생 첫 서비스 배포

저는 사용자가 키워드를 입력하면 아이디어를 떠올리는 데 도움을 주는 질문을 생성해주는 Creative Mentor를 제작했어요.

단순한 질문 제공이 아니라 선택한 질문을 바탕으로 디자인 가이드라인까지 제시하고, 마지막에는 지금까지 고른 질문과 디자인 가이드라인을 바탕으로 인사이트를 정리할 수 있도록 구성했어요.

하이아웃풋클럽 워크샵 결과물 (질문 제시)
하이아웃풋클럽 워크샵 결과물 (디자인 가이드라인)
하이아웃풋클럽 워크샵 결과물 (인사이트 생성)

처음에는 '비개발자인 내가 정말 웹서비스를 만들 수 있을까?' 하는 의문이 컸지만 하이아웃풋클럽 Replit 워크샵 덕분에 단 4시간 만에 첫 서비스를 배포할 수 있었다는 사실이 놀라웠어요.

나중에 기회가 된다면 다시 듣고 싶을 정도로 유익한 워크샵이었습니다.

Replit을 통해 저는 새로운 가능성을 발견했고, 앞으로도 더 많은 아이디어를 현실로 만들어보고 싶어졌어요. 🚀


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

워크샵 사전 알림 신청하기
워크샵 사전 알림 신청하기

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

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

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

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

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

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

워크샵 사전 알림 신청
👉 지금 바로 신청하기

Read next

AI 코딩 도구 레플릿(Replit)으로 아이디어를 가장 빨리 실현해 낸 경험
AI & 생산성 ·

AI 코딩 도구 레플릿(Replit)으로 아이디어를 가장 빨리 실현해 낸 경험

하이아웃풋클럽의 Replit MVP 만들기 워크샵에 참가해, 고객이 스스로 적합한 훈련을 찾을 수 있는 서비스를 개발했습니다. ChatGPT를 활용해 MVP를 단순화하고, 설문 기반 트레이닝 분석 시스템을 구축했습니다. 이메일 전송 기능도 추가하며, 실전 적용 가능성을 높였습니다. 이 경험을 바탕으로 API 연동 및 수익 모델 개발을 계획 중이며, Replit을 활용한 실행의 중요성을 다시금 깨달았습니다.

뉴스레터 구독하기