복잡한 과학 개념을 멋진 애니메이션으로 설명하는 웹사이트를 '바이브 코딩'으로 만들었어요
I vibe coded a website that explains complex science with cool animations
핵심 요약
Claude Code를 활용해 복잡한 과학 개념을 수준별로 설명하는 가벼운 웹사이트를 일주일 만에 개발했습니다.
- 수준별 과학 교육 — 12세, 18세, 대학 졸업생 수준으로 나누어 물리, 수학, 생물 개념을 설명함
- 바이브 코딩 활용 — Claude Code를 사용하여 일주일 만에 개발 완료함
- 가벼운 기술 스택 — 백엔드 없이 HTML, CSS, JS만 사용해 전체 용량이 2MB 미만임
- 지식의 대중화 — 복잡한 과학 지식을 누구나 이해하기 쉽게 시각화함
아이들이 이해할 수 있고, 과학 덕후인 저도 만족하며 계속 내용을 추가할 수 있는 무언가를 만들고 싶었습니다. 그래서 복잡한 물리학, 수학, 생물학 개념을 3단계 수준(12세, 18세, 대학 졸업생이 이해할 수 있는 수준)으로 설명하는 웹사이트를 만들었습니다.
일주일 정도 걸려서 만들었고 매일 새로운 주제를 추가하고 있습니다. 여러분 내면의 과학 덕후 본능을 자극했으면 좋겠네요! 피드백 환영합니다!
모든 작업에 Claude Code를 사용했습니다. 백엔드 없이 순수 HTML, CSS, JS로 구성된 아주 기본적인 스택입니다. 사이트 전체 용량이 2MB도 안 돼요!

