AI 코딩

요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작)

2025.10.29 14:47:57

요즘 사내외를 막론하고 ‘바이브 코딩(Vibe Coding)’이란 단어를 자주 듣게 됩니다.

‘바이브 코딩’, 혹시 들어보셨거나 해보셨나요? 프로그래밍을 몰라도, 내가 원하는 기능을 말로 설명하면 AI가 알아서 코드를 짜주는 새로운 방식이죠.

이번에 소개드릴 방법은 구글의 AI Studio를 활용한 앱 만들기 체험입니다.

"구글의 나노 바나나 모델을 활용해 사진편집기 만들어줘"라고 자연어로 입력만 하면, AI가 알아서 코드를 구성해주고,

기본 앱이 완성된 뒤에는 직접 기능을 추가해가며 발전시킬 수 있습니다.

무엇보다, 제작부터 배포까지 전 과정이 무료입니다.

(물론 상업적으로 활용하고자 한다면, API 연동으로 과금될 수 있습니다.)

이전 게시글([AI 활용 팁] 제품 사진, 이제 AI 비즈니스 포토 스튜디오에서 생성하세요)에 소개된

'AI 비즈니스 포토 스튜디오'도 바로 이 구글 AI Studio를 통해 만든 것입니다.

먼저, 구글에서 직접 홍보하고 있는, AI Studio 로 앱을 구현하는 방법을 보여드릴게요.
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 1
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 2
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 3
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 4
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 5
이제 이해하기 쉽게, 실제 사용 방법(예시)을 같이 한번 살펴 보실까요? ▼
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 6
1
구글 AI Studio 에 접속하여, 왼쪽 메뉴 'Build'를 눌러줍니다. (https://aistudio.google.com/)
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 7
2
'Build' 내부로 들어가면 위와 같이 여러 기능을 활용하여 AI 기반 앱을 만들 수 있습니다.
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 8
3
이제 프롬프트만으로 '사수 없는 신입사원을 위한 앱(임의)'을 만들어 보겠습니다.

위와 같이 '원하는 앱 형태를 설명하듯 프롬프트'를 넣어줍니다.

경험상, 가장 최초의 프롬프트는 너무 자세히 넣는 것이 오히려 좋지 않고 '큰그림' 중심으로 지시하는 것이 더욱 효과적입니다.

너무 디테일한 프롬프트를 처음부터 제공하게 되면, AI가 그 부분에만 초점을 맞추어 초기 세팅을 하기 때문에,

큰 맥락, 큰 지시사항, 크게 크게 내가 원하는 사항들만을 지시하시는 것을 추천합니다.

요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 9
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 10
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 11
4
'AI가 만들어준 엉성한 초기 앱'이 완성되었습니다.

첫 지시 이후, 알아서 '생각'하고, 사용자가 원하는 앱을 만들고자 여러 과정을 거쳐 앱의 겉 화면을 구현해줍니다.

당연히 처음부터 완벽하지 않습니다. 상상했던 앱의 모습이 있다면 추가로 더 설명하고 기능 또한 더 지시해서 앱을 완성해야 합니다.

요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 12
5
앱 내부로 들어가니 위와 같이 약간의 기능을 넣어 임의 완성을 해주었습니다.

그런데, 제가 생각했던 앱과 매우 다르고 초기 프롬프트의 지시사항이 제대로 구현되지 않았습니다.

(대표적으로 제가 생각했던 것과 다른 점은 '업무 수'가 3개뿐이고, 기능적으로 '체크리스트'가 없었습니다.)

추가 지시를 더 해봅니다.

요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 13
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 14
요즘 뜨는 '바이브 코딩' 구글 AI Studio로 쉽고 빠르게! (나만의 앱 제작) 설명 이미지 15
6
원하는 앱의 형태와 기능에 대해 여러번 다시 추가 지시를 하고, 드디어 유용한 앱이 구현되었습니다.

신입사원이 담당하게 되지만, 사수가 없거나 묻기 어려워 혼자 진행해야 할 때를 대비한

'내 손안의 사수: AI 업무 가이드' 를 완성했습니다. 아래 링크에서 직접 사용해 보실 수 있습니다.

링크 : https://ai.studio/apps/drive/1D49ex9zeTpXO-b4s77hyStDhluOlknz7

지금까지 가볍게 흐름만 파악할 수 있는 앱 구현 프로세스를 보여드렸습니다.

이외에도, 간단하게 만들어서 실제로 쓸 수 있는 여러 앱을 기획 구현해보았는데요.

예를 들면, 회의록 자동 생성 앱, 세금계산서 분석 및 회계 계정 오류 진단 앱, 면접 일정 텍스트 작성 앱, 보고서 분석 앱 등 !

단순한 아이디어만으로도 실제 업무에 바로 적용 가능한 AI 앱을 단시간에 구현해볼 수 있었습니다.

( ※ 혹시 이 앱을 '내가 좀 써보고 싶다' 생각하시는 분들, 예시만 봐서는 바이브코딩 방법을 제대로 모르겠다 하시는 분들은 연락주십시오.)

바이브 코딩은 더 이상 전문가만의 영역이 아니었습니다.

기획자는 물론이고, 각 현업 담당자 누구나 손쉽게 접근하고 활용할 수 있는 AI 시대의 실용 도구라는 생각이 들었습니다.

아래 링크로도 확인하실 수 있습니다. 링크 : https://cloud.google.com/discover/what-is-vibe-coding?hl=ko