캔바 AI 코드 생성으로 유아를 위한 '한글 만들기' 퀴즈 만들기
소개
우리 아이가 한창 한글을 배우는 시기라, 흥미를 유도하기 위해 퀴즈 형태의 학습 콘텐츠를 만들어보기로 했어요. 📱 태블릿에서 바로 실행할 수 있는 간단한 웹앱 형태로 구성하면 더 흥미롭게 배울 수 있을 거라 생각했죠.
진행 방법
사용 도구
Canva AI
ChatGPT
진행 방식
ChatGPT로 Canva AI의 코드 생성을 위한 프롬프트 작성을 도움받았어요.
Canva AI의 코드 생성 기능을 활용해 한글 퀴즈 앱 코드를 생성했어요.
처음 시도할 땐 Canva AI에게 "버전 7까지" 요청하니 코드가 점점 이상해지더라고요 😅
결국 새 창에서 처음부터 다시 시도했고, 버전 5에서 성공했어요!
ChatGPT로 Canva AI의 코드 생성을 위한 프롬프트 작성 요청
한국 텍스트가있는 페이지의 스크린 샷
예시 단어 요청
한국어 앱의 스크린 샷
Canva AI의 코드 생성 요청
한글을 배우는 유아를 위한 한글 퀴즈를 만들어줘. 조건: - <예시>에 포함된 단어 - 예시 단어를 하나 선택해줘 - 이 단어를 완성하기 위한 자음-모음 선택 퀴즈를 만들어줘 - 순서는 왼쪽 글자부터 오른쪽 글자까지, 초성 → 중성 → 종성(있다면) 순서로 - 한글 음절을 구성하는 순서에 맞춰 보기 선택지를 제시해줘 - 최대 단어는 3글자까지 올 수 있어. - 글자를 선택할 때마다 지금까지 선택된 글자를 화면에 표시해줘 - 각 페이지는 다음과 같은 형태로 구성해줘: --- ### 📝 예시 단어: 사자 #### 1페이지 – 첫 번째 글자의 초성 선택하기 아래 보기 중에서 '사'의 초성을 골라보세요: [ㅅ] [ㅁ] [ㄱ] --- #### 2페이지 – 첫 번째 글자의 중성 선택하기 'ㅅ' 다음에 올 모음을 골라보세요: [ㅏ] [ㅣ] [ㅜ] [ㅔ] [ㅗ] --- #### 3페이지 – 두 번째 글자의 초성 선택하기 아래 보기 중에서 '자'의 초성을 골라보세요: [ㅈ] [ㄴ] [ㅎ] --- #### 4페이지 – 두 번째 글자의 중성 선택하기 'ㅈ' 다음에 올 모음을 골라보세요: [ㅏ] [ㅓ] [ㅡ] [ㅐ] --- ### 📌 마지막 페이지에는 완성된 단어(예: 사자)를 보여주고 축하 메시지를 포함시켜줘! --- <예시> 사자 호랑이
한국어 게임 - 스크린 샷
한국어 앱 스크린 샷
웹사이트에 게시
결과와 배운점
성공한 점
Canva AI로도 작동하는 웹 퀴즈 앱을 만들 수 있었어요! 🎉
아이가 태블릿으로 한글 퀴즈를 즐기며 한글에 더 흥미를 가졌어요.
시행착오
버전을 높게 요청할수록 오히려 비효율적인 코드가 나오는 경우가 있음
코드를 잘못 이해하거나 반복 구조에서 무한 루프 비슷한 패턴 발생
그럴 땐 처음부터 새롭게 요청하는 것이 더 낫다는 걸 알게 됐어요.
깨달음
일회성 앱, 프로토타입, 아이디어 실험에는 Canva AI 코드 생성도 충분히 훌륭하다!
도움 받은 글
https://www.gpters.org/nocode/post/create-english-word-quiz-HXk1QlNlnTih1YY
