Mini Project 2
AI 활용 나만의 웹앱 제작
✦ MISSION
간단한 업무용 웹앱을 직접 만들어 보세요.
01
💡
웹앱 아이데이션
내 업무를 설명하고 아이디어를 구하기
02
⚙️
메타 프롬프트 활용 지침 작성
웹앱에 대한 지침 만들기
03
🛠️
웹앱 제작
코드 생성 및 실행하기1단계: 웹앱 아이데이션
내 업무를 설명하고 아이디어를 구하는 프롬프트입니다.
✍️ 웹앱 아이데이션 프롬프트
아래 지시 사항을 활용해 웹앱 아이디어를 얻습니다. (수정 가능)
2단계: 메타 프롬프트를 활용한 지침 작성
웹앱에 대한 지침을 설계하기 위한 프롬프트입니다.
✍️ 시스템 지침 설계 프롬프트
아래 지시 사항을 활용해 챗봇 작동 지침을 상세화합니다. (수정 가능)
3단계. 캔버스에서 웹앱 제작하기
구상한 지침을 활용하여 Gemini 등에서 동작하는 단일 파일 웹앱 코드를 요청하고 완성합니다.
📋 웹앱 제작 공통 가이드라인
Gemini에게 웹앱 제작을 요청할 때 함께 전달할 디자인 및 기능 조건 가이드라인입니다.