AI로 만든 MVP 화면이 흔들릴 때, 실제로 수정한 순서
AI로 만든 MVP 웹서비스에서 모바일 레이아웃, 카드 간격, 이미지 로딩, nav, 언어 선택 UI가 함께 흔들릴 때 실제 수정 사례를 익명화해 정리했습니다.
section · blog
바이브코딩·AI 코딩 문제 해결 블로그
Cursor, Bolt, Lovable로 만든 서비스의 버그, Vercel·Next.js 배포 실패, AI 에이전트로 해결되지 않는 문제와 채용 전 확인할 선택지를 다룹니다.
Vercel과 Netlify 차이점: AI로 만든 서비스는 어디에 배포해야 할까
Vercel과 Netlify의 차이를 비개발자 관점에서 정리했습니다. AI로 만든 Next.js, Vite, 정적 사이트를 배포할 때 무엇을 기준으로 고르면 좋은지 설명합니다.
Lovable 프로젝트 되돌리기: 수정하다 망가졌을 때 먼저 볼 것
Lovable로 만든 프로젝트를 수정하다가 화면이나 기능이 망가졌을 때, 되돌리기 전에 확인해야 할 버전 기록, GitHub, 배포 상태, 데이터 변경 기준을 정리했습니다.
Bolt.new와 Replit Agent 비교: 비개발자가 MVP 만들 때 차이점
Bolt.new와 Replit Agent를 비개발자 관점에서 비교했습니다. 빠른 화면 제작, 수정 안정성, 배포, GitHub, 운영 단계에서 무엇을 기준으로 고르면 좋은지 정리합니다.
토스페이먼츠 붙이기 전, 비개발자가 먼저 정해야 할 것
AI로 만든 서비스에 토스페이먼츠를 붙이기 전에 주문 저장, 성공 URL, 실패 처리, 테스트 키와 운영 키, 관리자 확인 흐름을 먼저 정리해야 하는 이유를 설명합니다.
AI가 만든 사이트 UI가 깨질 때: 모바일·카드·이미지 로딩 점검 순서
AI가 만든 사이트에서 모바일 화면, 카드 높이, 이미지 로딩, nav 간격이 함께 깨질 때 비개발자가 먼저 확인할 수 있는 순서를 정리했습니다.
AI가 만든 서비스인데 배포 후 안 되는 이유 TOP 10
AI로 만든 서비스가 로컬이나 미리보기에서는 잘 되다가 Vercel, Netlify 같은 실제 배포 환경에서 깨지는 대표 원인 10가지를 정리했습니다.
바이브코더가 가장 자주 만나는 버그 TOP 3
로컬에서는 되는데 배포하면 안 되는 환경 변수 문제, Next.js hydration mismatch, CORS와 인증 오류까지 바이브코딩 프로젝트에서 자주 막히는 버그와 확인 순서를 정리했습니다.
Vercel 환경변수가 적용 안 될 때, 비개발자가 점검할 5가지
로컬에서는 멀쩡한데 Vercel에 배포한 사이트만 흰 화면이 뜨거나 process.env가 undefined로 나올 때, 코드를 고치기 전에 먼저 봐야 할 환경변수 설정을 정리했습니다.
AI로 만든 서비스를 개발자에게 맡기기 전 준비할 것
Cursor, Lovable, Bolt로 만든 서비스를 개발자에게 넘기기 전에 준비하면 좋은 저장소, 배포 계정, 에러 기록, 원하는 완료 상태를 정리했습니다.
토스페이먼츠 결제 후 페이지가 비는 문제, 어디를 봐야 할까
바이브코딩으로 붙인 토스페이먼츠 결제에서 결제는 성공했는데 주문 완료 화면이 비거나 주문 데이터가 저장되지 않을 때 확인할 흐름을 정리했습니다.
Supabase 데이터 저장 안됨: 바이브코딩 프로젝트 점검 순서
Cursor, Lovable, Bolt로 만든 서비스에서 Supabase 연결은 된 것 같은데 데이터가 저장되지 않을 때 테이블, RLS, 환경 변수, 요청 값을 확인하는 순서를 정리했습니다.
Bolt.new 배포 오류 해결: Vercel에서 실패하는 대표 원인
Bolt.new에서 만든 앱을 Vercel로 옮기거나 배포할 때 로컬 미리보기와 다르게 실패하는 이유를 환경 변수, 빌드 설정, 패키지, 경로 문제 중심으로 정리했습니다.
Lovable로 만든 사이트 수정이 안 될 때: 비개발자 체크리스트
Lovable로 만든 사이트가 원하는 대로 수정되지 않거나 모바일, 데이터, 배포 단계에서 막힐 때 비개발자가 먼저 확인할 수 있는 기준을 정리했습니다.
AI가 만든 코드에서 가장 먼저 정리해야 할 파일 5개
Cursor, Lovable, Bolt로 만든 프로젝트를 이어서 운영하려면 README, package.json, 환경 변수, 메인 화면, 외부 서비스 연결 파일부터 정리하는 것이 좋습니다.
바이브코딩으로 만든 MVP 배포 전 체크리스트
Cursor, Lovable, Bolt로 만든 MVP를 실제 고객에게 공개하기 전에 핵심 흐름, 모바일, 환경 변수, 데이터 저장, 결제, 문의 채널을 점검하는 방법을 정리했습니다.
AI로 만든 사이트가 구글 검색에 안 나올 때 먼저 봐야 할 5가지
사이트를 만들어 도메인까지 연결했는데 며칠이 지나도 구글에 잡히지 않는다면, robots.txt, sitemap, search console, noindex 메타 태그를 순서대로 확인해야 합니다.
Vercel·Next.js 배포 오류 해결 체크리스트: 로컬에서는 되는데 배포가 안 될 때
로컬에서는 정상인데 Vercel 배포에서만 실패하는 Next.js 앱의 빌드 오류, 환경 변수, 대소문자 import, 정적 export 문제를 점검하는 순서를 정리했습니다.
Cursor가 같은 에러를 반복할 때: AI 코딩 버그 수정 기준
Cursor가 고쳤다고 했는데 같은 오류가 반복되거나 다른 페이지가 깨질 때, AI에게 계속 맡겨도 되는 문제와 개발자 확인이 필요한 문제를 구분하는 기준을 정리했습니다.
AI로 만든 서비스 유지보수 맡기기 전 확인할 것
Cursor, Bolt, Lovable, Replit으로 만든 웹서비스를 운영하거나 개발자에게 이어받기 전에 확인해야 할 코드, 배포, 계정, 데이터, 오류 기록 체크리스트입니다.
AI가 만든 코드가 점점 복잡해질 때 멈춰야 하는 신호
AI에게 계속 수정을 맡길수록 코드가 복잡해지고 버그가 늘어날 때, 더 진행해도 되는 상황과 멈춰서 정리해야 하는 신호를 구분합니다.
모두의창업 지원자가 AI로 만든 서비스를 운영할 때 생기는 개발 문제
모두의창업처럼 1인 창업과 초기 창업을 준비하는 팀이 AI로 MVP를 만든 뒤 운영 단계에서 마주하는 버그, 배포 오류, 성능 저하 문제와 해결 방식을 정리했습니다.
개발자 없이 서비스 운영하는 현실적인 방법 (1인 창업자 가이드)
개발 리소스가 부족한 초기 서비스 팀이 AI 에이전트와 외부 개발 파트너만으로 서비스를 운영하는 단계별 전략을 정리했습니다.
카카오·네이버 로그인이 로컬에선 되는데 배포 후 안 될 때
AI로 붙인 카카오·네이버 소셜 로그인이 로컬에서는 잘 돌아가다가 배포한 운영 도메인에서만 실패할 때, Redirect URI, 환경 변수, 동의 항목, 쿠키까지 점검할 순서를 정리했습니다.
개발자 채용 전, 초기 서비스 팀이 먼저 확인할 것
서비스 운영 중 개발 이슈가 쌓일 때 바로 개발자를 채용해야 할까요? 채용 전에 먼저 확인해야 할 신호와, 필요한 만큼 외부 개발 지원을 활용해 보는 방법을 정리했습니다.
외주 개발을 맡긴 뒤 유지보수가 어려워지는 5가지 이유
외주로 만든 서비스가 왜 1년만 지나도 손대기 어려워지는지, 구조적인 원인 5가지와 외주 전·후에 각각 준비해야 할 것을 정리했습니다.
스타트업이 첫 개발자 채용을 늦춰도 되는 4가지 경우
첫 개발자 채용을 미루는 것이 무조건 '준비 부족'은 아닙니다. 오히려 채용을 늦추는 것이 더 나은 4가지 구체적인 경우와, 대신 무엇을 해야 하는지 정리했습니다.
Supabase RLS 때문에 데이터가 안 보일 때, 비개발자 체크 순서
Supabase에는 분명히 데이터가 들어가 있는데 화면에는 빈 배열만 떠 있다면, 거의 RLS(행 수준 보안) 정책이 막고 있는 경우입니다. 정책을 정리하는 순서를 비개발자 시점에서 풀어봤습니다.
iOS Safari에서만 화면이 깨질 때 비개발자가 먼저 볼 5가지
안드로이드와 PC에선 멀쩡한데 아이폰 사파리에서만 버튼이 안 눌리거나 입력창에서 화면이 확대된다면, 모바일 사파리 특유의 동작을 모르고 짠 코드일 가능성이 높습니다.
바이브코딩 중 AI가 멈췄을 때, 비개발자가 할 수 있는 5가지
Cursor, Bolt, Replit 등으로 바이브코딩하다 AI가 같은 에러만 반복할 때. 비개발자도 시도할 수 있는 현실적인 대처법 5가지를 정리했습니다.
바이브코딩이란? 코드를 모르는 사람이 앱을 만드는 새로운 방법
바이브코딩(Vibe Coding)은 코드를 직접 작성하지 않고 AI에게 말로 지시해서 소프트웨어를 만드는 방식입니다. 개념부터 시작하는 법, 현실적인 한계까지 비개발자를 위해 정리했습니다.
비개발자의 바이브코딩, 왜 배포에서 자주 막힐까?
로컬에서는 잘 되는데 Vercel, Netlify에 배포할 때 에러가 나는 이유. 바이브코딩으로 만든 앱이 배포 단계에서 실패하는 구조적 원인과 해결 방향을 설명합니다.
바이브코딩 꿀팁 7가지: AI에게 코드를 더 잘 시키는 방법
같은 AI 도구를 써도 결과물이 천차만별인 이유는 '프롬프트'에 있습니다. 바이브코딩에서 AI가 원하는 코드를 정확히 만들게 하는 실전 꿀팁 7가지를 소개합니다.
AI 코딩 에이전트가 고치지 못하는 버그의 3가지 특징
AI에게 5번 넘게 같은 버그를 고쳐달라고 했는데 계속 실패한다면, 그 버그에는 공통적인 특징이 있습니다. AI가 구조적으로 못 고치는 버그의 패턴을 알면, 시간 낭비를 줄일 수 있습니다.
2026년 바이브코딩 도구 비교: Cursor vs Bolt vs Lovable vs Replit
바이브코딩을 시작하려는데 어떤 도구를 써야 할지 모르겠다면. Cursor, Bolt, Lovable, Replit Agent의 특징과 장단점을 비개발자 기준으로 비교했습니다.