01
스마트 예약 & 상태 관리 웹앱
개요: 단순 접수를 넘어 예약 신청부터 실시간 처리 상태 확인, 관리자 전용 대시보드까지 작동하는 3페이지 실속형 멀티페이지 앱.
주요 기능
- 고객용 수리/예약 신청 폼 (사진 및 파일 첨부 지원)
- 실시간 진행 상태 조회 (접수 → 진행중 → 완료)
- 사장님 전용 대시보드 (상태 변경 및 관리자 메모)
연동 스펙: Supabase DB 연동 / 데이터 실시간 동기화
AI VIBE CODING WORKSHOP
아이디어만 가져오세요.
진짜 작동하는 서비스가 배포됩니다.
자연어로 상상하고, AI와 대화하며 실시간으로 완성하는 라이브 배포 워크숍.
내 아이디어를 내 손으로 직접 구현하고 글로벌 라이브 URL을 확보하세요.
갤러리 라이브러리
AI와 대화하며 완성하고 배포한 실제 서비스입니다.
아래 사례의 프롬프트를 내 업종과 아이디어에 맞게 바꿔 바로 시작할 수 있습니다.
02
인터랙티브 자동 견적 산출기
개요: 옵션 선택에 따라 금액이 즉시 합산되고, 견적서 제출부터 상담 관리까지 연결되는 비즈니스 전용 웹앱.
주요 기능
- 실시간 조건별 가격 자동 계산기 뷰
- 견적 데이터 기반 상담 신청 접수 폼
- 파트너용 견적 티켓 및 고객 상담 상태 관리 대시보드
연동 스펙: 계산 로직 자동 반영 / DB 데이터 저장
03
B2B 고객지원 & CS 티켓 시스템
개요: FAQ 조회부터 문의 사진 첨부, 티켓 생성, 관리자 답변 등록까지 한 번에 처리하는 미니 CS 헬프데스크.
주요 기능
- 자주 묻는 질문(FAQ) 아코디언 랜딩
- 사진 첨부 기반 문의 티켓 생성 폼
- 우선순위별 티켓 분류 및 답변 등록 관리자 뷰
연동 스펙: 이미지/파일 업로드 지원 / DB 상태 관리
프로그램 구성 및 타임라인
아이디어를 서비스로 완성하는 세 단계
AI 아이디어 구체화
한 줄 아이디어를 AI에게 던져 서비스 메뉴 구조와 3페이지 핵심 기획안을 즉석에서 시각화합니다.
바이브코딩 실시간 빌드
화면을 직접 보며 대화로 기능을 추가하고, 데이터베이스 및 결제 세션을 실시간으로 연동합니다.
라이브 배포 및 최종 완성
나만의 인터넷 주소(URL)를 생성하고, 실제 작동 테스트를 거쳐 최종 제출을 완료합니다.
전문가 소개
유니
- AI·핀테크 분야 개발자 및 연쇄창업가
- 전 메타버스 앱 공동창업자
- 전 LG·삼성 연구원
- 전 AI 컴퓨터비전 연구실 연구원 · AR 원천기술 연구 경험
워크숍의 가치
한 번의 생성으로 끝내지 않고, 쓸 수 있는 첫 버전까지 만듭니다.
기획과 첫 완성
아이디어, 사용자, 핵심 흐름을 먼저 좁히고, 대화로 화면과 기능을 만들며 직접 테스트할 수 있는 첫 웹앱을 완성합니다.
자료와 오픈북 아카이브
세션 교재, 보충 학습 아티클·PDF, 녹화 자료를 제공하여 행사 뒤에도 내용을 다시 참고하고 다음 버전을 보완할 수 있습니다.
기수 커뮤니티와 다음 개선
카카오톡 기수방에서 사례, 질문, 수정 경험을 공유합니다. 참가자 간 디자인·기획·마케팅·개발 재능 품앗이도 가능하며, 운영 중 생기는 기본 질문은 커뮤니티와 멘토링 흐름에서 이어서 다룹니다.
기수 참여 절차
참여 신청부터 라이브 빌드까지
사전 설문 제출
아이디어와 먼저 완성할 핵심 흐름을 남깁니다.
참여 안내 메일
기수 운영 정보와 참여 방법을 이메일로 받습니다.
카카오톡 기수방
사전 질문, 사례, 공지와 자료를 공유합니다.
사전 준비 자료 보기
라이브 빌드 참여
내 서비스를 만들고 완성 결과와 다음 요청을 남깁니다.
커뮤니티 앰배서더
좋은 아이디어를 가진 사람이 직접 만들 수 있도록 이번 워크숍을 소개해 주세요.
단톡방·커뮤니티·SNS에서 참여자를 연결하고, 실행자 커뮤니티를 함께 키웁니다.
참여 사전 설문
이번 기수에서 만들 서비스를 남겨주세요.
신청 정보는 기수 편성, 상담 준비, 유입 채널 분석에만 사용합니다. 설문 제출 후 참여 안내와 카카오톡 기수방 정보를 이메일로 받습니다.