목차

1. 1장 위니브 서비스 소개

   • 1.1 위니브 서비스 소개

2. 2장 들어가며

   • 2.1 대상 독자와 읽는 방법
   • 2.2 클로드 코드 도입기
   • 2.3 바이브 코딩이란
   • 2.4 무엇을 왜 배워야 하는가
   • 2.5 바이브 코딩에 대한 오해

3. 3장 바이브 코딩 세팅 및 실행

   • 3.1 바이브 코딩 체험하기
   • 3.2 Claude와 Claude Code 소개
   • 3.3 바이브 코딩 프로세스
   • 3.4 실습 환경 준비
   • 3.5 Gemini CLI와 Codex
   • 3.6 바이브 코딩 실습
   • 3.7 기본 슬래시 명령어
   • 3.8 단축키 및 모드 활용
   • 3.9 자주 쓰는 보조 기능
   • 3.10 Claude MCP
   • 3.11 Claude Skills
   • 3.12 Claude Agent
   • 3.13 효율적인 작업 방법

4. 4장 프롬프트, 컨텍스트, 하네스

   • 4.1 프롬프트 엔지니어링
   • 4.2 컨텍스트 엔지니어링
   • 4.3 하네스 엔지니어링

5. 5장 바이브 코딩을 위한 GitHub

   • 5.1 GitHub Pages 활용하여 배포하기
   • 5.2 GitHub Pages 배포 가능 서비스
   • 5.3 GitHub Pages로 동적 서비스 구현
   • 5.4 배포 기초 지식
   • 5.5 커스텀 도메인 연결 상세

6. 6장 바이브 코딩을 위한 디자인

   • 6.1 바이브 코딩을 위한 디자인
   • 6.2 UIUX 디자인이란
   • 6.3 디알못이라면 이것만 지키세요
   • 6.4 디자인 적용을 위한 가장 쉬운 방법
   • 6.5 디자인 시스템 활용하기
   • 6.6 피그마 MCP 활용하기
   • 6.7 weniv canvas 활용하기
   • 6.8 AI에게 정확하게 말하는 법
   • 6.9 레퍼런스 분석 노하우
   • 6.10 [부록] 웹 앱 레퍼런스 참고 사이트 정리
   • 6.11 [부록] 생성형 AI 활용 브랜드 디자인

7. 7장 바이브 코딩을 위한 터미널

   • 7.1 터미널 기초 이해
   • 7.2 필수 터미널 명령어

8. 8장 바이브 코딩을 위한 프론트엔드

   • 8.1 HTML/CSS/JavaScript
   • 8.2 프론트엔드 기술 선택 가이드
   • 8.3 AI에게 필요한 프론트엔드 키워드
   • 8.4 크롬 개발자 도구

9. 9장 바이브 코딩을 위한 백엔드

   • 9.1 백엔드 언어와 생태계
   • 9.2 Full Stack AI 툴 등장
   • 9.3 URL 설계
   • 9.4 DB 설계
   • 9.5 명세서 작성
   • 9.6 비개발자의 백엔드 배포

10. 10장 요구사항 명세서

    • 10.1 왜 요구사항 명세서가 필요한가
    • 10.2 요구사항 명세
    • 10.3 서비스 기획
    • 10.4 AI 시대의 요구사항 명세

11. 11장 부록

    • 11.1 클로드 코드의 웹 버전
    • 11.2 Claude 크롬 익스텐션
    • 11.3 Claude Code 창시자의 사용법