구독자 님, 안녕하세요?
AI 트렌드를 전달해드리는 Trendium.ai 입니다.
이번 주 뉴스레터에서는 눈길을 끄는 스웨덴 AI 스타트업 Lovable과 ‘Vibe Coding’ 트렌드에 대해 전해드립니다.
by 💜Cutico @cuticogent
Vibe Coding이란?
안드레 카파시(Andrej Karpathy)가 제시한 '바이브 코딩'은 코딩 언어 대신 자연어로 원하는 기능을 설명하면 AI가 수백 줄의 코드를 자동으로 작성하는 방식입니다. 이제 "번뜩이는 아이디어를 몇 줄의 설명으로 완성된 앱으로" 구현하는 혁신적인 프로세스가 가능해졌습니다.
느낌으로 앱을 만드는 시대, Lovable이 열고 있습니다.
오늘은 최근 급부상 중인 스웨덴 AI 스타트업 Lovable.dev에 대해 소개해드리려 합니다.
직관적인 사용성과 혁신적인 접근으로 “느낌으로 코딩한다(Vibe Coding)”는 새로운 흐름을 선도하고 있죠.
단 3개월, 1,700만 달러 매출을 만든 스타트업
Lovable은 설립한 지 채 1년도 안 된 초고속 성장 기업으로, 단 3개월 만에 연간 1,700만 달러의 매출(ARR) 을 기록하며 업계의 주목을 받고 있습니다.
현재는 유명 VC인 Accel 주도 하에 시리즈 A 투자를 유치 중이며, 기업 가치는 무려 15억 달러 이상으로 평가되고 있죠.
공동 창업자인 Anton Osika와 Fabian Hedin은 “누구나 AI와 함께 앱을 만들 수 있는 시대”를 실현하고자 이 플랫폼을 개발했습니다.
무엇이 그렇게 사랑받을까?
Lovable.dev는 단순한 코드 자동화 툴이 아닙니다.
디자인 툴에서 만든 UI(Figma 등)를 그대로 코드화할 수 있고, React+Tailwind 기반의 프론트엔드와 Supabase 연동 백엔드까지 자동으로 구성해줍니다.
GitHub, Supabase와도 매끄럽게 연동되어 개발 경험을 유지하면서도 복잡한 설정은 자동화됩니다.
특히 최근 공개된 Lovable 2.0 버전에서는 멀티플레이어 협업, 보안 검사, Dev 모드, 도메인 연결 등 실제 운영까지 고려된 기능들이 대거 추가되었습니다.
시작하기
(1) Lovable 사이트에 접속한뒤 로그인 합니다. (https://lovable.dev/?via=promos&gad_source=1)
러버블(Lovable)은 AI 기반 플랫폼으로, 코딩 전문 지식 없이도 원하는 내용을 쉬운 영어로 간단히 설명하여 풀스택 웹 애플리케이션을 개발할 수 있도록 지원합니다. 개발지식 없이 사용자는 웹 앱이나 웹사이트를 즉시 제작할 수 있습니다. 아이디어를 최대한 빠르게 구현해 보세요.
(2) 만들고싶은 웹페이지를 텍스트 프롬프트로 작성한뒤 생성 버튼을 클릭합니다.
OpenAI, Anthropic, Google 은 한시적으로 무로료 사용이 가능하고 Lovable은 크레딧이 필요합니다.
: OpenAI, Anthropic, Google이 Lovable과 함께 'AI Showdown'을 개최합니다. 이번 주말 동안 모든 사용자는 Lovable을 무제한으로 무료 이용할 수 있으며, 다양한 AI 모델의 성능을 직접 비교해볼 수 있습니다.
이번 행사에서는 두 가지 공개 대회가 진행됩니다. 첫 번째는 실제 사용 사례를 바탕으로 AI 모델을 비교하는 '내용 비교 대회'(상금 25,000달러)이며, 두 번째는 각 모델의 창작 능력을 겨루는 '빌드 도전'(상금 40,000달러)입니다.
(3) 생성한 사이트가 사이드바에서 열립니다. 채팅을 통해 원하는 디자인 형태로 구성을 요청할 수 있습니다.
웹사이트 구조는 코드 뷰어를 통해 개발 언어로도 확인할 수 있습니다.
디자인은 템플릿을 선택하여 시작할 수도 있고, 실제 서비스로 배포할 수도 있습니다.
자세히 알아보기 (https://docs.lovable.dev/introduction)
Figma ➜ Builder.io ➜ Lovable: 노코드 디자인 워크플로우
또한, Figma로 만든 디자인을 Builder.io 플러그인을 통해 코드로 변환할 수 있고, 이를 Lovable에서 완전한 앱으로 바로 만들 수 있습니다.
이 과정을 통해 디자이너는 단순한 시안을 넘어서, 실사용 가능한 풀스택 애플리케이션을 직접 구축할 수 있습니다.
먼저 Figma에서 디자인을 시작할 때는 몇 가지 사전 정리가 필요합니다. 모든 레이아웃에는 Auto Layout을 반드시 적용해야 하며, 각 요소는 명확하고 직관적인 이름으로 구성되어야 합니다. 반복되는 요소는 컴포넌트로 분리하고, 일관된 스타일 시스템을 사용하는 것이 변환 품질을 높이는 데 매우 중요합니다. 이러한 준비가 잘 되어 있으면, 이후 코드로의 전환도 훨씬 정확하고 효율적입니다.
디자인이 정리되면 Figma에서 Builder.io 플러그인을 실행해 변환을 시작합니다. 이때 ‘Easy Mode’와 ‘Precise Mode’ 중 선택이 가능하며, 특히 Precise Mode는 Auto Layout 기반 구조에 최적화되어 있어 더 정교한 결과를 제공합니다. 변환된 프레임은 Builder.io 내에서 확인한 후, 버튼 한 번으로 Lovable에 바로 가져올 수 있습니다. 이 연결을 통해 디자이너는 코딩 없이도 강력한 앱 제작 환경으로 진입하게 됩니다.
전문가가 말하는 vibe coding 활용 팁
전 몬조(Monzo) CEO Tom Blomfield는 Lovable 같은 AI 코딩 툴에 대해 “아이디어가 있을 때, 가장 빠르게 시작해보기 좋은 툴”이라고 강조합니다.
초보 개발자나 스타트업에게는 특히 추천하면서도, “청사진-모듈화-테스트”라는 기본 전략을 병행할 것을 조언하죠.
예를 들어, GPT가 생성한 코드라 하더라도 버전 관리와 통합 테스트는 여전히 사용자의 몫이기 때문입니다.
즉, 빠른 시작이 가능하되, 구조화된 개발 습관과 병행하는 것이 핵심입니다.
보안은 사용자의 책임
Lovable은 자체적으로 보안 스캔과 자동화된 검사 시스템을 제공하지만, 일부 전문가들은 초기 생성 코드에서 보안 취약점이 나타날 수 있다는 점을 지적합니다.
특히 사용자 인증, 데이터 접근, 백엔드 연결 등의 부분에서 자동화가 보안을 보장해주지 않는다는 사실은 꼭 인지해야 합니다.
Lovable 측도 “우리는 도구일 뿐, 보안은 사용자의 책임”이라는 입장을 유지하고 있습니다.
AI가 도와주는 시대에도, 검증하고 책임지는 개발자의 태도는 여전히 유효합니다.
Lovable.dev는 지금도 진화 중입니다.
직관적으로 앱을 구상하고 빠르게 실현하는 데 있어, 이보다 간편하고 사랑스러운 도구는 드물 것입니다.
하지만 ‘빠르다’는 것이 ‘완벽하다’는 뜻은 아니죠.
다음 주에도 더 유용한 AI 도구와 개발 인사이트로 돌아올게요!
오늘의 Midjourney Prompt
by 💜Cutico @cuticogent
[prompt]A 6-year-old Korean girl in a shirt dress is running on a farmland with a bamboo basket full of oranges in her arms. It is a scene that captures the vibrant atmosphere of a summer, sparkling sunlight, warm air, and green surroundings in a flat and panoramic aspect. The illustration is a Chibi-style watercolor painting unique to children's picture books, featuring character designs and artistic styles reminiscent of Studio Ghibli.
의견을 남겨주세요