AI 루트
레벨 진단
← Lovable

Lovable로 Supabase 연동 풀스택 앱 만들기

중급약 30분5단계

Lovable은 대화로 풀스택 웹앱을 만드는 AI예요. Supabase DB 연동·인증·API까지 코드 없이 자연어로 구현할 수 있어 비개발자도 실제 서비스를 런칭할 수 있습니다.

따라 하기

1단계 / 5

Lovable 가입 및 로그인

  1. 1lovable.dev에 접속해 Get Started 버튼을 클릭합니다.
  2. GitHub 계정으로 로그인하면 자동으로 계정이 생성됩니다.
  3. 2로그인 후 대시보드 화면에서 + New Project 버튼을 클릭해 새 프로젝트를 시작합니다.
Lovable 열기

이해를 돕는 예시 그림이에요. 실제 화면과 다를 수 있어요.

lovable.dev
Lovable
AI로 앱을 만들어보세요
코드 없이도 완성도 높은 웹앱을 빠르게 구축하세요
만들고 싶은 앱을 설명해보세요...
만들기
여기를 클릭!
SaaS 대시보드
쇼핑몰
예약 시스템
SNS

팁 Lovable은 GitHub 계정 연동이 필수입니다. GitHub 계정이 없다면 github.com에서 무료로 만들 수 있습니다. 무료 플랜은 월 5개 프로젝트를 지원합니다.

처음이라 잘 모르겠다면

lovable.dev에서 새 프로젝트를 만들고 할 일 관리 앱, 로그인·저장·공유 기능 포함처럼 원하는 앱을 설명하세요.

막히면 볼 것

자주 하는 실수 3가지
  1. 1모든 기능을 첫 프롬프트에 넣음 → 복잡한 코드로 오류 증가 — 핵심 기능부터 작동 확인 후 단계적으로 추가
  2. 2Supabase 연동 없이 데이터 저장 → localStorage 기반으로 새로고침 시 데이터 소실 — 실제 서비스는 반드시 Supabase 연동
  3. 3배포 전 모바일 테스트 생략 → 모바일에서 레이아웃 깨짐 — Lovable 미리보기에서 모바일 뷰 확인 필수
AI 없이 할 때와 뭐가 다른가요?

아이디어만 있는 상태 → Lovable AI와 대화 → 실제 동작하는 풀스택 앱

개발자 없이 실제 사용자가 가입하고 데이터를 저장하는 앱을 만들고 싶은데 방법이 없어...
나
백엔드 없는 노코드 도구는 실제 앱 기능에 한계가 있습니다.지금까지