기본과정 — 만들 수 있게 된다
업무를 자동화하고, 내 서비스를 배포까지 끌고 간다. 선수 조건 없음 · 10차시 × 3시간(이론 60 + 실습 120) · VS Code + Claude Code 확장.
바이브 코딩의 정의와 한계 · 도구 지형도 · 이 과정이 VS Code+Claude Code로 가는 이유
산출물 — 대화만으로 만든 자기소개 웹페이지
폴더·파일 구조 읽기 · 에디터 설치 · Git/GitHub · GitHub Pages로 즉시 배포
산출물 — 인터넷에 공개된 내 첫 페이지 URL
프롬프트 구성요소 · 반복 개선 · 프로젝트 규칙 파일 · AI가 헤맬 때 판단하기
산출물 — 프롬프트 비교 실험 노트 + 내 규칙 파일 초안
시트를 데이터베이스처럼 쓰기 · Apps Script · 자동 집계·리포트 · 시간 트리거 · 웹앱 배포
산출물 — 매주 자동 실행되는 업무 리포트 자동화
API 개념 · 요청/응답과 JSON · 키 발급과 보관 · 외부 API 연동 · 에러와 사용량 한도
산출물 — 외부 데이터를 끌어와 시트에 쌓는 연동
레이아웃·여백·정렬 · 타이포와 컬러 · 참고 사례 수집법 · AI에게 디자인 지시하기
산출물 — 같은 화면의 before/after 리디자인
요구사항 정리와 사용자 스토리 · Claude Code로 PRD 작성하기 · 화면 흐름 설계 · MVP 범위
산출물 — 한 페이지 PRD + 화면 흐름도
HTML/CSS/JS 역할 구분 · 반응형 · 컴포넌트로 생각하기 · 입력 폼과 유효성 검사
산출물 — 내 서비스의 동작하는 화면 2~3개
시트와 DB의 차이 · 테이블 설계 기초 · Supabase 연동과 CRUD · 회원가입/로그인 · 접근 권한
산출물 — 데이터가 저장되고 로그인이 되는 서비스
배포 방식 선택 기준 · 무료 배포 서비스 비교 · 환경변수와 비밀 관리 · 커스텀 도메인 · 점검 체크리스트
산출물 — 커스텀 도메인이 붙은 공개 서비스 + 발표