🌟 교육앱 만들기 소개
시도하고자 했던 것과 그 이유
안녕하세요! 전주비전대학교 미용건강학과 교수이자 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는 교수자의 아이디어를 현실로 만들어주는 도구입니다. 코딩을 몰라도 괜찮아요. 좋은 질문(프롬프트)만 할 줄 알면 됩니다!" — 이지영, 전주비전대학교 미용건강학과 교수
