This post is only available in Korean.
바이브 코딩으로 수익형 웹사이트 만들기
첫 번째 SaaS 제품을 출시한 경험과 교훈을 공유합니다.
수익화 비용 계기 개발 아이템 선정
요즘 핫한 키워드가 "바이브 코딩", "수익형 웹사이트" 인 것 같습니다.
최근 SaaS 제품을 출시하면서 경험한것들을 공유하고자 합니다.
필요한 툴은 만들어쓰세요 제발
SaaS(Software as a Service) 제품을 처음 출시할 때, 우리는 여러 가지 도전에 직면했습니다. 그 중 하나는 기존의 툴들이 우리의 요구를 완벽히 충족시키지 못한다는 것이었습니다. 그래서 우리는 필요한 툴을 직접 만들기로 결정했습니다. 이 글에서는 그 경험과 교훈을 공유하고자 합니다.
왜 나한테 딱 필요한 툴은 없는것이가.
때는 바야흐로 25년 여름. 고객사의 웹사이트 운영업무 중이였습니다. 고객사의 요구사항을 반영하니 갑자기 기존의 업무 방식에 문제가 발생했습니다. 원래는 큰 이미지를 올리고 이미지에서 필요한 좌표만 계산해서 쓰는 방식이였는데, 이제 직접 잘라야 하는 상황이 된것입니다. 😭
!아 저 이미지가 뭔지 간단히 설명 드리면 신문기사 같은 이미지와 그 이미지의 번역본들입니다. 예시 이미지 요걸 이런식으로 잘라내야해요
당시 선택지는 몇가지가 있었어요.
- 포토샵 같은 툴로 일일히 자르기
- 온라인 이미지 편집 툴 사용
- 파이썬으로 간단한 툴 만들기
- 직접 툴 만들어서 나같은 사람이 있으면 같이 쓰기.
요걸 읽고 있는 분들이라면 1번은 선택하지 않으시리라 믿습니다 ㅎㅎ 바로 2번으로 넘어가보자면 2번은 3*3 같은 형식으로 다 똑같은 사이즈로만 자를 수 있더라구요. 저희는 잘라내는 각 영역의 크기를 자유롭게 지정하고 싶었어요. 그래서 3번과 4번 사이에서 고민을 했습니다. 3번은 다 좋은데 gui가 없고 결국 좌표값을 일일히 입력해야 하는 불편함이 있었어요. 그래서 4번을 선택했습니다. 직접 툴을 만들기로요. 잘하면 광고도 붙일 수 있고 혹시라도 비슷한 고민을 하는 사람이 있을지도 모르잖아요?
직접 만들자
저희는 Next.js만 사용하여 웹 기반 이미지 편집 툴을 만들기로 했습니다. 이미지 자르는데 인증,db 같은건 필요없으니까요.
이해가 안가시는 비개발자 분은 제가 따로 포스팅 하겠습니다. 잠시만 기다려 주세요.
우선 Figma로 뼈대를 잡고, 바로 화면에 옮겼습니다(클로드 코드 열심히 갈궜습니다.). 누군가는 이걸 프로토타이핑이라고 부르지만 저희는 그냥 "일단 되게 만들기"라고 불렀어요. 기본 기능은 단순했어요. 이미지를 업로드하면 브라우저에서 바로 잘라보고, 프리셋 없이도 원하는 비율로 마우스를 끌어다 놓으면 영역이 생기고, 저장하면 각 조각이 이름 붙어서 나간다는 것. 여기에 서버에서 별다른 연산을 하지 않아도 되도록 가공은 브라우저에서 끝내도록 설계했습니다.
[이미지 자리: 첫 프로토타입 편집 화면 스크린샷]
UI도 욕심을 부리지 않았어요. 도구 막대는 우측에 한 줄, 미리보고 다운로드. 필자가 고객이라 바로 사용해보고 불편한점은 바로 개선하고 다듬었습니다.
출시
서비스를 기획하고 출시까지 1주일정도 걸린것 같아요. 예전이면 1달은 넘게 걸렸을텐데, 요즘은 툴이 잘 되어있어서 금방 만들 수 있더라구요. (클코 코덱스 짱짱) 출시후엔 "더욱 많은 사람들에게 알리기", "수익화" 작업을 했습니다.
- SEO 최적화
- 애드센스 승인
- 국제화
우리가 배운 것들
- 처음부터 완벽할 필요는 없다. 대신 사람들이 원하는 흐름을 먼저 손에 쥐어야 한다.
- 서비스 소개 문구는 개발자가 아니라 고객이 이해하는 언어로 쓰자. "좌표 계산 자동화"는 어려워도 "시간 30분 절약"은 모두가 알죠.
- 피드백이 모이는 창구를 열어두고 수시로 살피자. 질문이 쌓이는 곳이 다음 기능의 힌트였습니다.
다음 챕터로
이제는 이미지 자르기에서 나아가, 배경 제거, 텍스트 추출처럼 연관된 작업을 손쉽게 묶는 방향을 보고 있습니다. SaaS를 처음 만들면서 느낀 건, 결국 "누가, 얼마나 자주 써줄까"에 답을 찾는 과정이라는 점이에요. 이번 경험이 누군가 "나도 필요한 거 만들어봐야겠다" 라는 마음을 먹는데 작은 불꽃이 되었으면 합니다.
그리고, 혹시 비슷한 문제를 겪고 있다면 언제든지 연락 주세요. 다음 업데이트 때 함께 방향을 잡아보면 재미있을 것 같아요.