아래 글은 Behind Product Lines라는 뉴스레터를 운영하는 Aatir Abdul Rauf 의 링크드인 포스트를 번역한 글입니다.
여기 제가 6주 전 바이브 코딩(vibe-coding)을 시작했을 때 처음 만든 앱입니다. 과장된 기대는 접어두고, 초보자들이 알아야 할 점들을 알려드리겠습니다.
다음 내용은 Lovable, Replit, Cursor를 사용한 제 경험을 바탕으로 합니다.
👨💻[1] 바이브 코딩은 실제로 기술이 필요합니다.
네, 코딩 방법을 알 필요는 없습니다. 하지만 그렇다고 AI가 당신의 마음을 읽을 수 있다는 뜻은 아닙니다.
바이브 코딩은 다음과 같은 능력이 요구됩니다:
- 더 큰 작업을 작은 단위로 나누는 능력.
- 명확하고 모호하지 않은 지시를 만드는 능력.
- 문제가 발생했을 때 해결하는 능력.
💁[2] 기술적인 스킬이 꼭 필요한 것은 아닙니다. 하지만 분명 도움이 됩니다.
네, 단순히 프롬프트만으로 무언가를 만들 수 있습니다. 하지만 더 복잡한 결과물을 만들 때는 AI를 올바른 방향으로 유도할 수 있다면 훨씬 더 나은 결과를 볼 수 있습니다.
예: Cursor에게 코드베이스를 분석하여 문제를 해결하도록 요청할 수도 있습니다. 또는 특정 파일을 참조하고 어디에 집중해야 할지 알려줄 수도 있습니다.
또한, 때때로 AI는 부정적인 반복에 빠지기도 합니다. 몇 번은 단순히 일부 파일을 검토하는 것만으로 문제를 해결할 수 있었습니다. 간단한 수정은 직접 함으로써 크레딧을 절약할 수도 있습니다.
📝[3] 프롬프트는 생각보다 훨씬 중요합니다.
예: "이 위젯들을 추가하고 전체 너비를 차지하게 하세요." vs."이 위젯들을 같은 행에 추가하세요."
이 두 가지는 저에게 다른 결과를 가져왔습니다. 프롬프트를 어떻게 재구성하느냐에 따라 결과가 극적으로 바뀔 수 있다는 것에 놀랄 것입니다. 단어가 중요합니다. 순서도 중요합니다.
🐌[4] 더 빨리 가려면 천천히 가세요.
물론, 한 번의 프롬프트로 놀라운 결과를 얻을 수도 있습니다. 하지만 복잡한 로직을 가진 컴포넌트를 만들기 시작하면서, 단계적인 접근 방식이 더 효과적이었습니다.
팁 1: 도구에게 최종 목표를 말하세요. 그리고 단계를 계획하도록 요청하세요.
팁 2: 구현하기 전에 AI에게 "명확한 질문을 하도록" 요청하세요.
(Lovable 팁: 설정에서 "채팅" 모드를 켜고 계획을 위해 사용하세요)
네, 이렇게 하면 처음에는 더 많은 크레딧을 소모할 수 있습니다.
하지만 나중에는 훨씬 더 많이 절약할 수 있습니다.
🔙[5] 언제 되돌릴지 아는 것이 중요합니다.
AI에게 계속 "수정해 보라"고 요청하고 싶은 유혹이 있습니다.
하지만 어떤 경우에는 AI가 문제를 찾았다고 "주장"함에도 불구하고, 진전 없이 크레딧만 소모하게 됩니다.
가장 좋은 해결책은 안정적인 버전으로 되돌리는 것입니다.
그리고 다른 프롬프트 접근 방식을 시도하는 것입니다.
아래 비디오의 세 번째 탭 보이시나요?
놀랍게도, 저 탭이 나타나게 하는 데 3번의 롤백(되돌리기)이 필요했습니다.
우선 기본부터 익히세요. 그런 다음 API 같은 더 멋진 기능으로 점차 나아가세요.
그 단계에 도달하면 n8n (Zapier와 같은 워크플로우 자동화 도구)을 살펴보세요. 유튜브에 많은 튜토리얼이 있습니다.
결론은 이겁니다.
만약 아직 "바이브 코딩"을 시작하지 않았다면,
- 너무 늦지 않았습니다. 편안하게 시작하세요.
- 다른 사람들이 만드는 것에 압도당하지 마세요.
- Lovable에서 정적 페이지 만들기 같은 작은 것부터 시작하세요.
- 간단한 앱을 만들면서 프롬프팅 근육을 단련하세요.
Share article
세미나/워크샵/컨설팅 문의사항은 이메일을 남겨주세요.
