만들 수 있는 것들의 엄선된 예시
Raccoon AI로 웹 앱을 만드는 방법
앱 설명하기
Raccoon AI에게 무엇을 만들고 싶은지 말하세요. 기능, 타겟 오디언스, 요구사항을 구체적으로.
맥락이 많을수록 좋아요
'투두 앱 만들어 주세요'는 모호해요. '칸반, 마감일, 멤버 할당, 알림이 있는 팀용 태스크 매니저를 만들어 주세요'가 실행 가능해요.
SaaS 스타트업용 애널리틱스 대시보드를 만들어 주세요. 필요: 핵심 지표 개요(MRR, 이탈, 성장), 최근 12개월 트렌드 차트, 검색과 필터가 있는 고객 테이블, 설정 페이지. 이메일/비밀번호 로그인. 다크 모드 디자인, 모던.
플랜 검토하기
Raccoon AI가 만들기 전에 플랜을 만들어요. 제안된 기능을 검토하고 조정하세요.
기대를 맞추세요
실행 전에 플랜이 필요한 모든 것을 다루는지 확인하세요. 앱을 다시 만드는 것보다 플랜을 조정하는 게 쉬워요.
플랜 좋아 보여요, 하지만 추가해 주세요: (1) CSV 데이터 내보내기, (2) 플랜별 매출 차트, (3) 차트 기간 필터. 리포트 섹션은 지금 빼 주세요 — MVP에는 필요 없어요.
빌드 따라가기
Raccoon AI가 실시간으로 앱을 만들어요. 진행 상황을 따라가고 과정 중에 피드백을 주세요.
라이브 피드백
앱이 완성될 때까지 기다리지 마세요. 빌드 중에 개입하여 결과를 가이드하세요.
고객 테이블 레이아웃 좋아요, 하지만 상태 배지 색상을 바꿔 주세요 — 활성은 초록, 트라이얼은 노란, 이탈은 빨간. 상단 지표 카드 크기도 키워 주세요.
백엔드 설정하기
데이터 영속성을 위해 Supabase로 데이터베이스, 인증, 스토리지를 연결하세요.
실제 데이터가 중요해요
백엔드 없는 예쁜 앱은 프로토타입일 뿐이에요. DB를 연결하면 실제 데이터와 완전한 기능이에요.
앱용 Supabase 설정: 고객 테이블(이름, 이메일, 플랜, MRR, 시작일), 월간 지표 테이블(MRR, 이탈, 신규 고객). 이메일/비밀번호 인증 활성화. 테스트용 샘플 데이터 시드 만들기.
테스트하고 다듬기
앱을 사용하고, 문제를 찾고, 수정을 요청하세요. 프로덕션 준비가 될 때까지 반복하세요.
사용자처럼 테스트하세요
사용자가 할 것처럼 앱을 탐색하세요. 모든 화면, 모든 버튼, 모든 플로. 실제로 사용하면 문제가 보여요.
몇 가지 문제를 찾았어요: (1) 날짜 필터가 모바일에서 안 돼요, (2) MRR 차트에 마우스 올리면 툴팁이 안 나와요, (3) 테이블이 MRR 값으로 제대로 정렬이 안 돼요. 이것들 고치고 테이블에 페이지네이션 추가해 주세요 — 500+ 고객이 있어요.
배포하고 공유하기
원클릭으로 퍼블릭 URL에 배포하세요. 팀이나 클라이언트와 공유하세요.
빠르게 런칭하세요
완벽을 기다리지 마세요. 문제를 해결하는 작동하는 MVP가 3개월 후의 완벽한 앱보다 가치 있어요.
앱 준비됐어요. 프로덕션에 배포해 주세요. 공동 창업자와 투자자 3명에게 리뷰용 링크를 공유해야 해요. 그 다음에 커스텀 도메인 설정을 도와주세요.
자주 묻는 질문
설명만으로 완전한 웹 애플리케이션을 만드세요. Raccoon AI가 프론트엔드, 백엔드를 구축하고 자동으로 배포해요. 자주 묻는 질문의 답변을 확인하세요.
더 궁금한 점이 있거나 다른 솔루션을 찾고 계신가요? 영업팀 문의
어떤 유형의 웹 앱을 만들 수 있나요?
대시보드, 내부 도구, 기능이 있는 랜딩 페이지, SaaS 앱, 고객 포털, 태스크 매니저, CRM 등. 웹 앱으로 만들 수 있다면 Raccoon AI가 만들 수 있어요.
코딩을 알아야 하나요?
아니요. 자연어로 원하는 것을 설명하세요. Raccoon AI가 코드를 작성하고 프로젝트를 설정하고 배포해요. 원한다면 코드를 검토하고 편집할 수 있어요.
데이터베이스에 연결할 수 있나요?
네. Raccoon AI가 PostgreSQL 데이터베이스, 인증, 파일 저장을 위해 Supabase와 통합해요. 원클릭으로 자동 설정.
프로덕션에 배포할 수 있나요?
네. 원클릭으로 퍼블릭 URL에 배포. Plus 5x 이상 플랜에서 커스텀 도메인 추가.
인증이 있는 앱을 만들 수 있나요?
네. 이메일/비밀번호 로그인, 소셜 OAuth, 라우트 보호, Supabase를 통한 사용자 관리.
어떤 기술을 사용하나요?
프론트엔드: React/Next.js, 스타일: Tailwind CSS, 백엔드: Supabase. 현대적이고 프로덕션 준비된 스택.
만든 후에 반복할 수 있나요?
네. 계속 대화하면 Raccoon AI가 변경, 기능 추가, 버그 수정을 해요. 앱이 니즈에 맞게 발전해요.
앱이 반응형인가요?
네. 모든 앱이 기본적으로 반응형이에요. 데스크톱, 태블릿, 모바일에서 작동해요.
코드를 다운로드할 수 있나요?
네. 완전한 소스 코드를 언제든 다운로드하세요. 어디서든 수정하고 호스팅할 수 있는 표준 코드예요.
앱이 얼마나 복잡할 수 있나요?
간단한 계산기부터 여러 페이지, 인증, 데이터베이스, 통합이 있는 완전한 SaaS 플랫폼까지. 복잡성은 플랜과 사용량 한도에 따라 달라요.
