초등 AI 코딩 수업 후기 - 캔바 AI로 웹페이지 만들기 (바이브코딩 특강/초3~중1)

• 특강명: 바이브코딩 캔바 AI 특강 – AI 캔바로 나만의 웹페이지 만들기
• 대상/난이도: 초등학생 3학년 ~ 중학교 1학년 권장
• 일정: 1/17(토)~ 1/18(일) 일일특강으로 진행
• 결과물: 클로드코드(Claude Code)와 캔바(Canva) AI를 활용하여 웹사이트 구현
• 특강 설명: 90분 안에 AI로 나만의 웹페이지를 만들고 친구들과 공유하며 발전시키는 초등 바이브코딩 수업
• 크리어랩 관련 수업: 상상 바이브코딩 with 캔바

이런 점이 궁금하시다면 읽어보세요

Q. AI로 웹페이지 만들기, 초등학교 저학년도 가능한가요?
Q. 바이브코딩도 코딩 아닌가요? 코딩 하나도 모르는데 할 수 있나요?
Q. 우리 아이는 완전 문과 타입인데 재미있게 할 수 있는 디지털 수업이 있나요?

특강 한눈에 보기

무엇을 만들었나요?

이번 바이브코딩 캔바 AI 특강에서는 그럴듯한 디자인을 만드는 데서 끝나지 않고, 아이들이 "웹사이트 형태의 인터랙션(게임, 테스트/퀴즈 등)"을 기획하고 구현하는 경험에 집중했습니다.

핵심은 현재 활발하게 쓰이고 있는 AI 도구(캔바, 클로드코드)를 활용해 실제 웹페이지처럼 구현해보는 흐름이었어요.

90분 수업 프로세스 (바이브코딩 X 캔바 AI)

(1) 프롬프트 연습: ‘내가 만들고 싶은 것’ 정하기

AI에게 물어보는 것에는 익숙하지만, 어떻게 물어봐야 내가 원하는 결과물이 나올까요?

좋은 프롬프트의 기준을 알고 내가 원하는 것을 논리적으로 정리할 수 있으면 수업에서 결과물을 바로 만들어낼 수 있게 됩니다.

(2) 캔바AI & 클로드코드 바이브코딩

아이들이 원하는 기능/흐름을 문장으로 정리하고, 이를 토대로 구조를 잡았습니다. 이 단계가 바이브코딩의 핵심이에요.

AI가 대신 “완성”하는 게 아니라, 아이가 무엇을 만들지 결정하고 AI는 구현 속도를 돕는 방식으로 진행했습니다.

(3) 결과물 공유하여 피드백 받고 내 웹페이지 수정하기

추가로 프롬프트를 작성하여 디자인, 문구, 선택지 등을 바꾸는 과정이 숙제가 아니라 자기주도학습으로서

내 결과물을 더 좋게 만드는 편집 작업으로 받아들여졌던 점이 인상적이었어요.

바이브코딩 웹페이지 갤러리

이번 특강에 참여한 친구들이 만든 결과물은 생각보다 너무나 다양해서 우리 아이들의 관심사와 상상력을 확인할 수 있는 시간이었습니다.

• 게임형 웹페이지

(초4) 야생 생존 게임

(초4) 나만의 애완동물 키우기

• 테스트/퀴즈형 웹페이지

(초5) 몬스터 맞추기 퀴즈

(중1) 서바이벌 OX 게임

• 소개/콘텐츠형 웹페이지

운영진 say "왜 아이들이 적극적으로 참여하나요?"

•  완성 결과물이 90분 안에 눈에 보이기 때문에 성취감을 느낍니다.
• AI를 ‘나 대신’이 아니라 ‘도구’로 쓰는 경험이 어떤 건지 체감하게 됩니다.
• 만들고 끝이 아니라, 수정·개선하고 싶은 욕구가 생겨 스스로 복습하게 됩니다.
• 결과물이 남아 다음 프로젝트/포트폴리오로 확장하기 쉬워요.

특강 한 번 들으면, 그 다음에는?

특강 이후 “다음엔 여러 레벨을 만들어보고 싶어요”, “다른 주제도 가능할까요?” 같은 질문이 자연스럽게 나왔습니다.
이 경험을 확장하고 포트폴리오 누적까지 하고 싶다면, 크리어랩의 인문융합 커리큘럼을 추천드려요.

• 다음 단계 수업 보기: 상상 바이브코딩 with 캔바

FAQ (자주 묻는 질문)

Q1. 초등학교 저학년도 캔바 AI로 웹페이지 만들기가 가능한가요?

네 가능합니다. 이번 특강은 초3~중1 난이도로 구성했지만 초2 학생도 참여하여 스스로 주제를 정하고 90분 특강 내 결과 공유까지 완료했습니다. 다만 14세 미만은 학부모님 계정이 필요합니다.

​

Q2. 바이브코딩은 코딩을 많이 해야 하나요?

바이브코딩은 직접 코드를 짤 때 필요한 구조나 문법을 잘 모르는 비전공자도 할 수 있는 코딩 방식입니다. 이미 AI가 코딩을 대신 해주는 세상에서는 내가 만들고 싶은 기능을 문장으로 구조화하고, AI 도구를 활용해 구현해보는 경험이 중요합니다.

​

Q3. 특강 이후 이어서 들을 수 있는 수업은 무엇인가요?

인문융합 클래스인 상상 바이브코딩 with 캔바에서 확장 프로젝트로 이어갈 수 있습니다.

크리어랩 수업은 기초 컴퓨팅사고력을 다진 후 이공융합, 인문융합 과정으로 나눠 진로탐색이 가능합니다. 크리어랩에서 바이브코딩 외에도 다양한 인문 디지털 소양을 길러보세요.

​

Q4. 바이브코딩도 체험수업을 할 수 있나요?

네 가능합니다. 1회에 한해 80% 할인된 가격(1만 원)으로 체험하실 수 있어요.

• 체험수업 신청하기: https://crealab.dolphinedu.io/purchase/product