바이브코딩으로 첫 30일을 어떻게 보내야 할지 막막한 분들을 위한 일별 계획표.
Week 1: 환경 + 첫 페이지 (Day 1–7)
- Day 1: Cursor 또는 VS Code 설치, GitHub 가입, 첫 repo 만들기
- Day 2: “Hello, 내 이름” 페이지 만들기 — HTML 한 파일
- Day 3: CSS로 색·폰트·여백 추가 — AI에게 “예쁘게 만들어줘” 시키기
- Day 4: JavaScript 버튼 — 클릭 시 텍스트 바뀜
- Day 5: Git commit 5회, 첫 push
- Day 6: GitHub Pages로 배포 — 실제 URL 받기
- Day 7: 친구 3명에게 URL 보내기
Week 2: 데이터 + 폼 (Day 8–14)
로컬 스토리지에 메모를 저장하는 작은 메모장 앱을 만듭니다. fetch API로 외부 API 한 개 호출(예: 날씨). 폼 입력 받기, 검증, 표시. 모든 코드를 AI에게 받되, 받은 다음 한 줄씩 주석 추가 요청.
Week 3: 워드프레스 시작 (Day 15–21)
로컬 또는 호스팅에 워드프레스 설치. 테마 고르기, 글 3편 쓰기, 도메인 연결. RankMath SEO 플러그인 설정. “AI에게 글 5편 초안 받아 직접 수정”이 핵심 연습입니다.
Week 4: 첫 도구 (Day 22–30)
본인이 매주 쓰는 작은 도구 한 개를 만들어 배포. 예: 가계부, 운동 기록, 식단 메모. 워드프레스 플러그인 or 독립 사이트로 30일째에 친구 5명 초대. 친구 1명이 “이거 진짜 쓸 만해”라고 하면 Week 5–8 계획을 시작합니다.
30일 후 평가: HTML/CSS/JS 기초 ✓, Git workflow ✓, WP 설치 ✓, 첫 도구 배포 ✓. 학원 3개월 코스 압축 완료.