AI로 수업을 혁신하다
구미 코딩 모임과 함께하는 AI 제작 도구 활용 가이드
2025. 11. 11(화) 선주고
발표자: 최현민
오늘 배우는 도구들은 내일 수업에서 바로 사용할 수 있습니다
미션: 함께 배우고, 함께 성장합니다!
웹사이트: https://gumicoding.co.kr/
구미 지역 SW 교육 활성화
교사들을 위한 AI/코딩 교육 공동체
AI/코딩 교육 전문가 양성
✓
✓
✓
구미 코딩 모임을 소개합니다
AI 제작 도구 (Lovable.dev, Grok AI) 이해하기
수업 자료 제작 및 학습 아이디어 얻기
실생활에 즉시 활용 가능한 팁 얻어가기
✓
✓
✓
오늘의 목표
시대의 변화: 4차 산업혁명 시대, AI는 필수 역량
교사의 역할 변화: 단순 지식 전달을 넘어 창의적 학습 지원자로
교육 격차 해소: AI 도구로 맞춤형 교육 가능성 증대
효율성 증대: 교사의 업무 부담 경감, 수업의 질 향상
미래 교육의 핵심: 학생들의 AI 활용 능력 배양
✓
✓
✓
✓
✓
왜 지금 AI 제작 도구인가?
Part 1: Grok AI 이미지 생성
높은 유연성: 세부적인 묘사까지 반영하여 정교한 이미지 생성
무한한 창의성: 상상 속 이미지를 현실로 구현
빠른 생성 속도: 몇 초 만에 고품질 이미지 완성
사용자 친화적 인터페이스: 누구나 쉽게 사용 가능
다국어 지원: 다양한 언어로 프롬프트 작성 가능
✓
✓
✓
✓
✓
Grok AI의 강력한 특징
개념 시각화: 추상적인 개념을 구체적인 이미지로 표현
동기 유발: 흥미로운 그림으로 학생들의 학습 참여 유도
문화 및 역사: 시대별 의상, 건축물 등 생생한 자료 제작
언어 학습: 단어 카드, 스토리텔링 이미지 생성
예시: 과학 현상, 역사적 인물, 문학 작품 배경 그림 등
✓
✓
✓
✓
✓
교육 활용 ① 학습 자료의 혁신
프롬프트 작성 연습: 이미지를 상상하고 정확하게 묘사하는 능력 향상
스토리텔링: 생성된 이미지를 활용하여 이야기 만들기
비판적 사고: 이미지의 의미를 분석하고 해석하는 활동
어휘력 확장: 다양한 어휘를 사용하여 이미지 설명
활동 예시: '이 그림에 어울리는 이야기를 만들어보세요'
✓
✓
✓
✓
✓
교육 활용 ② 언어와 창의적 사고 훈련
Grok AI 과목별 예시
예시:
중국 문화 이미지: 전통 의상, 건축물, 음식 등
단어 그림 카드: 단어에 해당하는 구체적인 이미지 생성
상황별 회화 배경: 식당, 시장 등 다양한 장소 이미지
✓
✓
✓
중국어 수업 - Grok AI 활용
예시:
참고 자료 생성: 다양한 스타일의 이미지, 오브젝트, 풍경
아이디어 스케치: 추상적인 컨셉을 시각적으로 구현
가상 전시회 배경: 특정 시대나 분위기의 배경 이미지
✓
✓
✓
미술 수업 - Grok AI 활용
예시:
일본 풍경 이미지: 후지산, 벚꽃, 도시 풍경 등
일본 전통 물품: 기모노, 다도 도구, 사무라이 갑옷 등
만화/애니메이션 스타일 캐릭터: 학습 내용과 관련된 캐릭터 생성
✓
✓
✓
일본어 수업 - Grok AI 활용
예시:
문학 작품 삽화: 소설 속 등장인물, 배경 묘사
시각적 비유 표현: 추상적인 비유를 그림으로 구현
역사적 사건 이미지: 고전 문학 배경 시대의 모습 재현
✓
✓
✓
국어 수업 - Grok AI 활용
예시:
수학 개념 시각화: 피타고라스 정리, 미적분 개념 이미지
문제 상황 설정: 스토리텔링 문제에 맞는 그림 배경
도형 및 패턴: 복잡한 도형 또는 아름다운 기하학적 패턴 생성
✓
✓
✓
수학 수업 - Grok AI 활용
예시:
지구 내부 구조: 맨틀, 외핵, 내핵 시각화
자연 현상: 화산 폭발, 지진, 태풍 등 다이내믹한 이미지
우주 행성: 태양계 행성, 은하계, 블랙홀 등 신비로운 이미지
✓
✓
✓
지구과학 수업 - Grok AI 활용
실습
예시)
결과
Part 2: Lovable.dev
코드 없는 앱 개발: 아이디어를 코딩 없이 웹/앱으로 구현
직관적인 인터페이스: 드래그 앤 드롭 방식으로 누구나 쉽게 사용 가능
교육에 최적화: 학생들의 창의적 문제 해결 능력 향상 지원
다양한 템플릿 제공: 교육 현장에 바로 적용 가능한 예시 풍부
✓
✓
✓
✓
Lovable.dev란?
단계 1: 아이디어 구체화
어떤 앱을 만들고 싶은지 명확하게 정의
단계 2: Lovable.dev 구현
단계 3: 테스트 및 배포
만든 앱을 바로 확인하고 공유
핵심
복잡한 코딩 지식 없이도 실제 작동하는 결과물 제작 가능
아이디어가 코드가 되는 순간
학생 주도 학습: 학생들이 직접 프로젝트 아이디어를 구상하고 구현
문제 해결 능력: 실제 문제에 대한 앱 솔루션 개발
협업 및 소통: 팀 프로젝트를 통해 협력 학습 촉진
창의성 발현: 자신만의 독특한 아이디어를 앱으로 표현
예시: 학교 안내 앱, 환경 보호 캠페인 앱, 학습 도우미 앱 등
✓
✓
✓
✓
✓
교육 활용 ① 프로젝트 기반 학습
교사용 도구 제작: 출결 관리, 과제 제출, 퀴즈 앱 등
학습 자료 디지털화: 상호작용 가능한 전자 교과서, 참고 자료 앱
피드백 및 평가: 학생들의 학습 진행 상황을 실시간으로 확인
학부모 소통: 학부모 대상 정보 공유 앱 제작
장점: 교사의 업무 부담 경감, 학생들의 학습 참여도 증진
✓
✓
✓
✓
✓
교육 활용 ② 교실 내 효율성 증대
Lovable.dev 과목별 예시
https://lovable.dev/
예시:
단어 학습 앱: 그림과 함께 단어, 병음, 성조 학습
회화 연습 앱: 시나리오 기반 대화 연습, 녹음 기능
문화 탐방 앱: 중국 문화 요소 소개, 퀴즈
✓
✓
✓
중국어 수업 - Lovable.dev 활용
예시:
디지털 갤러리 앱: 학생 작품 전시, 작품 설명 추가
색채 이론 학습 앱: 색상 혼합 시뮬레이션, 색채 조화 연습
미술사 연대표 앱: 주요 미술 사조와 작품 시각화
✓
✓
✓
미술 수업 - Lovable.dev 활용
예시:
히라가나/가타카나 연습 앱: 쓰기 순서, 발음 학습
일본 문화 체험 앱: 일본 여행 정보, 예절 소개
애니메이션 대본 학습 앱: 대본과 음성, 번역 제공
✓
✓
✓
일본어 수업 - Lovable.dev 활용
예시:
어휘력 증진 앱: 속담, 사자성어 퀴즈 및 뜻풀이
작문 도우미 앱: 글쓰기 가이드, 예시 문장 제공
문학 작품 분석 앱: 등장인물 관계도, 주요 장면 해설
✓
✓
✓
국어 수업 - Lovable.dev 활용
예시:
개념 시각화 앱: 도형 변화, 함수 그래프 동적 구현
문제 풀이 연습 앱: 단계별 해설 제공, 오답 노트 기능
수학 게임 앱: 숫자 게임, 연산 훈련 게임
✓
✓
✓
수학 수업 - Lovable.dev 활용
예시:
천체 관측 앱: 별자리 정보, 행성 위치 시뮬레이션
지형 변화 시뮬레이션 앱: 지진, 화산 활동 가상 체험
기상 관측 앱: 날씨 데이터 시각화, 기후 변화 예측
✓
✓
✓
지구과학 수업 - Lovable.dev 활용
실습
예시)
결과
마무리
구체적이고 명확하게: 원하는 것을 상세하게 설명
키워드 활용: 핵심 단어와 형용사를 사용하여 특징 강조
스타일 지정: (예: 수채화, 유화, 3D 렌더링, 사진)
부정적인 요소 제거: '~없는' 대신 '오직 ~만'으로 표현
반복적인 실험: 다양한 시도를 통해 최적의 결과 도출
예시: "맑은 날 에펠탑 앞에 앉아 있는 행복한 고양이, 인상주의 화풍"
✓
✓
✓
✓
✓
✓
프롬프트 작성 팁
Lovable.dev
코딩 없이 아이디어를 현실로! 프로젝트 기반 학습 및 교실 효율성을 증대시킵니다.
Grok AI
텍스트로 이미지 생성! 학습 자료를 혁신하고 학생들의 언어 및 창의적 사고를 훈련합니다.
핵심 정리
단계 1: 작은 아이디어부터 시작
부담 없이 시도해 볼 작은 프로젝트나 자료 선정
단계 2: 커뮤니티 활용
구미 코딩 모임 등 동료 교사들과 정보 공유 및 협력
단계 3: 학생들과 함께 탐험
학생들이 직접 AI 도구를 사용하여 창작하는 경험 제공
시작하기 - 3단계 실행 계획
감사합니다
궁금한 점은 언제든지 질문해주세요.
구미 코딩 모임: 함께 성장할 여러분을 환영합니다!
웹사이트: https://gumicoding.co.kr/ |
이메일: chharry@gmail.com
https://teachfind.com/wp-content/uploads/2025/05/k12-teacher-collaboration-network.jpeg
Source: teachfind.com
https://beithoven.com/wp-content/uploads/2023/06/smart-board-for-classroom.jpg
Source: beithoven.com
https://easy-peasy.ai/cdn-cgi/image/quality=95,format=auto,width=800/https://media.easy-peasy.ai/27feb2bb-aeb4-4a83-9fb6-8f3f2a15885e/2cc85c22-da1d-43d7-b6b7-127a3030ff9f.png
Source: easy-peasy.ai
https://storage.googleapis.com/gpt-engineer-screenshots/id-preview-09541d7f--d1bfc780-3459-43b8-96d5-698c368cea77.lovable.app-1743408983309.png
Source: lovable.dev
https://www.eschoolnews.com/files/2024/09/Why-is-Technology-Important-in-Teaching-and-Learning.jpeg
Source: www.eschoolnews.com
https://images.squarespace-cdn.com/content/v1/67e347cfbe1c3a0e4ef03de5/dd0d4107-ba17-49ce-9e39-1825a377c306/PQG_Photoshoot+-+40.jpg
Source: www.pointquestgroup.com
Image Sources
https://s.cafebazaar.ir/images/upload/screenshot/com.chineseskill.flashcard-b339bade-148e-40e3-bc3d-27005245ec8a.png?x-img=v1/resize,h_600,lossless_false/optimize
Source: cafebazaar.ir
https://alicjaprints.com/wp-content/uploads/2022/06/Screenshot-2022-06-20-at-23.20.06-1024x536.png
Source: alicjaprints.com
https://play-lh.googleusercontent.com/LyQSfU66tFGd43NvYGVT16xqs7wPjhWgO53JWF65iKknk84Td5eHp2ZS227kK3wzFyo=w526-h296-rw
Source: play.google.com
https://play-lh.googleusercontent.com/6fNVg3rLeKnhcFfabf72ivi_h4i7O6FjZdqS9BQtsrPtz0Teu8mtA95G9r-nl98m1A7P_qxMRBOGkBJJiLcr=w526-h296-rw
Source: play.google.com
https://preview.redd.it/jj6j1lhxjpa61.jpg?width=640&crop=smart&auto=webp&s=0981b78265b6e2fecc1acbb174c6cfa009d094fb
Source: www.reddit.com
https://c02.purpledshub.com/uploads/sites/48/2022/04/Astronomy-app-celestron-skyportal-02f9e1c.jpg?webp=1&w=1200
Source: www.skyatnightmagazine.com
Image Sources
https://cdn.zbaseglobal.com/saasbox/resources/png/ai-flowchart-generator-en__812e65187a5c5e4ba08b8d58494b4724.png
Source: notegpt.io
https://img.freepik.com/premium-photo/colorful-collage-people-with-different-hair-colors-styles-all-smiling_1203126-11572.jpg
Source: www.freepik.com
https://cdn.prod.website-files.com/646c996dece104b42843d191/664e013403f56cd14ca9e89d_2024-05-22%2017.28.48.jpg
Source: www.historica.org
https://media.istockphoto.com/id/1448476152/photo/group-of-students-high-school-pupils-gather-in-college-cafeteria-discuss-topics-work-together.jpg?s=612x612&w=0&k=20&c=8grCQpjc8inanqFGgk-iHzwhaFAYoORBrnyqss8VM5s=
Source: www.istockphoto.com
https://img.freepik.com/premium-photo/great-wall-china-china-digital-art-style-painting-horizontal-side-view-skyline_743201-1584.jpg
Source: www.freepik.com
https://img.freepik.com/premium-photo/surrealist-masterpiece-style-salvador-dali_1115315-2817.jpg
Source: www.freepik.com
Image Sources
https://img.freepik.com/premium-photo/cherry-blossoms-spring-kyoto-japan_961875-201731.jpg
Source: www.freepik.com
https://preview.redd.it/please-help-me-with-prompt-to-get-old-style-image-ie-before-v0-zkgk94dhtlre1.jpeg?width=1080&crop=smart&auto=webp&s=33bd3035a31cb530e7b4340f890e84794c7dd64d
Source: www.reddit.com
https://img.freepik.com/premium-photo/intricate-geometric-fractals-abstract-digital-symmetry-complex-mathematical-patterns_251136-125576.jpg
Source: www.freepik.com
https://img.freepik.com/premium-photo/realistic-planet-mars-space_992999-20046.jpg
Source: www.freepik.com
https://letsenhance.io/blog/content/images/2024/08/ai-image-prompt-keyword-vs-natural2.jpg
Source: letsenhance.io
https://images.stockcake.com/public/a/f/d/afdbc1ea-a991-4b0f-ada8-c27ce61d686d_large/robot-teaches-children-stockcake.jpg
Source: stockcake.com
Image Sources