와우굿앱 - 코딩 몰라도 AI로 앱 만드는 기록, by 컴맹 집사

와우굿앱 소개

왕관을 쓴 폐하 그림, 컴맹 집사의 프로필
폐하를 모시는 컴맹 집사

안녕하세요. 와우굿앱을 운영하는 컴맹 집사입니다.

저는 코딩을 배운 적이 없습니다. 엑셀 함수는 배웠지만 거의 쓰지 않는 수준이고, 컴퓨터로 하는 일은 대부분 문서 작업이었습니다. 그리고 어릴 때부터 지금까지 줄곧 강아지를 좋아해 온 사람입니다.

요즘은 반려동물과 함께 사는 집이 많아졌고, 반려인들은 스스로를 “집사”라고 부릅니다. 그래서 반려인들이 함께 즐길 수 있는 앱을 만들고 싶었습니다. 강아지를 왕으로, 반려인을 왕의 집사로 그린 세계관, 왕립 개집사협회입니다. 폐하의 정보를 입력하고 질문 7개에 답하면 집사 유형과 작위가 담긴 집사 작위증을 받습니다.

이 세계관은 웹툰으로도 보여 주고, 간단히 즐길 수 있는 게임도 앱의 콘셉트에 맞게 바꿔 넣었습니다. 앞으로도 세계관에 맞는 기능과 콘텐츠를 하나씩 더 만들어 갈 계획입니다. 작업은 늘 같은 순서로 합니다. 제가 아이디어를 구상하고, 제미나이와 챗GPT로 교차 확인한 뒤, 클로드에게 다시 검토받아 진행합니다.

이 블로그는 그 앱을 AI와 함께 만들면서 부딪힌 모든 과정을 기록한 곳입니다.

이 블로그에서 다루는 것

  • 시작: 앱과 웹앱의 차이, 아이디어를 기획으로 바꾸는 법, AI에게 처음 앱을 요청한 경험
  • 개발 환경: GitHub, 커밋과 푸시, Vercel 배포, 배포 오류 해결
  • 기능 만들기: 질문과 결과 설계, 조건문, 작위증 발급, 사진 업로드, 이미지 저장과 공유, LocalStorage
  • 세계관 넓히기: 웹툰, 세계관에 맞춘 미니게임, 아카데미, 친구 궁합
  • 수정과 개선: 버그 찾기, 오류 메시지 읽기, 안전하게 기능 추가하기, 디자인·모바일 개선
  • 스마트폰 앱으로: PWA, 아이폰·안드로이드 테스트, 앱 아이콘과 시작 화면, Google Play 등록 준비

전체 글은 전체 목차에서 발행 순서대로 볼 수 있습니다.

이런 분께 도움이 됩니다

  • 코딩은 모르지만 나만의 작은 앱을 만들어 보고 싶은 분
  • AI에게 앱을 요청해 봤는데 어디서부터 손대야 할지 막막했던 분
  • GitHub, 배포, PWA 같은 말이 낯설어서 설명을 찾아다니는 분

글을 쓰는 원칙

  • 직접 해 본 것만 씁니다. 실제로 앱을 만들며 겪은 과정과 결과를 바탕으로 합니다.
  • 막힌 곳도 숨기지 않습니다. 실패한 시도와 헛수고한 부분까지 적어야 같은 곳에서 막힌 분께 도움이 된다고 생각합니다.
  • 초보자의 말로 씁니다. 전문 용어는 처음 나올 때 쉬운 비유로 풀어 설명합니다.
  • AI 활용을 밝힙니다. 앱 제작 과정에서 AI 도구의 도움을 받았고, 글을 정리할 때도 AI를 보조 도구로 사용합니다. 모든 내용은 직접 확인하고 다듬어 게시합니다.
  • 틀린 내용은 고칩니다. 서비스 화면이나 요금제처럼 바뀔 수 있는 정보는 글을 쓴 시점 기준이며, 오류를 알려 주시면 확인 후 수정합니다.

광고 안내

와우굿앱은 블로그 운영을 위해 Google AdSense 등의 광고를 게재할 수 있습니다. 광고는 글의 내용과 별개로 표시되며, 광고와 관련된 개인정보 처리는 개인정보처리방침에서 확인할 수 있습니다.

연락하기

글에 대한 질문, 잘못된 내용 제보, 협업 제안은 문의하기 페이지로 보내 주세요. 확인하는 대로 답장드리겠습니다.