AI·AX 교육 사례 아카이브홈페이지로 돌아가기 ↗
Integrated Learning Project / 3D English

3D로 배우는
생활 영어

3D 장면을 탐색하며 단어와 문장을 익히고, 음성으로 듣고 말하며, 학습 기록과 복습까지 이어지는 영어 학습 프로젝트입니다. 기존 앱과 강의·고도화 자료를 이제 하나의 페이지에서 확인할 수 있습니다.

3D 공간에서 생활 영어를 학습하는 영어 학습앱 대표 이미지
3D 장면 탐험 · 단어 카드 · 문장 학습 · 음성 재생 · 모바일 학습
3D 장면 탐험 → 단어 카드 → 음성 재생 → 스마트폰 사용 흐름 데모
English Explorer 3D 생활영어 학습앱 소개 포스터
English Explorer 소개 포스터 · 영어를 외우지 말고 공간에서 경험하세요.
English Explorer 제품 소개 영상 A · 3D 공간에서 배우는 생활 영어
English Explorer 제품 소개 애니메이션 GIF
제품 소개 GIF · 웹에서 바로 보는 학습앱 흐름
One Project / Four Branches

하나의 영어 학습앱에서
네 가지 학습 경로로

01 / APP EXPERIENCE

3D 장면을 직접 탐험하는 기본 앱

교실·공항·카페·체크인 카운터를 탐색하며 생활 단어와 문장을 듣고, 문장 모드와 학습 기록을 경험합니다. 로그인 없이도 브라우저에서 먼저 체험할 수 있습니다.

4개3D SCENES
35개WORDS & SENTENCES
영어 학습앱의 3D 장면과 학습 카드 미리보기
02 / 8-SESSION COURSE

처음 만드는 수강생을 위한 기본 강의안

필수 사이트 계정 생성, AI와 함께 웹앱 구축, 웹 호스팅·온라인 배포, 클라우드 DB 연동, TTS API, 스마트폰 홈 화면 설치까지 단계별로 따라 합니다.

8차시STEP-BY-STEP
100명ONLINE LEARNING
AI와 함께 영어 학습 웹앱을 구축하는 강의 챕터 이미지
03 / UPGRADED APP

로그인과 개인화 복습을 더한 고도화 앱

Supabase 이메일 매직 링크와 Google 로그인, 익명 기록 병합, 사용자별 RLS, 적응형 복습, 회상 퀴즈, PWA 오프라인 기반, 접근성, 말하기 연습을 별도 고도화 모듈로 제공합니다.

AuthMAGIC LINK · GOOGLE
PWASYNC · OFFLINE
Supabase 클라우드 DB와 학습 기록을 연결하는 챕터 이미지
04 / ADVANCED COURSE

고도화 기능만 따로 배우는 추가 강의안

기존 기본 강의와 중복되지 않도록 인증·동기화·적응형 복습·퀴즈·PWA·접근성·음성 인식 구현을 8차시 실습으로 분리했습니다. 기본 앱을 만든 뒤 확장할 때 사용합니다.

8차시ADVANCED PRACTICE
HTMLFOLLOW-ALONG MANUAL
PWA와 스마트폰 홈 화면 설치를 안내하는 고도화 챕터 이미지
계정 생성 챕터CH 01필수 계정 생성
온라인 배포 챕터CH 03웹 호스팅·배포
음성 API 챕터CH 05TTS·음성 학습
완성 결과 챕터CH 08완성·공유
CASE STUDY / FROM EXPLORATION TO PRACTICE

하나의 앱으로
학습과 제작을 연결합니다

학습자는 결과물을 사용하고, 수강생은 같은 결과물을 직접 만들며, 고도화 과정에서는 인증·복습·PWA까지 확장합니다.