🖼️ 인포그래픽

🖼️ 4컷 인포그래픽

💡 한 줄 결론

SaaS 같이 만들어봐요. Calendly나 Cal.com 직접 만들기 - 바이브코딩 2탄를 중심으로, 지난 시간에 만든 미니 업타임은 홈페이지 다운 여부를 확인하는 유료 서비스 대체 도구였고, 필요한 기능을 직접 바이브 코딩으로 만를 핵심 판단 포인트로 압축 정리한다.

📌 핵심 요점

1. 지난 시간에 만든 미니 업타임은 홈페이지 다운 여부를 확인하는 유료 서비스 대체 도구였고, 필요한 기능을 직접 바이브 코딩으로 만드는 접근이 이번 작업의 출발점이다 [00:39]
2. 슈퍼파워스와 케이브맨 플러그인을 조합하고, 포니테일은 코드가 짧아지는 대신 디자인 요소가 빠질 수 있어 이번 작업에서는 제외된다 [01:39]
3. VPS는 클라우드에 있는 원격 서버이며, 블로그·바이브 코딩 결과물·개인 비서·작업 관리자 같은 여러 서비스를 한 서버에 함께 올릴 수 있다 [03:21]
4. AI는 코딩 자체는 잘 처리하지만 그라데이션, 글로우, 어색한 폰트처럼 AI 티가 나는 디자인을 자주 만들기 때문에 UI 품질이 별도 리스크로 남는다 [06:01]
5. 슈퍼파워스는 예약 생성 시 서버에서 가능한 슬롯인지, 이미 예약된 시간인지, 30분 단위 시간 생성과 날짜별 가능 시간 표시 같은 모호한 구현 조건을 정리한다 [07:51]

🧩 배경과 문제 정의

• 지난 작업의 미니 업타임처럼 유료 서비스 기능을 직접 만들어 쓰는 흐름에서, 이번에는 다른 사람도 사용할 수 있는 예약 SaaS로 확장하는 것이 핵심이다.
• 예약 서비스는 프리랜서, 음식점, 상담 업무처럼 시간 예약이 잦은 사용자에게 실용적이며, 공개 예약 화면과 관리자 화면을 함께 갖춰야 해 구현 난도가 올라간다.
• 바이브 코딩으로도 기획, 로컬 실행, 디자인 수정, GitHub 업로드, VPS 배포까지 이어갈 수 있지만, 프롬프트 구체화와 서버 환경 세팅이 중요하다.
• 개발자가 아닌 사용자는 AI 플러그인과 원격 AI 비서를 활용해 스펙 작성, 코드 수정, 배포 부담을 줄이는 방식으로 접근할 수 있다.

🕒 시간순 섹션별 상세정리

1. 개인용 도구에서 예약 SaaS로 확장

• 지난 미니 업타임 작업은 유료 서비스를 직접 대체해보는 사례였고, 이번에는 같은 방식으로 예약 서비스를 만드는 데 초점이 옮겨간다 [00:39]
• 목표는 캘린들리나 Cal.com처럼 다른 사람이 일정을 예약할 수 있는 서비스이며, 예약 업무가 많은 사용자에게 맞는 실용 도구로 설정된다 [00:54]

2. 플러그인과 프롬프트로 개발 스펙 구체화

• 슈퍼파워스와 케이브맨 플러그인을 조합해 개발을 진행하고, 디자인 요소가 빠질 수 있는 포니테일은 이번 작업에서 제외한다 [01:39]
• 케이브맨 설치처럼 번거로운 환경 설정은 레포지토리 주소를 AI에게 전달해 맡기는 방식으로 부담을 줄인다 [01:54]

3. VPS와 도메인 준비로 배포 기반 마련

• VPS는 클라우드의 원격 서버로, 블로그나 바이브 코딩 결과물 같은 여러 서비스를 한 서버에 올리는 기반이 된다 [03:21]
• 원격 서버는 24시간 켜져 있어 완성된 서비스를 계속 운영하거나 자동 작업을 수행하는 데 활용된다 [03:52]

4. 디자인 한계와 첫 로컬 실행 수정

• AI는 기능 구현에는 강하지만 그라데이션, 글로우, 어색한 폰트처럼 AI 티가 나는 디자인을 만들 수 있어 UI 품질 관리가 필요하다 [06:01]
• 디자인 개선은 완성도 높은 사이트를 참고하거나, 과한 효과를 줄이고 단순하게 만드는 방향이 현실적인 대안으로 드러난다 [06:29]

5. 예약 검증, 캘린더 UI, GitHub 업로드 흐름

• 예약 생성 시 가능한 슬롯인지, 이미 예약된 시간인지, 30분 단위 시간과 날짜별 가능 시간을 어떻게 처리할지 같은 조건을 슈퍼파워스가 구체화한다 [07:51]
• 슈퍼파워스 외에도 레이지 코덱스나 오마이 코덱스 같은 하네스를 프로젝트 성격에 맞게 테스트해볼 수 있다 [08:14]

6. 커밋 단위 관리와 VPS 배포 마무리

• 캘린더 화면은 비어 있지 않은 날짜를 막는 형태로 개선되고, 관리자 페이지도 캘린더 기반으로 바꾸면 예약 관리가 더 쉬워진다 [09:49]
• 기능이나 수정 사항마다 커밋을 남기면 변경 단위별 복구가 가능하고, 푸시는 그 내용을 GitHub에 올리는 단계로 드러난다 [10:07]

7. 단일 예약 도구에서 입점형 SaaS로 확장

• 미니캘은 단일 관리자용 예약 도구에서 출발하지만, 다음 단계에서는 다른 사람들도 사용할 수 있는 SaaS 형태로 확장된다 [12:36]
• 캐치테이블 같은 입점형 구조처럼 누구나 관리자가 되어 상점을 운영하고, 사용자는 각 상점에 예약하는 모델이 마무리 방향으로 드러난다 [12:46]

🧾 결론

• SaaS 같이 만들어봐요. Calendly나 Cal.com 직접 만들기 - 바이브코딩 2탄를 중심으로, 지난 시간에 만든 미니 업타임은 홈페이지 다운 여부를 확인하는 유료 서비스 대체 도구였고, 필요한 기능을 직접 바이브 코딩으로 만를 핵심 판단 포인트로 압축 정리한다.
• 슈퍼파워스와 케이브맨 플러그인을 조합하고, 포니테일은 코드가 짧아지는 대신 디자인 요소가 빠질 수 있어 이번 작업에서는 제외된다 [01:39]
• 본격적인 SaaS 제작은 다음 편으로 이어지고, VPS와 쿠폰 정보는 고정 댓글과 설명란에 남으며, 따라 하다 막힌 점은 댓글로 남기는 흐름으로 마무리된다. [13:21]

📈 투자·시사 포인트

• VPS는 클라우드에 있는 원격 서버이며, 블로그·바이브 코딩 결과물·개인 비서·작업 관리자 같은 여러 서비스를 한 서버에 함께 올릴 수 있다 [03:21]
• 반복 운영과 예외 대응이 많은 조직일수록 자동화 ROI를 비교적 빠르게 확인할 가능성이 있다.
• 공통 워크스페이스, 메모리 구조, API 연동 기반에 대한 투자 필요성이 커질 수 있다.

⚠️ 불확실하거나 확인이 필요한 부분

• 일부 자막 표현은 자동 추출 특성상 고유명사나 제품명이 부정확할 수 있어 원문 확인이 필요하다.
• 영상 속 수치와 자동화 범위는 발표자 설명 기반이므로 외부 검증 자료와는 구분해서 봐야 한다.
• 자막 기반 정리: 타임스탬프가 있는 자막을 기준으로 정리했으며, 고유명사·수치·인용은 원문 확인 필요 시 별도 검증한다.
• 영상 속 주장: 발표자의 해석·전망·비교는 확인된 외부 사실이 아니라 영상 속 주장으로 분리해 읽는다.
• 검증 필요: 수치, 기업 실적, 정책·시장 전망은 발행 전 최신 자료로 별도 검증이 필요하다.

✅ 액션 아이템

• 현재 조직의 반복 운영 업무를 목록화하고 자동화 우선순위를 정리한다.
• 메모리·규칙·툴 사용 문서를 한곳에서 관리할지 역할별로 분리할지 기준을 정한다.
• 민감 데이터와 일반 업무를 같은 에이전트에 둘지 권한을 분리할지 검토한다.

❓ 열린 질문

• 이 구조를 다른 조직에 옮길 때 가장 먼저 막히는 데이터/API 병목은 무엇인가?
• 단일 에이전트와 멀티 에이전트 운영은 어떤 업무 조건에서 각각 더 유리한가?