바이브 코딩 입문
37 / 51
목차 ☰
7장 웹의 3요소: HTML·CSS·JS
7-1 웹페이지는 무엇으로 이루어지나
7-2 HTML — 웹의 뼈대
7-3 CSS — 웹의 옷
7-4 JavaScript — 웹의 근육
← 이전
Loop: AI가 스스로 도는 자율 루프
다음 →
웹페이지는 무엇으로 이루어지나
×
목차
인사말
1장 기초부터 시작하는 AI 코딩
1-1
바이브 코딩(Vibe Coding)?
1-2
AI를 이해하기
1-3
바둑으로 보는 AI의 진화
1-4
여러분은 오케스트라의 지휘자입니다
2장 개발 환경 준비
2-1
오리엔테이션
2-2
Windows 개발 환경 구성
2-3
Node.js 설치
2-4
Firebase Tools 설치
2-5
gcloud CLI 설치
3장 서비스 가입과 AI 편집기
3-1
개발 및 배포를 위한 사이트 가입
3-2
각 서비스 실제 가입 및 설정 하기
3-3
AI 편집기 설치
3-4
AI 편집기 설치 및 둘러보기
4장 Git · GitHub
4-1
Git이란 무엇인가?
4-2
Git Bash 프로그램 설치
4-3
GitHub CLI 설치
4-4
GitHub CLI 설정
4-5
Git 브랜치와 협업 흐름
5장 바이브 코딩 시작
5-1
바이브 코딩의 시작: 폴더 구조
5-2
바이브 코딩을 위한 프롬프트
5-3
실제 개발 / 다듬기 / 배포
6장 바이브 코딩의 기술
6-1
Rules: AI에게 프로젝트 규칙 심기
6-2
Spec: 무엇을 만들지 먼저 정의한다
6-3
Design: 어떻게 만들지 먼저 설계한다
6-4
구현: Spec → Design → 구현 반복 루프
6-5
Skills: 반복을 기술로 만들기
6-6
Agent: 일을 쪼개 위임하기
6-7
하네스: AI가 실제로 일하는 작업 틀
6-8
Loop: AI가 스스로 도는 자율 루프
7장 웹의 3요소: HTML·CSS·JS
7-1
웹페이지는 무엇으로 이루어지나
7-2
HTML — 웹의 뼈대
7-3
CSS — 웹의 옷
7-4
JavaScript — 웹의 근육
8장 앱의 구조: 프론트엔드·백엔드·API
8-1
프론트엔드 — 사용자가 보는 곳
8-2
백엔드 — 뒤에서 일하는 곳
8-3
데이터베이스 — 정보를 저장하고 꺼내는 곳
8-4
API — 둘을 잇는 다리
8-5
전체 그림 — 요청부터 응답까지
부록
부록 1: CLI와 바이브 코딩
A-1
CLI란 무엇이고, 왜 바이브 코딩에 중요한가
A-2
실전: 자주 쓰는 CLI 명령어
부록 2: Claude Code
A-1
Claude Code 설치와 사용법