Google Gemini로 웹사이트, 게임 및 교육 자료를 무료로 만들기 (코딩 없이)
Source: Dev.to
Overview
저는 팟캐스트 인터뷰를 마치고 집에 돌아왔는데 남편이 “데비, 나 세 개의 웹사이트를 만들었어.”라고 말했어요. 저는 충격을 받았죠—그는 기술 분야에 종사하지도 않고, 공공 부문에서 일하며 컴퓨터를 거의 사용하지 않거든요. 그런데 10분짜리 영상을 본 뒤 10분 만에 세 개의 사이트를 만들었습니다. 비결은? gemini.google.com이라는 무료 도구로, 코드를 전혀 작성하지 않고도 누구나 웹사이트, 게임, 교육 자료를 만들 수 있습니다.
Building Websites
- Gemini에 접속합니다 gemini.google.com.
- Canvas 옵션을 선택합니다.
- 빠른 모델(fast model)을 선택합니다(짧은 프로젝트에 적합).
그 다음 “create a circus website”처럼 간단한 프롬프트를 입력하면 Gemini가 즉시 전체 사이트를 생성합니다. 이후 텍스트를 편집하고, 주소를 추가하고, YouTube 링크를 삽입하고, 필요에 따라 반복해서 수정할 수 있습니다.
Sharing & Collaboration
- Share 버튼을 사용해 링크를 복사하거나 다른 곳에 임베드합니다.
- 이전 버전을 열어 시간 흐름에 따른 변화를 확인합니다.
- 코딩을 할 줄 안다면, 생성된 코드를 직접 들여다보고 수정할 수 있습니다.
Building Games
Example: Batman Game for Toddlers
Prompt: build a Batman game for toddlers
Gemini가 전체 코드를 출력하고, 배트맨이 별을 모으는 프리뷰를 보여줍니다. 할 수 있는 작업:
- 사운드 효과 추가(예: “can you add sound?”) – Gemini가 명랑한 핑 소리를 삽입합니다.
- 프리뷰의 특정 영역을 선택하고 박스를 드래그한 뒤 “can you add the person’s name here?”와 같이 구체적인 변화를 요청합니다.
여러 캔버스를 동시에 실행할 수 있습니다—배트맨 게임이 생성되는 동안 새로운 캔버스를 열어 서커스 웹사이트를 만들 수 있죠.
Learning Games
Prompt: create a number learning game for toddlers
Result: “Number Fun”이라는 버블 팝 게임이 생성됩니다. 이 게임은:
- 음성으로 지시를 읽어줍니다.
- 아이가 1, 2, 3, 4… 순서대로 버블을 터뜨리도록 안내합니다.
- 아이템을 세고 사운드를 켜고 끄는 홈 버튼을 포함합니다.
예전엔 이런 인터랙티브 학습 도구를 만들려면 수 시간이 걸렸지만, 이제는 한 번의 프롬프트만으로 바로 나타납니다.
Teaching Resources
전직 학교 교사였던 저는 자료 준비에 수많은 시간을 투자했습니다. 이제 Gemini를 사용하면 다음을 손쉽게 생성할 수 있습니다:
- 숫자 학습을 위한 인터랙티브 게임.
- Gemini AI 기능을 추가해 읽어주는 스토리북.
모두 최소한의 노력과 코딩 없이 가능합니다.
Limitations
- 원클릭 “배포” 버튼은 없습니다. 링크를 공유하는 것이 일종의 배포 역할을 하지만 전통적인 호스팅 사이트는 아닙니다.
- 무료 티어는 연속 사용 시 사용량 제한이 있을 수 있으며, 더 높은 한도가 필요하면 업그레이드가 가능합니다.
Getting Started
- **gemini.google.com**에 방문합니다.
- Canvas를 선택하고 빠른 모델을 고릅니다.
- 명확하고 간결한 프롬프트를 입력합니다(예: “create a website for a circus act” 또는 “build a Batman game for toddlers”).
- 후속 질문을 하거나 영역을 드래그해 선택하고, 생성된 코드를 편집하며 반복합니다.
기술 장벽이 사라졌습니다—상상의 한계만이 남았습니다. 즐겁게 만들어 보세요!