출판사
에이콘
에이콘출판 · 30 Day Voyage
바이브코딩 항해일지
30일 동안 만드는
AI 시대의 개발 습관
Cursor와 Claude를 길잡이 삼아, 매일 하나씩 진짜 동작하는 앱을 만듭니다. 랜딩 페이지부터 AI Agent까지 — 30일의 항해가 끝나면 당신은 이미 개발자입니다.
Book Overview
책 소개
한눈에 보는 『바이브코딩 항해일지』
저자
동준상
분량
약 400페이지
난이도
입문 ~ 중급
실습
0개 프로젝트
Why This Book
왜 이 책인가?
AI 시대, 개발을 배우는 가장 빠른 길
AI 시대 개발법
코드를 외우는 시대는 끝났습니다. AI와 협업하며 문제를 해결하는 새로운 개발 방식을 익힙니다.
Cursor 활용
AI 코드 에디터 Cursor를 200% 활용해, 입문자도 빠르게 결과물을 만들어 냅니다.
Claude 활용
강력한 LLM Claude로 설계, 디버깅, 리팩터링까지. 든든한 페어 프로그래머와 함께합니다.
실전 프로젝트
이론이 아닌 실전. 30개의 진짜 동작하는 앱을 손으로 직접 만들며 배웁니다.
Learning Journey
학습 로드맵
30일, 한 걸음씩 성장하는 항해 코스
-
DAY 1
Landing Page
HTML/CSS/JS 기초로 첫 웹페이지를 완성합니다.
-
DAY 5
API
외부 API를 연동하고 비동기 데이터를 다룹니다.
-
DAY 10
React
컴포넌트 기반 모던 프론트엔드 개발에 입문합니다.
-
DAY 20
AI Agent
RAG, MCP를 활용한 AI 에이전트를 직접 구축합니다.
-
DAY 30
Deployment
완성한 앱을 세상에 배포하며 항해를 마칩니다.
Sample Apps
책에서 만드는 프로젝트
실제로 손에 잡히는 결과물, 30개
GitHub Resources
GitHub 리소스
책과 함께 보는 살아있는 자료들
책 소개
블로그에서 책의 상세 소개와 목차를 확인하세요.
블로그 바로가기
GitHub 저장소
30개 프로젝트의 전체 소스 코드를 모았습니다.
Source Code
완성 앱
Day 1 랜딩 페이지 예제를 라이브로 체험해 보세요.
Live DemoBook Contents
목차 소개
클릭해서 각 파트의 내용을 펼쳐 보세요
- DAY 1–3 · Cursor & Claude 환경 설정
- DAY 4–6 · HTML / CSS / JavaScript 기초
- DAY 7–9 · 반응형 랜딩 페이지 완성
- DAY 10–14 · API 연동과 비동기 프로그래밍
- DAY 15–18 · React로 만드는 SPA
- DAY 19–20 · 상태 관리와 컴포넌트 설계
- DAY 21–25 · RAG & MCP 기반 AI 에이전트
- DAY 26–28 · 자율 AI Agent 구축
- DAY 29–30 · 배포와 운영, 그리고 다음 항해
Author
저자 소개
