Show HN: Zap Code – 아이들이 실제 HTML/CSS/JS를 배우는 AI 코드 생성기

평범한 영어로 꿈꾸는 앱이나 게임을 설명해 보세요. AI가 HTML, CSS, JavaScript 코드를 작성하고 즉시 작동하는 미리보기를 보여줍니다.

비주얼 수정부터 시작하거나, 실제 코드를 들여다보거나, 바로 편집에 몰입할 수 있습니다. 사용자의 실력에 맞춰 성장하는 세 가지 모드가 제공됩니다.

만든 작품을 프로젝트 갤러리에 게시하세요. 다른 아이들의 게임을 플레이하고, 앱을 리믹스하며, 실제 프로젝트 포트폴리오를 구축할 수 있습니다.

설명만 입력하면 작동하는 앱이 완성됩니다. 정말 그렇게 간단합니다.

"내가 피자 조각이고 외계 버거에 페퍼로니를 쏘는 스페이스 인베이더 게임을 만들어줘"

당신의 게임이 플레이할 준비가 되었습니다!

Zap Code로 만든 실제 프로젝트들입니다. 하나를 클릭해 플레이한 다음, 자신만의 것을 시작해 보세요.

원하는 것을 자신의 말로 입력하세요. 스페이스 인베이더 게임, 퀴즈 앱, 그리기 도구 등 상상할 수 있는 모든 것이 가능합니다.

AI가 실제 HTML, CSS, JavaScript를 생성합니다. 설정이나 다운로드 없이 바로 라이브 미리보기에서 작동하는 앱을 볼 수 있습니다.

색상과 레이아웃은 시각적으로 수정하고, 학습을 위해 코드를 들여다보거나, 직접 편집할 수 있습니다. 얼마나 깊이 들어갈지는 사용자가 통제합니다.

"저의 10살짜리 아이가 5분 만에 작동하는 계산기 앱을 만들었어요. 벌써부터 스스로 코드와 HTML을 들여다보며 배우고 있어요."

10세 자녀 부모

"블록 코딩보다 훨씬 좋아요. 실제 코드를 볼 수 있고 거기서 배울 수 있어요. 퀴즈 게임을 만들었는데 친구들이 매일 플레이해요."

학생, 만 13세

"부모 대시보드가 마음의 평화를 줘요. 아이들이 무엇을 만들고 얼마나 많은 시간을 보내는지 안전한 환경에서 볼 수 있어요."

두 자녀 부모 (만 9세 & 만 12세)

Zap Code는 8~16세 아동을 위해 제작되었습니다. 세 가지 학습 모드(Visual, Peek, Edit)는 다양한 실력 수준에 맞춰 조정되므로, 어린 아이들은 시각적 수정으로 머무를 수 있고, 나이가 많은 아이들은 실제 코드를 편집할 수 있습니다.

전혀 그렇지 않습니다. 아이들이 평범한 영어로 원하는 것을 설명하면 AI가 코드 생성을 처리합니다. 점진적인 복잡성 엔진(progressive complexity engine)을 통해 스스로의 속도로 실제 코딩 개념을 배울 수 있게 합니다.

웹 앱(Web apps), 게임, 인터랙티브 스토리, 퀴즈, 계산기, 아트 도구, 할 일 목록 등 무엇이든 가능합니다. 설명할 수 있다면 만들 수 있습니다. 모든 프로젝트는 실제 HTML, CSS, 그리고 JavaScript를 생성합니다.

네. Zap Code에는 활동을 모니터링하는 부모 대시보드가 포함되어 있으며, 갤러리에 공유되는 모든 프로젝트는 관리됩니다. 광고도 없고, 추적(tracking)도 없으며, 제3자에게 데이터가 판매되지 않습니다.

Zap Code는 실제 HTML, CSS, 그리고 JavaScript를 생성합니다. 이는 인터넷의 모든 웹사이트를 구축하는 데 사용되는 것과 동일한 언어입니다. 이들은 평생 지속되는 전이 가능한 기술입니다.

네! 모든 프로젝트는 다른 아이들이 플레이하고, 소스 코드를 보고, 자신만의 버전으로 리믹스(remix)할 수 있는 갤러리에 게시될 수 있습니다. 이는 창작을 중심으로 구축된 커뮤니티입니다.

Zap Code는 시작하는 데 비용이 들지 않습니다. 가입하여 첫 번째 프로젝트를 설명하고, 몇 초 만에 그것이 살아나는 것을 확인해 보세요.