소개
시도하고자 했던 것과 그 이유를 알려주세요.
안녕하세요! 김포에서 20년 경력의 토탈뷰티를 운영하고 있는 원장 김은영입니다. 😊
저는 오랜 시간 미용 전 종목의 실무를 섭렵하였습니다.
동료 원장님들이 교육 콘텐츠를 만드는 데 겪는 어려움을 누구보다 잘 알기에,
AI를 활용해 교육의 체계화를 돕고 나만의 맞춤형 콘텐츠를 누구나 쉽고 빠르게 만드는 모델을
직접 증명해 보이고 싶어 이번 21기 도전하게 되었습니다.
진행 방법
1. 사용한 도구
안티그래비티(Antigravity): 교육용 앱을 실제로 구현하고 구동하는 핵심 도구로 사용
제미나이(Gemini) : 프롬프트 생성 및 문제 해결 파트너
2. 실습 프롬프트
1. 역할: 너는 교육 공학 전문가이자 구글 기술에 정통한 시니어 웹 프론트엔드 개발자야.
2.작업: 우리의 강사인 '[김은영]' 님의 강의에 쓰일 "제미나이 마스터 실습 웹앱"을 만들어줘.
3.형식: HTML, CSS, Javascript가 모두 포함된 '단일 HTML 파일' 코드로 작성해줘.
<필수 조건 및 디자인 가이드>
1. 화면 디자인: 구글의 4가지 시그니처 색상(Blue, Red, Yellow, Green)을 포인트로 활용하고, 반짝이고 투명한 유리 질감(Glassmorphism) 트렌디한 디자인으로 설계해줘.
2. 기능 탭: [개념 정리], [활용 사례], [프롬프트 실습], [미니 빙고 퀴즈] 4가지 메뉴 탭을 만들어줘.
3. 텍스트 요소: 화면 헤더와 하단 푸터에 항상 "Designed for students by [김은영]" 이라는 문구가 명확하게 나타나게 해줘.
4. 프롬프트 실습 탭: 역할, 작업, 형식을 입력하면 하단에 결과가 실시간으로 조합되며, '복사하기' 버튼이 작동해야 해."
5. 애니메이션: 탭을 전환하거나 버튼에 마우스를 올리면 부드러운 애니메이션이 있고, 퀴즈 정답을 맞추면 폭죽(canvas-confetti)이 터지게 해줘.
6. 환경: 외부 라이브러리는 Tailwind CSS와 Lucide Icons를 CDN 링크로 포함해야 해.
💬 첫 완성의 아쉬움: 처음에는 교수님이 주신 기본 프롬프트로 완성해 보았습니다.
하지만 뭔가 아쉽기도 했고 이왕 실습하는 것을 내가 하고 싶은것으로 해보고 싶어졌어요.
역할(Role): 현직 20년 차 뷰티 원장이 완성한, 매출 터지는 마케팅 & AI 무인화 시스템
작업(Task): 멋진 강의안 만들자(세련되고 미래적이면서 미용전문가 답고 감각적이면서 팡팡 튀는 스타일로 해줘
형식(Format): html
교수님의 과제
제미나이(Gemini)에게 html파일을 다른 사람에게 공유하고 싶은데 어떻게 하면 좋을까? 나는 윈도우를 사용하고 있고 공유하는 것은 무료로 이용할 수 있는 것이였으면 좋겠어. 그리고 카톡으로도 할 수 있는 방법을 알려줘.
💬 알려준데로 진행하니 패스워드 넣으라는 창이 뜸
링크 클릭하니 패스워드 넣으라고 하는데?
배운점&나만의 꿀팁
1️⃣ 구글 자격증 도전
이번에 구글 교육 센터를 통해 자격증 시스템이 있다는 걸 처음 알게 되었어요. 복잡해 보이는 접수 과정을 하나하나 설명해 주신 덕분에 초등학생이 따라 하듯 쉽게 시작할 수 있어 정말 좋았습니다.
너무 감사하게도 바우처를 제공해 주신다고 하셨는데, 아직받지 못해 실제 시험 접수까지는 마무리하지 못했어요.
2️⃣ 안티그래비티로 나만의 교육 앱 만들기
이어서 '안티그래비티'를 이용해 교육용 앱을 만드는 실습을 해봤습니다. 처음부터 업그레이드 때문에 따라가기 힘들었지만 끝까지 포기하지 않고, 메모해둔것과 제미나이에게 질문해가면서 제가 진짜 만들고 싶은 내용으로 바꿔서 완성해 보았습니다.
3️⃣ 나만의 꿀팁
저는 완전 초보자라 꿀팁은 없지만, 늦더라도 영문 버전에서 번역기를 돌려가며 익숙해지려 노력했습니다.
교수님이 주신 프롬프트에서 더 연습해보고자 제 사업 내용으로 변경해 보았어요.
앞으로의 계획
성취: 자격증 1급 및 2급 동시 취득
도전: 20년 실무 노하우를 담은 '교육 및 상담 앱' 자체 제작
포부: AI 기술을 배워 앞서가는 미래형 뷰티 사업가 되기
