어사이드 프롬프트 (첨부링크 참조)
지금 이 브라우저에는 내 GitHub만 로그인돼 있어. 내 첫 웹앱을 만들어서 인터넷에 배포하고 싶어.
만들 것: 아무거나 만들어줘
순서대로 해 줘.
1) Vercel(vercel.com/signup)과 Supabase(supabase.com/dashboard/sign-up)에 'Continue with GitHub'로 가입해 줘. 이미 가입돼 있으면 넘어가. 요금제는 무료(Vercel Hobby, Supabase Free)만 골라.
2) GitHub에 my-first-app 공개 저장소를 만들어 줘. 같은 이름이 있으면 뒤에 숫자를 붙여.
3) 위 웹앱을 index.html 파일 하나로 만들어 그 저장소에 올려 줘. HTML, CSS, JavaScript를 한 파일에 넣고, 휴대폰과 교실 화면에서도 보기 좋게, 화면 글자는 한국어로 해 줘. 올린 뒤 GitHub에서 코드가 깨지지 않았는지 확인해 줘.
4) 학생 이름·연락처·성적 같은 개인정보는 코드에 넣지 마. 이름이 필요하면 화면에서 그때그때 입력하게 하고, 입력한 내용은 다른 곳으로 보내지 마.
5) vercel.com/new 에서 그 저장소를 Import하고 Deploy해 줘. GitHub 연결 권한을 고르는 화면이 나오면 my-first-app 저장소만 고르게 해 줘.
6) 배포된 주소(https://….vercel.app)를 직접 열어서 화면이 제대로 나오는지 확인하고, 주소를 알려 줘.
지킬 것
- GitHub·Vercel·Supabase의 권한 승인(Authorize·Install) 화면에서는 멈추고 나에게 확인받아.
- 카드 입력, 결제, 유료 요금제 화면이 나오면 바로 멈춰.
- 비밀번호나 인증 코드가 필요하면 멈추고 나에게 물어봐.
- 내 다른 계정이나 다른 사이트는 쓰지 마.
EDULAB / COMMUNITY
질문과 댓글
댓글을 불러오는 중…