본문으로 건너뛰기
프롤로그
1장. 바이브 코딩은 무엇인가

이 책은 코드를 오래 공부한 뒤에야 무언가를 만들 수 있다고 믿어 온 사람을 위한 책입니다.

개발 비전공자, 기획자, 1인 창업가, 학생, 직장인이라도 괜찮습니다.

중요한 것은 문법을 완벽히 아는 것이 아니라, AI와 함께 실제로 작동하는 서비스를 끝까지 완성해 보는 경험입니다.

읽기 시작

목차

총 55개의 챕터
  1. 1장. 바이브 코딩은 무엇인가
  1. 2장. 웹 서비스는 어떻게 동작하는가
  2. 3장. 프론트엔드와 백엔드는 무엇이 다른가
  3. 4장. 데이터베이스는 왜 필요한가
  4. 5장. AI는 개발을 어떻게 도와주는가
  5. 6장. 이 책에서 만들 풀스택 서비스 미리 보기
  6. 7장. 아이디어를 한 줄 서비스로 정리하기
  7. 8장. 누구를 위한 서비스인지 정하기
  8. 9장. 만들 기능과 화면 정리하기 (PRD 기초)
  9. 10장. 사용자 흐름 그려보기
  10. 11장. 데이터를 쉬운 말로 설계하기
  11. 12장. AI에게 잘 시키는 요구사항 작성법
  12. 13장. 개발 환경 준비하기
  13. 14장. 프로젝트 생성과 폴더 구조 이해하기
  14. 15장. Git과 GitHub 처음 이해하기
  15. 16장. 저장과 커밋: 작업을 안전하게 남기는 법
  16. 17장. 브랜치와 PR: 망치지 않고 고치는 법
  17. 18. [3부] AI와 협업할 때 꼭 지켜야 할 작업 습관
  18. 19장. Claude Code 시작하기
  19. 20장. Codex 시작하기
  20. 21장. 파일을 맡기고 결과를 검토하는 법
  21. 22장. 한 번에 시키지 않고 잘게 나누어 시키는 법
  22. 23장. 에러가 나도 당황하지 않는 대화법
  23. 24장. 첫 화면 만들기
  24. 25장. 컴포넌트로 화면 나누기
  25. 26장. 입력 폼과 버튼 만들기
  26. 27장. 목록 화면과 상세 화면 만들기
  27. 28장. 검색과 정렬 붙이기
  28. 29장. 보기 좋고 쓰기 쉬운 UI 다듬기
  29. 30장. 모바일에서도 잘 보이게 만들기
  30. 31. [6부] 서버는 어떤 일을 하는가
  31. 32장. 데이터 저장하고 불러오기
  32. 33장. 회원가입과 로그인 붙이기
  33. 34장. 글 작성, 수정, 삭제 기능 만들기
  34. 35장. 권한 처리: 내 데이터와 남의 데이터 구분하기
  35. 36장. 파일 업로드와 외부 서비스 연결하기
  36. 37장. 화면과 서버를 연결하는 흐름 이해하기
  37. 38장. 로딩, 실패, 빈 화면 처리하기
  38. 39장. 실제 사용자처럼 전체 흐름 점검하기
  39. 40장. 자주 생기는 버그 고치기
  40. 41장. Claude Code로 기능 확장하기
  41. 42장. Codex로 코드 리뷰 받기
  42. 43. [8부] 테스트를 쉽게 이해하고 적용하기
  43. 44장. 리팩터링: 되는 코드를 읽히는 코드로 바꾸기
  44. 45장. AI가 만든 코드를 어디까지 믿어야 하는가
  45. 46장. 환경변수와 보안의 기본
  46. 47장. 인터넷에 서비스 배포하기
  47. 48장. 도메인 연결과 공개 확인하기
  48. 49. [9부] 로그와 장애 대응의 기초
  49. 50. [9부] 비용을 아끼며 운영하는 법
  50. 51장. 사용자 피드백 받기
  51. 52장. 관리자 기능 붙이기
  52. 53장. 결제나 구독 기능 맛보기
  53. 54장. AI 기능 하나 추가해보기
  54. 55장. 첫 서비스를 다음 서비스의 발판으로 만들기

책 소개

이 책은 코드를 오래 공부한 뒤에야 무언가를 만들 수 있다고 믿어 온 사람을 위한 책입니다. 개발 비전공자, 기획자, 1인 창업가, 학생, 직장인이라도 괜찮습니다. 중요한 것은 문법을 완벽히 아는 것이 아니라, AI와 함께 실제로 작동하는 서비스를 끝까지 완성해 보는 경험입니다. 이 책은 바로 그 경험을 가장 현실적인 순서로 안내합니다.

독자는 이 책을 따라가며 웹 서비스의 큰 그림을 먼저 이해하고, 아이디어를 작은 서비스 기획으로 정리한 뒤, Git과 GitHub로 작업을 안전하게 관리하고, Claude Code와 Codex를 활용해 화면과 서버, 데이터베이스, 인증, CRUD, 배포까지 차근차근 연결하게 됩니다. 단순히 코드를 복사해 붙여 넣는 것이 아니라, 왜 이 흐름이 필요한지, 어디를 AI에게 맡기고 어디를 직접 판단해야 하는지까지 함께 배우게 됩니다.

이 책의 가장 큰 장점은 프론트엔드, 백엔드, 데이터베이스, 배포를 따로따로 흩어 놓지 않는다는 점입니다. 하나의 작은 풀스택 웹 서비스를 실제로 만들어 가면서 전체 구조를 자연스럽게 익히게 해 줍니다. 그래서 책을 덮을 때쯤이면 독자는 단지 "예제를 따라 한 사람"이 아니라, 자신의 서비스가 어떻게 움직이는지 설명할 수 있는 사람에 더 가까워집니다.

만약 지금 당신이 "나도 진짜 서비스를 하나 만들 수 있을까?"라는 질문 앞에서 망설이고 있다면, 이 책은 그 망설임을 첫 실행 화면으로, 첫 저장 성공으로, 첫 배포 경험으로 바꿔 줄 것입니다. 이제 1장부터, 코드를 몰라도 시작할 수 있지만 이해하며 완성하는 개발 방식을 함께 시작해 봅시다.

공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기
틸노트 사업자 정보
틸노트 | 사업자등록번호: 147-10-02214 | 통신판매업: 2022-서울중랑-1696 | 대표: 문지학 | 개인정보책임자: 문지학
이메일: [email protected] | 전화: 0507-0178-0131
주소: 서울특별시 중랑구 양원역로 92, 104동 702호
틸노트가 직접 판매하는 서비스 외에 크리에이터가 판매하는 경우 틸노트는 통신판매중개자이며, 통신판매의 당사자가 아닙니다. 상품, 상품정보, 거래에 관한 의무와 책임은 거래 당사자 각자에게 있습니다.
본 서비스는 생성형 AI 기술을 활용합니다.
바이브 코딩으로 완성하는 첫 풀스택 웹 서비스
바이브 코딩으로 완성하는 첫 풀스택 웹 서비스
무료 공개
읽기 시작하기