안녕하세요. 와우굿앱을 운영하는 굿앱맨입니다.
저는 코딩을 배운 적이 없습니다. 엑셀 함수 몇 개와 문서 작업이 컴퓨터로 할 줄 아는 전부였습니다. 그런 제가 소파에서 자는 강아지를 보며 “이 녀석은 전생에 귀족이었을 거야”라는 농담을 했고, 그 농담을 진짜 앱으로 만들어 보기로 했습니다. 질문 7개에 답하면 강아지에게 공작·백작·기사 같은 작위를 내려 주고, 사진이 들어간 작위증을 발급하는 강아지 작위 테스트 앱입니다.
이 블로그는 그 앱을 AI와 함께 만들면서 부딪힌 모든 과정을 기록한 곳입니다.
이 블로그에서 다루는 것
- 시작: 앱과 웹앱의 차이, 아이디어를 기획으로 바꾸는 법, AI에게 처음 앱을 요청한 경험
- 개발 환경: GitHub, 커밋과 푸시, Vercel 배포, 배포 오류 해결
- 기능 만들기: 질문과 결과 설계, 조건문, 작위증 발급, 사진 업로드, 이미지 저장과 공유, LocalStorage
- 콘텐츠 확장: 웹툰, 미니게임, 아카데미, 메뉴 구성
- 수정과 개선: 버그 찾기, 오류 메시지 읽기, 브랜치, 디자인·모바일 개선
- 스마트폰 앱으로: PWA, 아이폰·안드로이드 테스트, 앱 아이콘과 시작 화면, Google Play 등록 준비
전체 글은 전체 목차에서 발행 순서대로 볼 수 있습니다.
이런 분께 도움이 됩니다
- 코딩은 모르지만 나만의 작은 앱을 만들어 보고 싶은 분
- AI에게 앱을 요청해 봤는데 어디서부터 손대야 할지 막막했던 분
- GitHub, 배포, PWA 같은 말이 낯설어서 설명을 찾아다니는 분
글을 쓰는 원칙
- 직접 해 본 것만 씁니다. 실제로 앱을 만들며 겪은 과정과 결과를 바탕으로 합니다.
- 막힌 곳도 숨기지 않습니다. 실패한 시도와 헛수고한 부분까지 적어야 같은 곳에서 막힌 분께 도움이 된다고 생각합니다.
- 초보자의 말로 씁니다. 전문 용어는 처음 나올 때 쉬운 비유로 풀어 설명합니다.
- AI 활용을 밝힙니다. 앱 제작 과정에서 AI 도구의 도움을 받았고, 글을 정리할 때도 AI를 보조 도구로 사용합니다. 모든 내용은 직접 확인하고 다듬어 게시합니다.
- 틀린 내용은 고칩니다. 서비스 화면이나 요금제처럼 바뀔 수 있는 정보는 글을 쓴 시점 기준이며, 오류를 알려 주시면 확인 후 수정합니다.
광고 안내
와우굿앱은 블로그 운영을 위해 Google AdSense 등의 광고를 게재할 수 있습니다. 광고는 글의 내용과 별개로 표시되며, 광고와 관련된 개인정보 처리는 개인정보처리방침에서 확인할 수 있습니다.
연락하기
글에 대한 질문, 잘못된 내용 제보, 협업 제안은 문의하기 페이지로 보내 주세요. 확인하는 대로 답장드리겠습니다.