인프런 커뮤니티 질문&답변
작성한 질문수
고민하다가 써봅니다.
해결된 질문
작성
·
78
·
수정됨
0
안녕하세요. 먼저 제 상황을 간단히 소개드리겠습니다.
현재 저는 Lovable을 활용해 modern web-app을 개발하고 있으며, 5월에 베타 형태로 사용자 초대를 진행할 예정입니다. 이전에는 Ruby, Ruby on Rails, PHP 등을 가볍게 경험해본 정도였고, 이번 프로젝트가 실제 서비스 출시를 목표로 한 첫 본격적인 개발 경험입니다.
초기에는 Lovable Cloud를 통해 베타를 배포할 계획이었고, 예상 사용자 규모는 약 100~1000명 정도입니다. 다만 Lovable Cloud의 안정성에 대한 우려와, 향후 Vercel로 마이그레이션을 고려할 경우 시점이 늦어질 수 있다는 점 때문에 방향을 다시 고민하게 되었습니다.
현재 서비스 자체는 기능적으로는 완성된 상태이며, 5월까지 시간이 남아 있기 때문에 이 기간 동안 단순히 사용하는 수준을 넘어서, AI가 생성한 코드의 품질(좋은 코드/나쁜 코드)을 구별할 수 있는 수준까지 개발 이해도를 끌어올리고자 합니다. 이후 Claude Code + Vercel 환경으로 마이그레이션하는 것을 목표로 하고 있습니다.
이번 강의도 단순히 바이브 코딩 사용법을 익히기보다는, 실제 현업에서 개발자들이 AI 코딩 도구를 어떻게 활용하는지를 배우고, Claude Code나 Codex 같은 바이브 코딩 에이전트를 제대로 활용하기 위한 기반을 다지기 위해 수강하게 되었습니다.
그래서 혹시 가능하시다면, Lovable 기반 프로젝트를 Claude Code + Vercel 환경으로 마이그레이션하는 과정을 실무 관점에서 이해하기 쉽게 설명해주시면 큰 도움이 될 것 같습니다.
감사합니다.
답변 1
0
안녕하세요 aa a님,
우선 말씀드리면 저는 Lovable을 실제로 사용해본 적은 없어서, 그쪽의 세부적인 운영 경험까지 자신 있게 말씀드리기는 어렵습니다.
다만 지금 말씀해주신 상황을 보면 방향은 굉장히 좋다고 느껴집니다.
특히 단순히 “일단 돌아가게 만드는 것”에서 끝나는 게 아니라, 5월 베타 전까지 개발 이해도를 끌어올리고 AI가 만든 코드의 품질을 판단할 수 있는 수준까지 가고 싶다는 목표가 아주 좋습니다. 결국 이 부분이 나중에 Claude Code나 Codex 같은 도구를 제대로 활용하는 데 가장 중요한 기반이 되기 때문입니다.
제가 아는 범위에서 말씀드리면, Lovable → Claude Code + Vercel 마이그레이션은 보통 “완전히 처음부터 다시 만든다”기보다는, 아래 흐름으로 이해하시면 좋습니다.
현재 앱 구조를 먼저 읽을 수 있어야 합니다.
어떤 페이지가 있는지, 인증은 어떻게 되는지, 데이터는 어디에 저장되는지, API 호출은 어떻게 연결되는지 정도는 스스로 설명할 수 있어야 합니다.
이걸 모르면 AI가 코드를 바꿔줄 때도 좋은 변경인지 위험한 변경인지 판단하기 어렵습니다.UI와 비즈니스 로직을 분리해서 보는 연습이 중요합니다.
Lovable로 만든 앱은 겉으로는 잘 동작해도, 내부 코드가 얼마나 정리되어 있는지는 별개일 수 있습니다.
그래서 “화면”, “상태 관리”, “데이터 fetching”, “인증”, “배포 설정”을 구분해서 보는 습관이 필요합니다.Vercel로 옮길 때 핵심은 코드 자체보다도 배포 주변 설정입니다.
실제로는 코드보다환경변수
OAuth / 로그인 redirect URL
API endpoint
DB 연결
빌드 설정
이런 부분에서 더 많이 막히는 경우가 많습니다.
Claude Code는 ‘대신 개발해주는 마법 도구’라기보다, 구조를 이해한 사람이 생산성을 올리는 도구에 가깝습니다.
그래서 지금처럼 먼저 개념과 기준을 잡고 들어가시는 게 맞습니다.
어떤 코드가 좋은 코드인지, 어디서부터 리팩토링해야 하는지, 파일을 어떻게 나눠야 하는지에 대한 기준이 조금씩 생기면 Claude Code 활용도가 훨씬 올라갑니다.
제 생각에는 지금 단계에서 가장 좋은 접근은 이렇습니다.
5월 베타 전까지는 지금 돌아가는 서비스를 기준으로
“이 프로젝트가 어떻게 구성되어 있는지 해석하는 능력”을 키우고그다음에
작은 단위부터 Claude Code로 정리해보는 것입니다.
예를 들면 전체를 한 번에 갈아엎기보다공통 컴포넌트 정리
API 호출 레이어 분리
환경변수 정리
배포 설정 정리
이런 식으로요.
즉, 지금 당장 중요한 건 “Lovable을 빨리 버리는 것”보다는,
현재 앱을 내가 설명할 수 있는 상태로 만드는 것입니다.
그 상태가 되면 Vercel로 옮기는 것도 훨씬 덜 무섭고, Claude Code도 훨씬 제대로 쓸 수 있습니다.
그리고 수강 목적도 아주 좋다고 생각합니다.
말씀하신 것처럼 단순히 바이브 코딩 사용법만 익히는 것보다, 현업 개발자들이 AI 코딩 도구를 어떤 기준으로 쓰는지, 그리고 도구를 다룰 수 있는 기본기를 쌓는 것이 훨씬 오래 갑니다.
그래서 제 강의도 그런 관점에서 봐주시면 가장 도움이 될 것 같습니다.
“자동으로 만들어주는 도구를 쓰는 법”보다는,
그 도구가 만든 결과를 읽고 판단하고 수정할 수 있는 사람이 되는 데 초점을 두시면 좋습니다.
마지막으로 보통 플랫폼을 옮길때 많이 일어나는 문제를 말씀드리자면...
환경변수 안 맞음
OAuth redirect mismatch
API endpoint 하드코딩
빌드 실패 (dependency)
CORS 문제
가 있을 수 있습니다. 처음 배포하시는데 긴장 너무 많이 하지 마시고, 천천히 하나씩 쪼개면서 테스트하며 마이그레이션 하시면 어려운 점 없으실 겁니다. 그리고 기존의 Lovable은 한달정도 유지하면서 혹시라도 문제가 일어나면 도메인 라이팅만 바꿀수 있게 설정해 놓으시면 걱정 안하셔도 됩니다.