디자이너가 바이브코딩 코스를 하면 반응이 어떨까?
12명의 수강생을 모시고 최근 4주간.
매 주 3시간씩 진행했던 "바입빌딩 1기"를 마무리하며 회고를 작성해본다.
원래 강의할 생각은 없었다..
사시 처음에는 강의를 할 생각은 없었다.
직접 만든 독서 기록앱 Quollect로 작게나마 수익을 얻게 되었고, 이 경험을 지난 7월 12일, 프롬이라는 디자이너 커뮤니티에서 공유하게 되었다.
약 40여 명의 디자이너분들이 들으러 와주셨는데 끝나고 정말 많은 관심과 질문을 주셨다. 뒷풀이 자리에서도 바이브 코딩으로 제품 만드는 것에 대한 질문을 엄청 받았다.
그날 밤 집에 오면서, 더 많은 디자이너들에게 이 이야기를 소개해보고 싶었다.
자료를 정말 열심히 만든게 아깝기도 했고 😂
그래서 개인적으로 같은 내용이되, 그날 받은 질문들을 고려해 내용을 보완하고 이번에는 웨비나로 한 번 더 발표를 할 계획을 세우고 웨비나를 소개하는 랜딩페이지를 만든 뒤, 디자이너 커뮤니티 몇 군데에 공유했다.
[웨비나 소개 페이지]
디자이너 혼자 바이브 코딩으로 앱 제작부터 수익까지!
목표 날짜는 7월 30일이었고, 바이브코딩 관련된 질문을 자유롭게 주고 받을 수 있도록 별도의 오픈 카톡방도 만들어서 공유했다.
이름은 바입 코딩 클럽, 아래 링크를 통해 입장할 수 있다.
두 건의 유료 강연 요청과
코스를 해봐야겠다는 생각
해당 링크를 뿌려놓고 나니 며칠 뒤 AI 커뮤니티를 운영하시는 리더 두 분이 각 커뮤니티를 위해 동일한 내용의 발표를 해줄 수 있냐고 요청을 해오셨다.
하나는 7월 19일, 다른 하나는 7월 22일.
살다보니 내가 돈을 받고 강연을 할 날이 오다니, 조금 실감나진 않았지만 두 건의 발표를 하면서 더 많은 질문을 받았고, 직접 만든 오픈 카톡방에도 점점 더 많은 사람들이 들어와 300명이 넘었다.
많은 분들이 구체적인 내용을 최대한 공유드렸음에도 여전히 "어떻게"를 질문하셨고, 이야기로 전하는 것을 넘어 바이브 코딩으로 제품을 만드는 과정을 함께하는 코스를 만들어봐야겠다는 생각까지 이르렀다.
지난 10년간 코딩하는 디자이너로서 제품을 만들어오며 공부했던 모든 것을 압축해, 바이브코딩으로 제품을 만드는 기본 사이클을 직접 경험시켜주는 그런 강의.
나의 목표는 강의를 듣고 나면 "이제 나도 바이브 코딩으로 내 제품을 만들 수 있겠다"는 자신감을 심어드리는 것이다.
그리고 그 강의를 7월 30일, 마지막 웨비나에서 공개하고
강의는 8월 9일에 시작해 4주간 매 주 3시간씩 진행하기로 했다.
강의 커리큘럼 준비와 공개,
그리고 12석 매진
7월 30일, 프롬 디자이너와 함께 웨비나를 진행했고 프롬 디자이너 웨비나 계정 제약상 100명 인원제한이 있어 100분과 함께 웨비나를 시작했고, 마지막에 강의를 공개했다.
강의 가격 책정에 많은 고민이 있었지만 여러 고민 끝에 40만원으로 책정했다.
적지 않은 금액이라 과연 12명이 다 채워질까 싶었는데 강의 전날 8월 8일, 남은 두 자리가 모두 채워져 총 12 자리가 만석 상태로 8월 9일 강의를 시작할 수 있었다.
4주 동안 무엇을 다뤘나?
[1주차] 서비스 구성 요소, 코딩 기본의 이해, 그리고 바로 바이브코딩 실습 : 120 슬라이드
첫 주차에는 전반적인 서비스 개발에 필요한 요소들과 각 요소들의 관계를 알아보고, 코드를 어느정도 읽을 수 있는 능력을 기르기 위한 코딩의 기본 개념들을 학습한 뒤 바로 바이브 코딩으로 Todo 앱을 제작했다.
이날 준비한 슬라이드는 120장이었다 😂
서비스 구조의 이해
위 이미지는 직접 정리한 서비스 개발에 필요한 요소와 관계도다.
바이브코딩으로 코딩 자체에 대한 장벽은 낮아졌지만 내가 원하는 서비스를 만들기 위해 무엇이 필요한지 모르면 어떤 질문, 어떤 요청을 해야할지 알기 어렵다.
따라서 나는 전체적인 구조를 알고 진행하는 것이 매우 중요하다고 생각해서 이 장표를 만들었고, 강의를 진행하면서 종종 이 장표를 다시 들고와 우리가 어떤 부분을 건드리고 있는 것인지 설명하며 진행했다.
나중에 본인의 서비스를 만들더라도 이를 지도처럼 사용해주신다면 더할 나위없이 보람찰 것 같다.
단도직입, 바이브코딩 실습!
바이브코딩을 배우러 왔으니 첫 날부터 뭔가 직접 구현해보는 경험이 동기부여에 좋을거라고 생각해서 첫날부터 Todo 앱을 만드는 실습을 진행했다.
시간과 좀 더 매끄러운 코스 진행을 위해 디자인은 미리 준비해두었고, 첫 날 환경설정으로 많은 분들이 헤메시기도 했지만 강의 끝나고 다같이 카페로 이동해 도와드린 결과 대부분 화면 구현을 하실 수 있었다.
[2주차] 앱 기획 과정과 수요 확인, Github 과 Supabase Google 로그인 구현 : 149 슬라이드
1주차 수업에서 내 생각보다 환경 설정과 코딩에 대한 기본 개념을 많이 힘들어하셨다.
환경 설정이 힘들거라는 얘기를 듣긴 했지만 내 상상 이상이었고, 한 분씩 봐드리다보니 시간이 생각보다 많이 소요됐다.
2주차 강의때 부터는 본인이 각자 만들고 싶은 서비스를 만드는 방식으로 진행하려고 했었는데 그것 보다 간단한 것부터 기본 개념을 더 확실히 익히는 것이 중요한 상황이라고 판단됐다.
그래서 기획에 대한 내용은 이론으로 진행하고 본인 서비스 기획은 별도로 진행하는 것으로 양해를 구한 뒤, 4주차 까지 원래 다루고자 했던 내용들을 모두 Todo 앱에 적용하는 방향으로 강의를 재구성했다.
그래서 이 날은 프로젝트 관리를 위한 Github 사용법을 다루고, 이제는 필수인 간편 로그인을 구현하는 실습을 위주로 진행했다.
2주차 슬라이드는 149장이었다 😂
Github이 무엇인지, 어떻게 작동하는 것인지, 그리고 왜 필요한지에 대해 다루고 실제 Github으로 Todo 프로젝트를 관리하는 실습을 진행했다.
Supabase에서 Google 로그인을 구현하기 위해 Google Cloud Console 을 직접 설정해보는 실습도 진행했다. Google Cloud Console의 수많은 버튼과 메뉴에 다들 조금은 버거워했지만 결국 대부분 구글 로그인까지 성공할 수 있었다.
[3주차] 데이터베이스와 사용자 행동데이터, 이해와 활용 : 132 슬라이드
데이터베이스 이해와 활용
모든 서비스가 데이터베이스가 필요한 것은 아니지만 데이터베이스를 사용해야할 경우, 서비스를 직접 운영하는 관점에서는 데이터베이스의 구조를 잘 알고 있는 것이 중요하다.
그렇다면 데이터베이스의 테이블과 컬럼, 그리고 다른 테이블과 어떻게 관계 맺어 사용하는지 등을 알아야한다.
따라서 3주차에는 관계형 데이터베이스에 대한 이해를 시작으로, 실습 Todo 앱에 필요한 요소들을 고려해 테이블 컬럼을 구성하고, AI를 통해 전달받은 SQL 코드를 활용해 테이블 생성, 그리고 실제 앱 기능과 데이터베이스를 연결해 Todo 아이템 생성시 데이터베이스에 잘 추가되는 것 까지 실습을 진행했다.
AI는 우리가 어떤 생각을 하는지 정확히 알지 못하기 때문에 꼭 필요하지 않은 것들도 넣어서 코드를 작성하는 경우가 많다.
간단한 프로젝트라면 문제 없겠지만, 내가 오래 끌고갈 제품이라면 직접 한 번 읽고 불필요한 것은 제거해달라고 재요청하는 것이 제품에 대한 장악력을 갖는 것에 많은 도움이 되며 개인적으로는 꼭 필요한 과정이라고 생각한다.
사용자 행동 데이터의 이해와 앰플리튜드 붙여보기
처음 바이브코딩을 하게되면 높은 확률로 사용자 행동 데이터까지 다룰 여유는 없을 것이다.
당장 기능 개발하는 것만도 버겁기 때문인데, 서비스를 운영하다보면 어느 순간에는 사용자가 내 서비스를 "잘 쓰고 있는지" 궁금할 때가 온다.
DAU, MAU, 리텐션등 구글 애널리틱스만 붙여도 많은 데이터들을 볼 수 있지만, 앱에 들어와서 사용자들이 어떤 행동을 하고 있는지를 알고 싶은 때가 온다면, 그 때가 바로 이벤트 단위 트래킹이 필요한 순간이다.
서비스 개발에 아주 필수는 아니지만 강의에 넣었고, 이 부분은 과제로 내드렸다. (많은 분들이 조금 지쳐계셔서 과제 체크를 빡세게 하진 않았지만.. 몇 분은 준비한 슬라이드를 하나씩 따라하시면서 이벤트 수집에 성공하셨다!)
[4주차] Admob 광고의 이해와 활용, 그리고 배포와 결제 상품 붙이기 : 256 슬라이드 😂
드디어, 바로 어제 끝난 대망의 마지막 주차 강의.
기획부터 제작까지 많은 시간과 노력을 들인 서비스가 그냥 나의 심리적 만족으로 끝나면 너무 아쉽다. 많은 분들이 앱을 만들어서 어떻게 돈을 벌 수 있는지 궁금해하셨고, 가장 흔하고 우리도 가장 쉽게 시도해볼 수 있는 것이 바로 광고이기 때문에 커리큘럼에 넣게 되었다.
Admob의 이해와 Admob 붙이기
웹은 Adsense를 사용하고 모바일은 Admob으로 광고를 붙인다.
실습은 모바일앱을 만드는 과정이기 때문에 Admob을 기준으로 어떤 과정을 통해 앱 제작자에게 수익이 돌아갈 수 있는지 큰 그림을 먼저 설명했다. 무엇이든 큰 그림을 알고 세부 내용을 파악하면 길을 잃지 않는다.
큰 그림을 파악한 뒤에는 광고 성과 파악을 위한 기본 적인 용어와 개념들을 다뤘다.
제품 고도화에 시간을 쏟는 것도 물론 중요하지만, 광고가 내 서비스의 주 수익원이라면 광고를 통해 내가 얼마를 벌 수 있을지 가늠해가면서 서비스 방향성을 고민하는 것 또한 중요하기 때문이다.
Admob 에는 총 6가지 다양한 광고를 붙일 수 있는데, 각 광고의 특징을 알아 본 뒤, 결과적으로 Todo 앱에는 하단 배너와 앱 오픈 광고 두 가지를 붙이는 실습을 진행했다.
배포와 앱 결제 상품 붙이기 (RevenueCat 활용)
이제 열심히 만든 앱을 앱스토어와 플레이스토어에 테스트를 거친 뒤 배포할 때이다.
테스트와 배포는 애플 개발자 계정 연 99달러, 구글 개발자 계정 평생 25달러의 비용이 발생하기 때문에 실습으로 진행하지 못했지만, 배포 과정을 눈으로 익히실 수 있도록 내용을 준비했다.
또한 인앱 결제나 광고 제거 상품등 구독 결제 상품이 필요할 때를 대비해 구글 플레이와 앱스토어 코드를 따로 직접 관리하지 않고 RevenueCat을 사용해 모두 관리하는 방법도 다루었다.
Admob 관련 내용은 79 슬라이드에서 끝났는데, 배포와 결제 상품 붙이는 과정에 App developer, App Store Conect, Google Cloud Console, Google Play Console, 그리고 RevenuCat 웹사이트까지 여기저기 절차가 복잡하다보니 256슬라이드까지 만들게 되었다 😂
아무래도 전달할 내용이 많았다보니 실습 시간은 상대적으로 적었는데, 그럼에도 강의 들으시면서 테스트 광고를 붙이신 분들도 계셨다.
너무 감사했던 수강하신 분들의 피드백들, 그리고 마무리
누군가 가르친다는 것이 쉽지 않다는 것을 알고는 있었고, 그래서 많이 노력했지만 정말 쉽지 않았다. 더 쉽게 전달할 방법은 없었을지, 어떻게 했었어야했을지 등 반성하게 되는 부분이 있음에도 수강하신 분들이 고마움을 표현해주시고 격려해주신 덕분에 더 열심히 할 수 있었던 것 같다.
이번 강의를 만들면서 약속했던 것이 "이제 나도 바이브 코딩으로 내 제품을 만들 수 있겠다" 하는 자신감을 심어드리는 것이었는데 이야기 나눠보니 그래도 80% 이상은 그렇게 느끼시는 것 같다.
강의가 끝나서 더 소통이 없어질까봐 아쉬워하시는 분들이 계신것 같아 디스코드 채널은 열어두고 소통을 이어나가기로 했다.
2기는 언제 열리나요?
2기는 언제 열거냐는 질문도 종종 받고 있는데, 사실 강의 하면서 나도 너무 힘들다보니 2기는 못하겠다 싶었는데, 수강하신 분들의 응원과 격려로 아마 2기까지는 하게될 것 같다.
시점은 고민중이지만 너무 멀지 않은 미래로 생각중이다.
더 재미있게 쓰고 싶었는데.. 지난 시간을 기록하는 목적이 더 크다보니 건조하게 쓰여진 것 같아 조금은 아쉽지만, 아주 오랜만에 쓰게 된 이번 블로그 글을 이만 맺어본다.