🌟 교육앱 만들기 소개
시도하고자 했던 것과 그 이유
안녕하세요! 전주비전대학교 미용건강학과 교수이자 GPTers 스터디장 이지영입니다 😊
저는 현재 메이크업, 패션 코디네이션, 뷰티 크리에이터, AI 디지털융합기술 등 다양한 교과목을 가르치고 있어요. 수업마다 학생들이 "교수님, 이 내용 언제든지 다시 볼 수 있는 앱 같은 게 있으면 좋겠어요!" 라고 말할 때마다 마음속에 담아두었던 숙제가 하나 있었습니다.
바로 나만의 교육 콘텐츠를 담은 앱을 직접 만드는 것이었어요.
구글 공인 이노베이터이자 트레이너로서 디지털 도구를 수업에 적극 활용해왔지만, '앱 개발'은 늘 코딩을 모르면 불가능하다는 생각에 막혀 있었습니다. 그런데 AI 시대가 열리면서 노코드(No-Code) + AI 프롬프트 조합으로 교육자도 앱을 만들 수 있다는 걸 알게 되었고, GPTers 21기 첫 스터디 주제로 이것보다 더 완벽한 주제는 없다고 생각했습니다!
제가 만들고자 한 앱: 뷰티 전공 학생들을 위한 "퍼스널컬러 진단 + 메이크업 코디 가이드 앱"
퍼스널컬러 자가진단 기능
계절 타입별 메이크업 컬러 추천
코디네이션 팁 콘텐츠 제공
학생 포트폴리오 제출 연동
🛠️ 교육앱 개발 진행 방법
사용한 도구
💬 사용한 프롬프트 전문
[기획 단계 프롬프트]
당신은 교육 앱 기획 전문가입니다.
나는 대학교 뷰티학과 교수이며, 학생들을 위한 교육용 앱을 처음 만들려고 합니다.
앱 주제: 퍼스널컬러 진단 및 메이크업 코디 가이드
대상: 뷰티 전공 대학생 (20대 초반)
목적: 수업 보조 자료 + 자기주도 학습 지원
다음을 단계별로 알려주세요:
1. 교육앱에 꼭 필요한 핵심 기능 5가지
2. 노코드 도구(Glide, Adalo, Bubble 중)로 구현 가능한 기능과 한계
3. 퍼스널컬러 진단 콘텐츠를 Google Sheets로 구조화하는 방법
4. 초보 교수자도 1주일 안에 완성할 수 있는 개발 로드맵
각 항목을 표와 예시를 포함해서 설명해주세요.[콘텐츠 구조화 프롬프트]
퍼스널컬러 4계절 타입(봄웜, 여름쿨, 가을웜, 겨울쿨)에 맞는
메이크업 추천 콘텐츠를 Google Sheets에 입력할 수 있도록
다음 형식으로 만들어줘:
컬럼: 타입명 / 피부톤 특징 / 추천 파운데이션 색상 /
추천 립 컬러 / 추천 아이섀도 / 피해야 할 컬러 /
대표 연예인 예시
각 타입별로 3줄씩, 총 12행 데이터를 CSV 형태로 작성해줘.
나는 여름쿨 타입이니 이 부분을 특히 상세하게 작성해줘.[Glide 앱 구성 프롬프트]
Glide 노코드 앱 제작 초보자를 위해
퍼스널컬러 진단 교육앱의 화면 구성을 알려줘.
필요한 화면 목록과 각 화면에서 Glide의 어떤 컴포넌트를
사용해야 하는지 단계별로 설명해줘.
특히 아래 기능을 포함해줘:
- 자가진단 퀴즈 (Choice 컴포넌트 활용)
- 결과 화면 (조건부 표시)
- 컬러 팔레트 이미지 갤러리
- 학생 제출용 폼📸 진행 화면 예시 (캡처 설명)
[홈 화면]
- 상단: 앱 타이틀 "나의 퍼스널컬러 찾기"
- 중앙: 4계절 타입 카드 이미지
- 하단: "진단 시작하기" 버튼
[진단 퀴즈 화면]
- 피부톤, 눈동자 색, 혈관 색 등 7문항
- 문항당 이미지 보기 제공
[결과 화면]
- 타입 발표 + 컬러 팔레트
- 메이크업 추천 리스트
- 저장 및 공유 버튼💡 결과와 배운 점
✅ 배운 점 & 나만의 꿀팁
기획이 90%다! 앱을 만들기 전에 Claude나 ChatGPT에게 "교육 앱 기획서 작성"을 먼저 시키면 방향이 훨씬 명확해져요. 저는 프롬프트 하나로 기획서 초안을 20분 만에 완성했어요.
Google Sheets = 데이터베이스 코딩 없이도 Glide가 구글 시트를 데이터베이스로 읽어요. 교수자에게 가장 익숙한 도구가 백엔드가 된다는 게 정말 혁명적이었습니다!
퍼스널컬러 콘텐츠 입력 시 AI 활용: 콘텐츠 12행을 손으로 치면 2시간인데, 프롬프트 하나로 3분이면 완성돼요. 교수자의 시간을 AI가 아껴줍니다.
학생 반응이 제일 중요한 지표! 시범 운영 후 학생들이 "교수님 이거 친구한테 보내도 돼요?" 라고 물어보면 성공한 앱입니다 😄
⚠️ 시행착오
Glide 무료 버전의 행 제한(500행) 에 걸려서 콘텐츠 축소 필요 → 핵심 데이터만 선별하는 기획 수정 과정을 거쳤어요
퀴즈 결과 → 타입 자동 연결 로직이 처음엔 헷갈렸는데, Claude에게 "Glide에서 조건부 필터링 구현 방법" 을 물어보니 바로 해결됐어요!
이미지 용량 최적화를 미리 안 해서 앱이 느려지는 문제 발생 → Canva에서 저용량 PNG로 미리 변환 필수!
🙋 도움이 필요한 부분
Glide에서 학생별 로그인 + 개인 결과 저장 구현 방법 아시는 분 계신가요?
교육기관 무료 플랜 확장 방법이나 대안 노코드 도구 추천도 환영합니다!
🚀 앞으로의 계획
이번 학기 내 "뷰티 포트폴리오 제출 앱" 으로 기능 확장
전주패션협회 한지패션쇼 아카이브 앱 제작 (K-Culture 홍보용)
GPTers 21기 스터디원들과 각자의 전공 특화 교육앱 공유 & 피드백 진행 예정
완성된 앱을 타 대학 교수님들과 공유하여 디지털 교육 혁신 사례 확산
📚 도움 받은 글 (옵션)
GPTers 커뮤니티 내 노코드 앱 제작 관련 이전 기수 사례글
Google for Education - 교육용 앱 설계 가이드
Claude.ai 활용한 프롬프트 엔지니어링 실습 (GPTers 14~19기 스터디 내용 참고)
💬 "AI는 교수자의 아이디어를 현실로 만들어주는 도구입니다. 코딩을 몰라도 괜찮아요. 좋은 질문(프롬프트)만 할 줄 알면 됩니다!" — 이지영, 전주비전대학교 미용건강학과 교수
