서론: 패시브 인컴(Passive Income)의 달콤한 유혹
타이틀을 다듬고 영리한 기믹(Gimmick)까지 추가하자, ‘행운이 가득한 로또 기운 생성기’는 제법 그럴싸한 웹 서비스의 형태를 갖추었습니다. 주변 지인들에게 링크(https://lucky-lotto.pages.dev/)를 보내주니 신기해하며 계속 버튼을 눌러보았고, 트래픽이 아주 미세하게나마 발생하기 시작했습니다.
방문자가 생기자 1인 창업가의 머릿속에는 자연스럽게 ‘수익화’라는 단어가 떠올랐습니다. “이 페이지에 광고를 붙이면 사람들이 들어와서 누를 때마다 돈이 벌리겠지?” 잠자면서도 돈이 들어온다는 전설의 ‘패시브 인컴’을 달성할 생각에 가슴이 부풀어 올랐습니다. 가장 대표적인 웹사이트 수익화 모델인 ‘구글 애드센스(Google AdSense)’ 코드를 발급받아, 호기롭게 AI 비서에게 광고 삽입을 지시했습니다. 하지만 그 달콤한 유혹의 대가는 생각보다 처참했습니다.
1. “광고 코드 좀 넣어줘” – 비극의 서막
인터넷 검색을 통해 구글 애드센스 계정을 만들고, 제 워드프레스 사이트에 달 수 있는 광고 단위 코드를 하나 생성했습니다. 복잡한 영문과 기호로 이루어진 스크립트 덩어리였습니다. 코딩을 모르는 저에게는 그저 ‘마법의 돈벌이 부적’처럼 보였습니다.
지체 없이 AI 채팅창을 열어 당당하게 프롬프트를 입력했습니다.
나의 지시: “이 구글 애드센스 코드를 로또 번호 생성기 페이지의 버튼 바로 아래에 자연스럽게 넣어줘. 사람들이 번호를 확인하고 나서 광고를 볼 수 있게 배치해 줘.”
AI는 언제나 그렇듯 “네, 애드센스 광고 영역을 추가한 코드를 작성해 드리겠습니다!”라며 성실하게 HTML과 CSS 코드를 뱉어냈습니다. 저는 아무런 의심 없이 그 코드를 복사해 워드프레스에 덮어씌웠습니다.
2. 레이아웃 붕괴 대참사: 찌그러진 공과 날아간 버튼
‘미리보기’ 버튼을 누른 순간, 눈을 의심했습니다. 분명 예쁘게 정렬되어 있던 6개의 동그란 로또 공들은 찌그러진 타원형이 되어 화면 구석으로 밀려나 있었고, ‘행운이 가득한 로또 기운 생성’ 버튼은 광고 영역에 밀려 텍스트가 반 토막 나 있었습니다.
광고가 들어가야 할 자리에는 엉뚱한 크기의 회색 빈 박스만 덩그러니 놓여 전체 화면의 균형을 완전히 붕괴시키고 있었습니다. 특히 스마트폰으로 접속해 보니 상황은 더 심각했습니다. 모바일 반응형으로 기껏 맞춰놓은 화면이 광고의 고정된 가로 사이즈 때문에 좌우로 기괴하게 흔들렸습니다.
-
원인 분석: 애드센스 광고는 사용자의 화면 크기나 송출되는 광고의 종류에 따라 크기가 유동적으로 변합니다. 코딩 초보인 제가 광고가 들어갈 ‘안전한 컨테이너(상자)’를 CSS로 명확하게 규정하지 않고 무작정 코드만 욱여넣었으니, 기존의 예민한 UI 요소들이 폭격 맞은 듯 튕겨 나간 것입니다.
3. 빠른 포기와 겸손한 롤백(Roll-back)
처음에는 오기가 생겼습니다. AI에게 “광고가 버튼을 가려”, “모바일에서 화면이 좌우로 흔들려, CSS 고쳐줘”라며 무수한 디버깅을 시도했습니다. AI는 overflow: hidden;이나 width: 100%; 같은 새로운 처방전을 계속 내놓았지만, 누더기처럼 기워진 코드는 점점 더 수습하기 힘든 미궁 속으로 빠져들었습니다.
무엇보다 가장 큰 문제는 ‘사용자 경험(UX)’이었습니다. 돈을 벌겠다는 욕심에 덕지덕지 붙인 광고 때문에, 정작 이 사이트의 본질인 ‘쾌적한 번호 추첨’의 재미가 완전히 사라져 버린 것입니다. 클릭하기도 불편한 사이트에서 광고 수익이 날 리 만무했습니다.
결국 저는 1인 기획자로서 뼈아픈 결단을 내렸습니다. 수익화의 꿈을 잠시 접어두고, 채팅창에 단호하게 한 줄을 입력했습니다.
구원의 프롬프트: “구글 애드 센스 광고 영역은 지워줘”
마법처럼 지저분한 광고 코드가 사라졌고, 화면은 다시 평온을 되찾았습니다. 둥글고 예쁜 로또 공들과 정갈한 버튼이 제자리로 돌아왔습니다.
4. 첫 수익화 실패가 남긴 뼈아픈 교훈
| 시도 및 문제점 | AI와의 디버깅 과정 | 얻은 교훈 |
| 단순 코드 복붙 | 광고 스크립트를 무작정 HTML 요소 사이에 삽입 | 외부 스크립트는 기존 레이아웃(CSS)에 치명적 영향을 미칠 수 있음 |
| 반응형 붕괴 | 모바일 화면에서 고정 크기 광고로 인한 가로 스크롤 발생 | 수익화 이전에 ‘광고 컨테이너’를 반응형으로 설계하는 기획이 선행되어야 함 |
| 본질 훼손 | 광고 영역 수정에 매달리다 핵심 기능(UX) 저하 | 트래픽이 충분히 확보되지 않은 상태에서의 억지 수익화는 서비스 생명을 단축함 |
결론: 비울수록 채워지는 마이크로 SaaS의 역설
“구글 애드 센스 광고 영역은 지워줘.” 이 짧은 프롬프트는 1인 창업가로서 제가 겪은 첫 번째 탐욕에 대한 반성이었습니다. 코딩을 몰라도 웹사이트를 만들 수는 있지만, 서비스의 가치를 지키는 것은 결국 기획자의 절제력에 달려있다는 것을 배웠습니다.
로또 번호 생성기는 광고 없이 순수한 유틸리티로 남겨두기로 했습니다. 우선은 유저들이 즐겁게 놀다 가는 놀이터를 만드는 데 집중해야 진짜 트래픽이 쌓일 테니까요. 첫 번째 프로젝트에서의 아쉬움과 시행착오를 거름 삼아, 이제 저는 두 번째, 그리고 한 차원 더 높은 난이도의 웹 서비스 기획에 도전합니다. 정적인 추첨기를 넘어 화면이 살아 움직이는 ‘타원형 트랙의 경마 제비뽑기 게임’, 그 흥미진진한 개발 스토리가 다음 편에서 시작됩니다.