← 💜 Lovable
Claude
✨
이게 가능해져요
앱 아이디어 → Lovable → 로그인·DB·배포 갖춘 실제 앱
Claude로그인 기능 있는 SaaS 만들려면 인증·DB·배포 다 따로 설정해야 해서 몇 주 걸릴 것 같아...
나
풀스택 인프라 설정만으로도 상당한 시간이 걸립니다.MCP 미연결
Lovable로 AI 웹앱 만들기
Basic 약 20분기본 사용법
💡 대화로 풀스택 웹앱을 만드는 AI 빌더예요. React + Supabase 기반으로 로그인·DB·배포까지 자동으로 구성해줘서 실제 서비스 수준의 앱을 빠르게 만들 수 있어요.
🔒 lovable.dev
실제 화면
실수 방지 체크리스트
- 1DB 스키마 설계 없이 기능부터 추가 → 나중에 구조 변경 어려움 — 초기에 데이터 모델 먼저 확정
- 2로컬 개발 환경 없이 Lovable에만 의존 → 커스터마이징 한계 — GitHub clone 후 로컬에서도 병행 개발
- 3무료 플랜 메시지 한도 과소비 → 중요한 시점에 중단 — 반복 수정은 코드 직접 편집으로
STEP 1 / 4…
1
STEP 1. Lovable 시작 및 앱 설명
🔒 lovable.dev
실제 화면
lovable.dev에 접속해 GitHub 계정으로 로그인합니다. '+ New Project'를 클릭하고 채팅창에 만들고 싶은 앱을 설명합니다. '북마크 관리 앱, 태그 분류, 공유 기능, Google 로그인'처럼 기능을 구체적으로 나열하세요. Lovable은 React + TypeScript + Tailwind + Supabase 스택을 기본으로 사용합니다.
💡
Lovable은 Bolt.new보다 풀스택(인증·DB·API) 구성에 강합니다. 실제 서비스처럼 동작해야 하는 앱에 적합합니다.
이 단계를 완료했나요?