10분 바이브 코딩 | 렌더링 계산기 만들고 GitHub 배포까지

안녕하세요, 판다유니버스입니다.

Gemini AI와 GitHub로 렌더링 시간 계산기를 만들고 무료 배포하는 방법을 소개합니다. 코딩 경험 없이도 10분이면 충분합니다.

 

---

 

🛠️ 준비물

• GitHub 계정 (무료)
• Gemini AI 접속 (무료)

 

---

 

📝 만드는 방법

1. Gemini AI로 코드 생성

Gemini AI에 접속해서 요청합니다:

렌더링 시간 계산기를 HTML로 만들어줘

생성된 코드를 복사합니다.

2. GitHub 레포지토리 생성

1. GitHub 로그인
2. New repository 클릭
3. 이름 입력 후 Create repository
4. creating a new file 클릭
5. 파일명: index.html
6. 코드 붙여넣기 후 Commit new file

 

3. GitHub Pages 배포

1. Settings → Pages 클릭
2. Branch: main 선택
3. Save 클릭
4. 3~5분 후 배포 완료!

 

---

 

✅ 완성 프로젝트

이 방법으로 만든 제 프로젝트들입니다:

• 렌더링 계산기: https://pandauniverse-art.github.io/timer/
• 포트폴리오: https://pandauniverse-art.github.io/portfolio/
• 링크 큐레이션: https://pandauniverse-art.github.io/link-curation-site/

 

---

 

🎬 영상으로 보기

[YouTube 영상 링크]

https://youtu.be/JFKpb6tSMMQ

 

---

 

마치며

AI와 GitHub를 활용하면 누구나 웹 도구를 만들 수 있습니다. 궁금한 점은 댓글로 남겨주세요!