AI로 쉽게 웹 앱 만드는 법: 초보 가이드

제가 1장과 2장에서 “코딩을 전혀 모르는 60대 문과생인 저도 제미나이의 도움으로 심리 테스트나 간단한 게임 앱을 만들어 블로그에 런칭했다”고 말씀드린 적이 있습니다. 많은 분들이 이 대목에서 “에이, 아무리 그래도 내가 어떻게 앱을 만들어?” 하며 반신반의하셨을 겁니다.

하지만 단언컨대, 지금 AI가 가장 똑똑하게 잘하는 분야가 바로 ‘코딩’입니다. 이제는 누구나 앱 개발사 사장님이 될 수 있습니다.

1. 코딩에 최적화된 AI 2대장 접속하기 (클로드 vs 제미나이)

코딩을 할 때는 챗GPT보다 아래의 두 ai가 훨씬 더 뛰어난 능력을 발휘합니다.

  • 현존하는 최고의 천재 프로그래머: 클로드 (Claude) 👉 클로드 바로가기: https://claude.ai 현재 개발자들 사이에서 챗GPT를 밀어내고 1위로 꼽히는 엄청난 코딩 능력을 가진 AI입니다. 오류를 잡아내는 능력이 탁월합니다.
  • 코드 결과를 화면에서 바로 보여주는 도화지: 제미나이 캔버스 (Gemini) 👉 제미나이 바로가기: https://gemini.google.com 제가 즐겨 쓰는 제미나이입니다. 특히 최근에 생긴 ‘캔버스(Canvas)’ 기능을 켜고 코드를 짜달라고 하면, 화면 오른쪽 도화지에 코드를 띄워주고 거기서 바로바로 코드를 수정할 수 있어 초보자에게 아주 직관적이고 편리합니다.

2. PC와 스마트폰으로 앱 만드는 세팅법

앱 개발은 컴퓨터로 복잡한 코드를 복사하고 붙여넣어야 하므로, 스마트폰보다는 반드시 마우스와 키보드가 있는 PC(노트북)를 사용하셔야 합니다.

  1. 제미나이(혹은 클로드)를 켭니다.
  2. 채팅창에 이렇게 아주 구체적으로 명령합니다. 어떻게 명령하는 가에 따라 완전히 다른 앱이 만들어 집니다.
    “나는 코딩을 전혀 모르는 초보자야. 사람들이 자신의 ‘은퇴 후 예상 스트레스 지수’를 알아볼 수 있는 심리 테스트 웹사이트(웹 앱)를 만들고 싶어. 질문은 5가지로 해주고, 결과에 따라 3가지 유형으로 나누어 줘. 내가 복사해서 바로 쓸 수 있게 HTML 파일로 전체 코드를 한 번에 짜줘.”
  3. AI가 알록달록한 영어와 기호로 섞인 ‘코드’를 주르륵 써줍니다.
  4. 여러분은 이 코드를 복사하여 사용하면 됩니다.

3. [수익화 방법] 앱을 블로그에 올리고 광고 수익(애드센스) 붙이기

스마트폰 앱스토어에 정식으로 앱을 등록하는 것은 초보자에게 과정이 꽤 까다롭습니다. 그래서 가장 추천하는 방법은 ‘웹 앱(Web App)’ 형태로 만들어 3장에서 이야기한 ‘내 블로그(티스토리 등)’에 올리는 방법입니다.

  1. 위에서 만든 코드를 티스토리 블로그 글쓰기 창의 HTML 모드를 켜서 복사한 코드를 붙여 넣으세요. 그리고 저장하면 완성입니다. 글쓰기와 같습니다. 모드만 HTML로 선택하면 됩니다.
  2. 내 블로그 게시물 안에 ‘나의 은퇴 스트레스 테스트 해보기’, ‘오늘의 운세 뽑기’, ‘간단한 벽돌 깨기 게임’ 등 여러가지를 만들어 게시 합니다.
  3. 사람들이 내 블로그에 들어와서 테스트를 하고 게임을 하며 재밌게 놉니다.
  4. 사람들은 머무르는 시간이 길어지고 자연스럽게 블로그 화면 위아래에 붙어있는 ‘구글 애드센스 광고’를 클릭하게 됩니다. 글만 써두었을 때보다 사람들이 내 블로그에 머무르는 시간이 훨씬 길어지기 때문에, 광고 단가와 수익이 비약적으로 폭발하게 됩니다.

이것이 바로 코딩을 모르는 제가 1인 개발사가 되어, 블로그 수익을 극대화하고 있는 저만의 특급 비밀입니다.

🚨 [주의사항] 앱 개발 AI 사용 시 당황하지 않는 법

  • 에러가 나도 절대 창을 끄지 마세요: AI가 짜준 코드가 한 번에 완벽하게 작동하는 경우는 드뭅니다. 버튼이 안 눌리거나 화면이 찌그러지면 당황하지 마세요. 그 현상 그대로 AI에게 “버튼을 눌렀는데 다음 화면으로 안 넘어가. 원인이 뭐야? 수정 해줘”라고 말하면, AI가 “아이고, 제가 실수했네요”라며 즉각 고쳐줍니다. 개발은 AI와의 스무고개라는 점을 잊지 마세요!

https://ju999.upaper.kr


information에서 더 알아보기

구독을 신청하면 최신 게시물을 이메일로 받아볼 수 있습니다.