비개발자로서, 제 오랜 꿈 중 하나는 개발자나 디자이너의 도움 없이 앱을 만들어 보는 것이었습니다. 머릿속에는 오만가지 아이디어들이 떠다녔지만, 실제로 구현하는 건 아주 멀어 보이는 일이었죠.
Sound AI 회사의 데브렐로서, 저는 콘텐츠를 만들 때 스스로에게 자주 하는 질문이 있어요: 사람들이 우리 기술을 실생활에서 어떻게 사용하고 가지고 놀게 할 수 있을까?
저는 글을 쓰거나, 다이어그램을 그리거나, 혹은 콘셉트를 설명하는 건 가능하지만 - 실제 작동하는 앱을 만드는 건 여전히 제게는 너무 높은 진입장벽이 있었어요.
Lovable로 vibe coding 입문하기
최근 vibe coding이 AI 씬에서 매우 많은 관심을 받고 있어요. 여러 줄의 코드를 쓰는 대신, vibe coding 플랫폼은 AI 에이전트와의 채팅만으로도 앱을 만들 수 있게 도와줍니다. 다양한 플랫폼 중 제 눈길을 사로잡은 건 Lovable로, 한 번 사용해 보기로 결심했습니다.
Lovable과 ChatGPT, Gemini, 그리고 Claude와 같은 다른 LLM 들의 도움을 받아 저는 실시간으로 소리를 탐지하는 Sound AI API인 Cochl.Sense를 탑재한 앱을 만들 수 있었습니다.
Sound Logger 소개하기
BeReal과 같은 앱에 영감을 받아, 저는 오늘 하루의 소리를 기록하는 무언가를 만들고 싶었어요.
어떤 날은 음악과 웃음으로 가득 찰 수 있고, 또 다른 날들은 기침이나, 사이렌 혹은 침묵이 가득할 수도 있겠죠. 이런 모든 소리는 당신의 하루를 말해주고 있습니다. 당신의 하루를 기록해 보세요.
Lovable과 처음으로 나눈 대화
Sound Logger는 이렇게 작동합니다
Features:
•
Record 탭: 하루 10초 동안 비디오를 녹화할 수 있습니다. 앱은 비디오에서 audio 파일을 분리해 Cochl.Sense API로 보낸 뒤, 영상에 포함된 소리를 분석합니다. 사용자들은 동영상 녹화 후 짧은 메모를 남길 수 있습니다.
•
Feed 탭: 지금까지 기록한 모든 소리를 확인할 수 있습니다.
•
Summary 탭: 지금까지 탐지된 소리의 빈도와 요약을 확인할 수 있습니다.
•
Setting 탭: Cochl.Sense API 키 관리와 알람 시간을 설정할 수 있습니다.
개발 과정의 어려움
사실 앱의 UI 프로토타입은 거의 반나절 만에 완성되었습니다. 하지만 실제로 작동하기 위해서, 특히나 외부 API를 붙일 때는 더 깊이 있게 lovable과 코드를 다뤄야 했습니다.
Cochl.Sense API 연결
제가 Lovable에게 회사의 공식 Cochl.Sense 기술문서를 보고 API를 연결해달라고 했을 때, 놀랍게도 Lovable은 실제로 그 문서를 읽고 어떻게 개발해 나갈지에 대한 기획을 하기 시작했습니다. 물론 생각만큼 부드럽게 모든 과정이 이어지진 않았지만요.
무엇을 어떻게 해나갈지 보이는 것처럼 굴었지만 실상은..
여기서 제가 배운 점들이 있습니다.
•
잘못된 파일 형식: Cochl.Sense는 MP3, WAV, 그리고 FLAC 타입의 음원을 지원하지만, Lovable은 계속해서 WebM 형식의 파일을 시도해 왔습니다. 이는 기술 문서에 분명하게 명시되어 있는 조건이었음에도 말이죠.•
필요한 요구조건 생략: API는 특정 설치 단계를 따라야 동작하는데, Lovable은 생각보다 자주 그 단계를 따라야 한다는 사실을 잊어버렸기에, 간간이 프롬프트를 다시 작성해야 하는 단점이 있었습니다. •
권한 설정 오류: 사용자를 구별하고, 개별 피드를 관리하기 위해서 저는 구글 로그인 기능을 붙였습니다. 하지만 제가 Lovable에게 단순히 사용자들이 사용하기 위해서는 ‘Cochl.Sense API key’를 꼭 물어보라고 했을 때 어이없게도 lovable은 로그인 기능 자체를 삭제해 버렸습니다. 제가 그렇게 부탁한 적이 없었음에도 말이죠.하지만 이런 이슈들은 단순히 장애물이라고 하기보다는, 제게 중요한 점들을 가르쳐주는 역할도 했습니다.
바이브 코딩과 AI API를 사용하기 위한 꿀팁
1.
다른 AI 도구들과의 비교 검토는 필수
단순하게 하나의 LLM만 사용하지 말고, ChatGPT, GEmini, Claude, 혹은 다른 AI agents를 이용해서 코드와 로직, 그리고 API 사용 방법이 옳은지 한 번 더 체크해 보세요. Lovable은 여러분이 생각하는 결과물의 80%는 빠르게 구현할 수 있지만, 나머지 20%는 여러분의 몫입니다.
2.
QA에 많은 시간을 쏟게 될 거예요
Vibe coding 도구들은 빠릅니다. 저는 아까 말씀드렸다시피 프로토타입을 30분 만에 끝낼 수 있었으니까요. 하지만 디버깅과 테스트에 3일을 더 추가로 사용했습니다. 만약 전문적인 개발자가 아니라면, 디버깅하는 시간이 여러분이 처음에 계획한 것보다는 분명 더 길게 걸릴 거예요.
다시 사용할 생각이 있나요?
결과는 완벽하지 않고, 제가 좀 더 고쳐야 할 부분이 남아있었지만 제가 가지고만 있었던 아이디어가, 시각적으로, 빠르게, 그리고 편하게 발현되는 점은 굉장히 놀라웠습니다. 그래서 저는 제가 많은 것을 얻었다고 생각해요.
저는 항상 Sound AI의 콘셉트와 사용자들이 실제 사용해 볼 수 있는 사례 사이의 틈을 메우기 위해 노력해왔거든요. 저는 이번 경험을 통해 작지만, 사람들이 충분히 따라해 볼 수 있는 작은 데모 사례를 만들 수 있었다는 점에 만족합니다.
이건 어떤 엄청난 하나의 프로덕트를 운영하거나 기획하는 일과는 거리가 있습니다. 이건 그저 자신에게 증명하기 위해서 시작한 프로젝트일지도 몰라요. 어떤 증명이요? 바로 무언가를 꼭 구현하기 위해서 개발자가 될 필요 없다는 증명이요!
한 번 Sound Logger를 사용해보세요, 그리고 혹시라도 만약 버그를 발견한다면~? 그냥 그런 버그를 본 적 없다고 생각해 주시면 됩니다