캔바 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