AI 실생활 웹앱 개발기20 [아빠표 연산 어플] 총정리! 코딩 없이 만든 '아빠표 수학 연산 앱' 만들기 완결편 (시즌 2) 안녕하세요! 全자동입니다.코딩의 'ㅋ'자도 모르는 평범한 아빠가 AI 바이브코딩(Vibe Coding)만으로 사랑하는 딸아이를 위한 '맞춤형 무한 랜덤 연산 앱'을 뚝딱 만들어낸 대장정! [아빠표 AI 구몬] 시즌 2가 드디어 완결되었습니다.어떻게 아이디어를 기획하고, AI에게 어떤 프롬프트를 던져서 코드를 얻어냈으며, 최종적으로 스마트폰에 진짜 앱처럼 설치했는지, 그 모든 과정을 한눈에 보기 쉽게 총정리해 드립니다.📌 아빠표 연산 앱 만들기 A to Z (프롤로그 ~ STEP 4)처음 오신 분들이나 전체 흐름을 다시 보고 싶으신 분들은 아래의 단계별 링크를 클릭하여 상세한 제작 과정을 확인해 보세요!🚀 [시즌 2] 아빠표 AI 구몬 제작기 목차👉 [프롤로그] 코딩 1도 모르는 아빠의 '세상에 단 .. 2026. 10. 2. [아빠표 연산 어플] STEP 4. "내 이름이 떴다!" 커스텀 프로필 & 아이 폰에 진짜 앱처럼 깔아주기 (시즌 2 완결) 안녕하세요! 全자동입니다.바이브코딩으로 코딩 한 줄 없이 딸아이를 위한 수학 연산 앱을 만드는 대장정, 오늘 드디어 그 마지막 [STEP 4]입니다.지금까지 예쁜 바다 테마 화면을 만들고, 무한 랜덤 문제 공장을 돌리고, 폭죽이 터지는 채점 시스템까지 완벽하게 장착했죠.오늘은 이 훌륭한 앱에 화룡점정을 찍어보겠습니다.바로 '우리 아이 이름 새기기'와 '스마트폰 바탕화면에 진짜 앱처럼 설치하기'입니다!1. ✨ "이거 내 거야?" 소유욕을 자극하는 프로필 기능아이들은 자기 이름이 적힌 물건에 특별한 애착을 갖습니다.화면 맨 위에 그냥 '숫자놀이'라고 적혀 있는 것보다, '전자동의 숫자놀이'라고 뜬다면 앱을 대하는 태도부터 달라지겠죠?하단 네비게이션 바에 만들어두었던 '👤 프로필' 탭을 눌러 이름을 입력하고.. 2026. 9. 30. [아빠표 연산 어플] STEP 3. 폭죽 팡팡! 아이가 열광하는 '정답 채점 & 점수 시스템' 장착하기 안녕하세요! 全자동입니다.지난 [STEP 2]에서는 AI와 함께 자바스크립트(JS)를 활용하여 엑셀 없이 수학 문제를 만드는 '문제 공장'을 앱 안에 장착했습니다.하지만 문제가 나오기만 하고 내가 맞았는지 틀렸는지 모른다면 아무 소용이 없겠죠?오늘은 아이들의 학습 의욕을 200% 끌어올릴 핵심 기능, 바로 '채점과 점수 보상 시스템'을 만들어 보겠습니다.1. 💯 아이들을 춤추게 하는 즉각적인 피드백의 힘초등학생 아이들에게 공부는 게임처럼 즉각적인 반응(피드백)이 올 때 가장 재미있게 다가옵니다.정답일 때: 단순히 "정답"이라는 글씨만 나오는 게 아니라, 화려한 폭죽 애니메이션이 팡팡 터지고 점수가 올라가는 효과가 필요합니다.오답일 때: "틀렸어!"라고 기죽이는 대신, "아쉽지만 다시 해보자!"라며 입력.. 2026. 9. 28. [아빠표 연산 어플] STEP 2. 엑셀은 잊어라! AI로 '무한 랜덤 연산 문제 생성기' 장착하기 안녕하세요! 全자동입니다.지난 시간 [STEP 1]에서는 AI에게 말만 걸어서(바이브코딩) 딸아이 취향을 저격하는 귀여운 '바다 테마' 메인 화면을 1분 만에 뚝딱 만들어냈습니다.오늘은 이 예쁜 껍데기(UI)에 스스로 수학 문제를 끝없이 만들어내는 인공지능 두뇌를 달아줄 차례입니다.1. 💡 왜 이번엔 엑셀(DB)을 쓰지 않을까?시즌 1 '영단어 앱'을 만들 때는 구글 엑셀을 단어장(데이터베이스)으로 사용했습니다. 하지만 수학 연산은 성격이 완전히 다릅니다.1+1, 1+2, 1+3 ... 99+99 ...세상의 모든 연산 문제를 엑셀에 일일이 적어둘 수는 없겠죠?그래서 우리는 엑셀 대신 스마트폰 브라우저 자체의 계산 능력인 '자바스크립트(JavaScript)'를 활용할 것입니다."덧셈 버튼을 누르면 1부.. 2026. 9. 28. [아빠표 연산 어플] STEP 1. 코딩 0줄! AI로 딸아이 취향 저격 '바다 테마' 연산 앱 화면 뚝딱 만들기 안녕하세요! 全자동입니다.프롤로그에서 예고해 드린 대로,오늘부터 초등학생 딸아이를 위한 '세상에 단 하나뿐인 맞춤형 연산 어플' 만들기를 본격적으로 시작합니다.가장 먼저 할 일은 아이의 시선을 사로잡을 예쁜 '앱 화면(UI)'을 만드는 것입니다.코딩을 몰라도, 포토샵을 할 줄 몰라도 괜찮습니다. 우리에겐 찰떡같이 알아듣는 AI 비서가 있으니까요!1. 🐳 기획: 딱딱한 수학은 가라! 감성 듬뿍 '바다 테마' 연산 앱시중의 연산 앱들은 대부분 딱딱한 숫자 위주라서 아이들이 금방 흥미를 잃습니다. 그래서 저는 딸아이가 좋아하는 '바다 동물'들을 활용해 동화책을 읽듯 수학을 접하게 해주고 싶었습니다.🌊 아빠가 AI로 1분 만에 뚝딱 만든 '전자동의 숫자놀이' 메인 화면 🌊▲ AI에게 지시(프롬프트)만 내려.. 2026. 9. 27. [아빠표 연산 어플] 프롤로그: "아빠, 내 것도 만들어줘!" 딸아이를 위한 맞춤형 연산 앱 도전기 안녕하세요! 全자동입니다.코딩의 'ㅋ'도 모르던 제가 오직 바이브코딩만으로 중학생 아들을 위한 [영단어 어플 만들기] 시리즈를 성공적으로 마쳤습니다.아들의 스마트폰 바탕화면에 직접 만든 앱이 깔리는 걸 본 초등학생 딸아이의 눈빛이 반짝이기 시작했습니다."아빠! 오빠 것만 만들지 말고, 내 것도 만들어줘! 나도 내 이름 적힌 앱 갖고 싶어!"1. 🤔 왜 새로운 '연산 앱'이 필요했을까?딸아이의 당찬 요구에 흔쾌히 "콜!"을 외치고, 아이에게 지금 가장 필요한 것이 무엇인지 고민해 보았습니다.초등학교 저학년 시기, 가장 중요한 것은 역시 '기초 연산(구구단, 덧셈, 뺄셈, 나눗셈)'입니다.하지만 시중에 나와 있는 연산 앱이나 구몬 같은 학습지들은 너무 딱딱하고 반복적이어서 아이가 금방 지루해하곤 했죠.그래.. 2026. 9. 23. 이전 1 2 3 4 다음
