본문 바로가기

자바스크립트2

[아빠표 연산 어플] STEP 3. 폭죽 팡팡! 아이가 열광하는 '정답 채점 & 점수 시스템' 장착하기 안녕하세요! 전자동입니다! 지난 [STEP 2]에서는 AI에게 몇 마디 말을 건네 엑셀이나 문제집 없이도 덧셈, 뺄셈 문제가 무한히 쏟아져 나오는 '연산 문제 공장'을 만들었습니다. 그런데 문제가 화면에 계속 나오기만 하고 내가 쓴 답이 맞았는지 틀렸는지 알려주지 않는다면 어떨까요? 아이들은 서너 문제 풀다 말고 금방 흥미를 잃고 엉덩이를 들썩이게 됩니다. 아이들이 "아빠, 한 문제만 더 풀어볼래!"라고 먼저 외치게 만드는 비결은 거창한 공부법이 아닙니다. 바로 내가 낸 답에 화면이 즉각 반응해 주는 '채점과 화려한 폭죽 보상 시스템'에 있습니다. 오늘은 비개발자 부모님도 단 1분 만에 AI로 이 재미난 장치를 붙이는 방법을 알려드립니다.1. 💯 공부를 게임처럼 만드는 2가지 심리 장치우리가 어릴 적 .. 2026. 9. 28.
[아빠표 연산 어플] STEP 2. 엑셀은 잊어라! AI로 '무한 랜덤 연산 문제 생성기' 장착하기 안녕하세요! 全자동입니다. 지난 [시즌 2 - STEP 1]에서는 AI(제미나이·챗GPT)와 자연어로 대화하며(바이브코딩), 딸아이의 취향을 제대로 저격한 귀여운 '바다 테마' 반응형 웹 화면을 5분 만에 완성해 보았습니다. 화면은 알록달록 예쁘게 만들어졌지만, 지금 상태는 버튼을 눌러도 아무런 반응이 없는 '정적인 껍데기(UI)'에 불과합니다.오늘은 이 예쁜 바다 화면에 스스로 수학 문제를 무한대로 만들어내는 똑똑한 두뇌(자바스크립트 연산 엔진)를 장착해 줄 차례입니다. 1. 💡 엑셀 DB 대신 '브라우저 연산 엔진'을 선택한 이유시즌 1 '영단어 암기 앱'을 만들 때는 구글 스프레드시트를 외부 데이터베이스(DB)로 연동했습니다. 영단어는 특정 텍스트 데이터가 고정되어 저장되어 있어야 했기 때문입니다.. 2026. 9. 28.