본문 바로가기

깃허브배포3

[아빠표 연산 어플] STEP 4. "내 이름이 떴다!" 커스텀 프로필 & 아이 폰에 진짜 앱처럼 깔아주기 (시즌 2 완결) 안녕하세요! 全자동입니다.바이브코딩으로 코딩 한 줄 없이 딸아이를 위한 수학 연산 앱을 만드는 대장정, 오늘 드디어 그 마지막 [STEP 4]입니다.지금까지 예쁜 바다 테마 화면을 만들고, 무한 랜덤 문제 공장을 돌리고, 폭죽이 터지는 채점 시스템까지 완벽하게 장착했죠.오늘은 이 훌륭한 앱에 화룡점정을 찍어보겠습니다.바로 '우리 아이 이름 새기기'와 '스마트폰 바탕화면에 진짜 앱처럼 설치하기'입니다!1. ✨ "이거 내 거야?" 소유욕을 자극하는 프로필 기능아이들은 자기 이름이 적힌 물건에 특별한 애착을 갖습니다.화면 맨 위에 그냥 '숫자놀이'라고 적혀 있는 것보다, '전자동의 숫자놀이'라고 뜬다면 앱을 대하는 태도부터 달라지겠죠?하단 네비게이션 바에 만들어두었던 '👤 프로필' 탭을 눌러 이름을 입력하고.. 2026. 9. 30.
[영단어 어플 만들기] 총정리! AI 바이브코딩으로 나만의 앱 만들기 완결편 (feat. 시즌2 예고) 안녕하세요! 全자동입니다.드디어 [구글 엑셀과 AI로 나만의 영단어 어플 만들기] 대장정의 막을 내립니다.코딩의 'ㅋ'도 모르던 우리가 오직 AI와의 대화(바이브코딩)만으로 스마트폰 바탕화면에 번듯한 상용급 앱을 깔기까지, 정말 숨 가쁘게 달려왔네요.오늘은 지난 6단계의 핵심 과정을 한눈에 총정리하고, 성공적인 AI 코딩을 위한 '특급 노하우', 그리고 앞으로 우리가 만들어갈 '두 번째 마법(시즌 2)'에 대해 이야기해 보려 합니다.1. 🗺️ 한눈에 보는 '영단어 어플 만들기' 6단계 로드맵혹시 중간에 놓친 부분이 있거나 다시 보고 싶은 단계가 있다면, 아래 각 스텝의 제목을 클릭하여 상세 내용을 확인해 보세요!STEP 1. 기획 & 엑셀 DB 만들기: 구글 스프레드시트를 이용해 나만의 단어장(주방)을.. 2026. 9. 22.
[영단어 어플 만들기] STEP 6. 깃허브(GitHub)로 평생 무료 앱 배포 & 1초 자동 업데이트 세팅 안녕하세요! 전자동입니다! 지난 [STEP 5]에서는 AI 바이브 코딩의 힘을 빌려, 구글 시트의 단어들을 실시간으로 불러와 화면에 뿌려주는 알록달록한 퀴즈 화면(프론트엔드)을 완성했습니다. 내 컴퓨터 화면에서 카드가 휙휙 넘어가고 정답을 맞혔을 때 팡팡 터지는 효과를 보며 짜릿한 성취감을 맛보셨을 텐데요. 하지만 아직 내 컴퓨터 안에서만 열리는 파일 상태라면 진정한 '앱'이라고 부르기엔 2% 부족합니다. " 오늘은 대망의 프로젝트 마지막 완결편! " 우리가 만든 소중한 코드를 전 세계 개발자들의 성지인 '깃허브(GitHub)'에 올려 언제 어디서든 접속할 수 있는 나만의 고유 웹 주소(URL)를 발급받고, 아이의 스마트폰 홈 화면에 진짜 앱처럼 설치하는 마지막 마법을 완성해 보겠습니다.1. 🐙 왜 복.. 2026. 9. 22.