프로덕트 디자이너의 레플릿 워크샵 후기
![레플릿(Replit) 워크샵 후기, 4시간 만에 여성을 위한 수면 시간 계산기 만들기](https://blog.highoutputclub.com/content/images/2025/01/image-155.png)
안녕하세요, 저는 하이아웃풋클럽 9기, 타임스탬프 인증샷 카메라 앱 Show Your Time을 만드는 나나산이라고 합니다.
하이아웃풋클럽에서 4시간 만에 레플릿(Replit)으로 MVP(Minimum Viable Product)를 만드는 워크샵이 열린다고 해서 재빠르게 신청했어요. 만들고 싶은 제품이 있었는데 머릿속에만 아이디어를 떠올리고 차일피일 미루며 완성하지 못하고 있던 상태였어요.
오프라인 공간의 제한으로 선정된 인원만 갈 수 있는 워크샵이라 참여자 발표 당일까지 조마조마하게 기다렸답니다. 선정 조건이 4시간 만에 만들 수 있는 웹 기반 제품을 기획해야 하는 건데, 긴장은 되었지만 그래도 뽑힐 자신이 있었어요.
MVP 기획의 중요성
왜냐하면 스콥(Scope)을 잘게 나눠 최소 기능만을 가진 첫 번째 버전을 여러 번 만들어 봤기 때문이에요. 이는 디지털 제품을 릴리즈하는 데 있어서 가장 중요한 원칙이기도 해요. 아직 시장 반응을 모르는 상황에서 필요한지 알 수 없는 부가 기능까지 만드는 건 시간, 인력, 에너지 등 모든 리소스를 낭비하게 되기 때문이에요.
제품에는 여러 종류가 있는데, 그 중 저는 실용적인 기능을 제공하는 유틸리티(Utility) 제품을 기획했습니다. 유틸리티 제품의 장점은 별도의 어드민(Admin)이나 API 연동이 필요 없고, 데이터도 고비용 클라우드 서버 없이 저장할 수 있다는 점이에요.
레플릿(replit)을 활용한 여성을 위한 수면 시간 계산기
저는 스콥이 작은, 웹 기반의 여성을 위한 수면 시간 계산기 유틸리티를 기획했고 예상대로 워크샵에 선정되어 참여할 수 있었어요.
제가 기획한 제품에 대해 더 자세히 설명하자면 간단해요. 원하는 기상 시간을 입력하면 잠드는 시간, 수면 사이클, 그리고 여성의 건강 상태에 따라 가장 적합한 취침 시간을 추천해주는 계산기예요. 간단한 계산기이지만 매일 취침 시간이 조금씩 바뀌고, 불면증을 갖고 있어 수면 시간이 중요한 저에겐 꼭 필요한 제품이었어요.
![](https://blog.highoutputclub.com/content/images/2025/01/image-146.png)
요구사항은 명확한 상태라 레플릿 워크샵 전 인수 조건(Acceptance Criteria)을 적어갔어요. 인수 조건이란 테스트 가능한 단위의 기능 완료 조건을 명세한 것을 말해요. 워크샵 당일 이 인수 조건을 기반으로 레플릿과 함께 제품을 만들어 나갔어요.
![](https://blog.highoutputclub.com/content/images/2025/01/image-142.png)
레플릿(replit) 개발 과정에서 배운 점
여성 수면 시간 계산기는 두 페이지로 구성된 간단한 제품이었기에 정말 빠르게 프로토타입을 만들 수 있을 거라 생각했어요. 하지만 단계별로 만드는 게 좋다는 조언을 따라 프롬프트를 잘게 나눠서 입력한 게 문제가 되었어요.
레플릿(replit)은 한 페이지짜리 계산기를 만들었어요. 이후 두 번째 페이지를 추가했지만 페이지는 연결되지 않았어요. 버튼을 눌러 이동은 되었으나 계산 결과는 넘겨 주지 못했죠. AI 특성상 할루시네이션(환각 기능, 없는 말을 지어내는 현상)이 있어서, 마치 모든 기능이 잘 작동하는 것처럼 응답을 해줘서 이 문제를 미처 예상하지 못했어요.
그래서 이미 MVP 스콥의 제품을 기획했다면 요구사항을 나눠서 입력하기 보다는 한 번에 큰 그림을 그려주는 게 좋다는 깨달음을 얻게 되었습니다. 물론 너무 큰 기능은 스텝 바이 스텝으로 나눠서 적어주는 게 좋습니다.
여성 수면 계산기는 간단한 제품이라 다른 분들보다 빠르게 만들었고 이후 저는 프론트를 제가 디자인한 형태로 수정하는데 시간을 더 보냈어요.
레플릿(replit)은 기본적으로 React 컴포넌트로 제품을 만들어요. 그래서 시간을 선택할 때 iOS 스타일의 Time Picker를 쓰고 싶었으나 레플릿은 이를 그릴 줄 몰랐어요. 원하는 대로 구현하려면 라이브러리를 붙여야 해서 포기했어요.
![](https://blog.highoutputclub.com/content/images/2025/01/image-153.png)
![](https://blog.highoutputclub.com/content/images/2025/01/image-154.png)
AI와 제품 개발의 미래
![레플릿(Replit) 워크샵 후기, 4시간 만에 여성을 위한 수면 시간 계산기 만들기](https://blog.highoutputclub.com/content/images/2025/01/image-156.png)
레플릿(replit)으로 제품을 만들면서 느낀 점은 프로토타입 구현은 AI로 빠르게 만들어서 판단해볼 수 있겠다는 생각과 동시에 문제를 찾고, 이를 적합한 해결책으로 제품을 만드는 앞단의 일, 기획이 중요해지겠다는 생각이 들었어요.
요구사항과 인수 조건을 정리하고, 와이어프레임으로 UI를 만들며 제품을 설계하는 일, 그 중에서도 첫 번째 MVP를 설계하는 일만큼은 자신이 있는 터라 앞으로 이런 쪽으로도 코칭할 기회가 있겠다는 생각이 더 확고해졌습니다.
워크샵 당일만 해도 레플릿(replit)이나 커서(Cursor) 같은 AI 제품에 너무 의존하게 될 경우, 소수의 생성형 AI 플랫폼에 의해 가격이 높아졌을 때 문제가 될 수 있을 거라 생각하여 개발을 더 공부해야겠다고 생각했어요.
하지만 바로 다음 주 딥시크(DeepSeek)가 저렴한 가격으로 개발한 오픈소스 모델을 공개하면서 AI 시장에 큰 변화가 일어났고, 제 생각도 달라졌어요. 개발 공부를 계속하면서도 AI를 제품 개발에 효과적으로 활용하는 방법을 더 깊이 익혀야겠다는 결론에 도달했습니다.
나만의 서비스 만들기 사전 알림 신청 안내
![워크샵 사전 알림 신청하기](https://blog.highoutputclub.com/content/images/2025/02/----------------.png)
- 코딩을 몰라도 괜찮습니다! 개발자가 없어 막막했던 분들을 위해 준비한 이번 워크샵은, 실리콘밸리 개발자 출신(전 DoorDash) 대표님과 함께하는 특별한 기회입니다.
- 개발 경험이 전혀 없던 참여자 48명이 3시간 만에 직접 서비스를 만들고 배포까지 성공적으로 마친 경험을 바탕으로, 자신의 아이디어를 현실로 만들 수 있도록 도와드립니다.
💡 워크샵 사전 알림 신청 시 워크샵 오픈 소식을 안내드려요!
🔥 [실제 사례] 이런 것들을 만들어 볼 수 있어요!
1) 개발을 전혀 모르던 마케터 와니님은 점심시간 30분 만에 '글쓰기 서비스'를 만들었습니다.
2) 직장인 영끌님은 단 돈 만 원으로 '영어 단어 학습 서비스'를 완성했습니다.
3) 영어강사 따스텔님은 4시간 만에 '맞춤형 교재 추천 서비스'를 완성했습니다.
4) 크리에이터 리나몬드님은 '4시간 만에 '학술 논문 리뷰 시뮬레이터'를 완성했습니다.
5) 웹서비스 기획자 윤샐리님은 직접 '캘린더 예약 서비스'를 완성했습니다.
👇 더 많은 사례들은 여기서 확인하실 수 있습니다!
✅ 이런 분들에게 워크샵을 추천드립니다!
- 실제로 구현하고 싶은 명확한 아이디어가 있는 분
- 개발은 모르고 코딩은 몰라도 API에 대해 들어본 적이 있는 분
- 새로운 도전을 좋아하며 어떻게든 끝낼 의지가 있는 분 (제일 중요!)