학원 홈페이지 만들기, Claude Code로 14분 만에 인터넷에 올리기 | 출결·숙제 관리 화면까지

학원 랜딩페이지, 코딩을 몰라도 만들어서 인터넷에 올릴 수 있을까요? 조립 설명서(쿡북) 하나를 따라 여섯 단계(노드)를 차례로 지나가면, 학원 정보를 모아 스토리텔링 랜딩페이지를 짓고 원장 관리 화면까지 붙여 웹에 배포합니다. 중간에 막혔던 순간(크레딧이 떨어짐 · 승인 버튼이 잠김)과 그때 돌아간 길도 그대로 보여 드려요. 📦 랜딩페이지 쿡북 내려받기: https://blog.naver.com/the_maker_0710... ⏱ 목차 00:00 인트로 · 점을 선으로 01:00 쿡북과 노드 지도 02:34 준비물 04:47 Collect · 모으기 06:23 Design · 디자인 07:08 Message · 글 채우기 07:41 Build · 짓기 09:10 Database · 관리 화면 12:30 Deploy · 올리기 14:57 정리 · 그래프적 사고 🧩 한 줄 정리 · Collect — 학원 정보를 모은다 · Design — 디자인 규칙과 애니메이션 · Message — 스토리텔링으로 칸마다 글을 채운다 · Build — 클로드 코드가 코드를 짠다 · Database — 로그인과 원장 관리 화면 (Supabase) · Deploy — 인터넷에 홈페이지를 올린다 (Vercel) · 노드를 엣지로 이어 차례로 거치면, 결과를 일관성 있게 얻는다 다음 편: 학원 학습관리 앱 만들기(예정) #바이브코딩 #클로드코드 #학원홈페이지