Lovable한국어 문서

팁 & 트릭

실전 사용 노하우, 결과 개선 방법, 문제 해결 가이드.

Lovable 사용법

모범 사례Knowledge 파일·Plan mode·preview toolbar·버전 관리를 활용해 빠르고 안정적으로 빌드합니다.아이디어에서 작동하는 앱까지아이디어 구체화부터 프론트엔드 구축·디버깅·검증까지 앱을 완성하는 단계별 워크플로우입니다.Lovable ChatGPT 앱ChatGPT 대화에서 @Lovable을 태그해 브레인스토밍을 즉시 풀스택 앱으로 전환합니다.Lovable in Telegram (Beta)Telegram에서 Lovable 에이전트에 메시지를 보내 이동 중에도 프로젝트를 빌드하고 편집합니다.

결과 개선

SEO 및 GEO 모범 사례 구현하기sitemap·메타 태그·구조화 데이터·OG 이미지로 검색 엔진과 AI 시스템에 앱을 최적화합니다.이미지 업로드하고 수정하기채팅 업로드·Visual Edit·외부 URL·GitHub 저장소로 이미지를 프로젝트에 추가합니다.비디오 사용하기YouTube 영상 임베드 또는 GitHub 저장소에 업로드한 파일로 프로젝트에 비디오를 추가합니다.

설정 및 통합

npm 패키지 사용하기npm 패키지를 통합해 드래그 앤 드롭·차트·애니메이션 등 고급 기능을 앱에 추가합니다.커스텀 (Google) 폰트 사용하기웹 안전 폰트나 Google Fonts를 이름 또는 URL로 지정해 프로젝트 타이포그래피를 커스터마이즈합니다.21st.dev 통합21st.dev의 미리 빌드된 UI 컴포넌트를 복사해 Lovable 프로젝트에 즉시 적용합니다.Lovable Cloud 배포·호스팅·소유권 옵션코드 소유권·데이터 이동성·셀프 호스팅 전환 경로 등 Lovable Cloud 배포 옵션을 설명합니다.Lovable Cloud 외부 배포·호스팅 가이드Lovable Cloud 외부 플랫폼과 셀프 호스팅 인프라로 앱을 배포하는 실용적인 예시를 안내합니다.

문제 해결 및 보안

문제 해결빌드 오류·예상치 못한 동작·미리보기 문제를 단계별로 진단하고 복구하는 방법을 안내합니다.Lovable 앱 보안 모범 사례프론트엔드·Edge Functions·RLS·인증을 올바르게 구성해 Lovable 앱을 안전하게 개발합니다.디버깅 프롬프트Plan mode를 활용해 코드베이스를 감사하고 오류를 체계적으로 분석하는 디버깅 프롬프트 모음입니다.
모범 사례Knowledge 파일·Plan mode·preview toolbar·버전 관리를 활용해 빠르고 안정적으로 빌드합니다.아이디어에서 작동하는 앱까지아이디어 구체화부터 프론트엔드 구축·디버깅·검증까지 앱을 완성하는 단계별 워크플로우입니다.Lovable ChatGPT 앱ChatGPT 대화에서 @Lovable을 태그해 브레인스토밍을 즉시 풀스택 앱으로 전환합니다.Lovable in Telegram (Beta)Telegram에서 Lovable 에이전트에 메시지를 보내 이동 중에도 프로젝트를 빌드하고 편집합니다.