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