홈앤서비스 SK BROADBAND

코딩을 몰라도, ‘바이브’만으로 소프트웨어를 만드는 시대!
클로드 코드로 시작하는 AI 개발 워크플로의 모든 것

지금은 AI 에이전트와 대화하며 소프트웨어를 만드는 ‘바이브 코딩’의 시대입니다. 이 책은 이 거대한 흐름 속에서 가장 강력한 도구로 떠오른 앤트로픽의 ‘클로드 코드’를 기초부터 심화까지 완벽하게 다룬 실전 지침서입니다.

이 책은 단순히 명령어 나열이나 기능 소개에 그치지 않습니다. 1분 만에 만드는 자기소개 페이지에서 출발해 포트폴리오 사이트와 토큰 계산기를 직접 만들고, 풀스택 웹 서비스의 설계·구현·배포까지 이어지는 전 과정을 한 권에 밀도 있게 담았습니다. 더 나아가 에이전트 스킬, 서브에이전트, 훅, 플러그인 같은 고급 기능을 활용해 자신만의 독창적인 AI 개발 워크플로를 구축하는 방법까지 친절하게 안내합니다.

· 01장: AI와 개발 패러다임의 변화
1.1 _ AI가 가져온 개발 생태계 변화
__1.1.1 _ 기술 혁명이 빚어낸 개발자 생태계의 진화
__1.1.2 _ AI 시대, 개발자가 맞이할 새로운 기회
__1.1.3 _ AI를 활용한 ‘에이전틱 코딩’ 시대의 도래
1.2 _ AI 코딩 도구의 기본 개념
1.3 _ AI 코딩 도구 분류와 비교
__1.3.1 _ LLM 시대 AI 코딩 도구의 등장과 역할 확장
1.4 _ AI 코딩 도구의 구체적인 유형과 특징 비교
__1.4.1 _ 대화형 어시스턴트
__1.4.2 _ 웹사이트/앱 빌더
__1.4.3 _ IDE 통합형 AI 코딩 도구
__1.4.4 _ 에이전트형 AI 코딩 도구
1.5 _ 나에게 맞는 코딩 도구 선택하기
__1.5.1 _ 도구 선택을 위한 세 가지 핵심 질문
__1.5.2 _ 상황별 최적의 AI 코딩 도구 추천 가이드
__1.5.3 _ 유연성을 고려한 도구 선택 및 이 책의 중점

· 02장: 클로드 코드 기초
2.1 _ 맛보기 실습: 1분 만에 자기소개 웹페이지 만들기
2.2 _ 클로드 코드 소개
__2.2.1 _ 클로드 코드란?
__2.2.2 _ CLI에 대하여
__2.2.3 _ 클로드 코드가 CLI를 채택한 이유
__2.2.4 _ 바이브 코딩 철학
2.3 _ 클로드 코드의 장단점 분석
__2.3.1 _ 클로드 코드의 장점
__2.3.2 _ 클로드 코드의 한계점과 고려 사항
2.4 _ 필수 준비 사항과 시스템 요구사항
__2.4.1 _ 최적의 클로드 코드 사용을 위한 시스템 사양
__2.4.2 _ 필수 소프트웨어
__2.4.3 _ 서비스 이용 가능 지역 확인
2.5 _ 클로드 코드 요금제와 회원 가입 절차
__2.5.1 _ 클로드 회원 가입 절차
__2.5.2 _ 요금제 구성과 선택
__2.5.3 _ 각 요금제별 주요 사용 시나리오
2.6 _ 클로드 코드 사용을 위한 터미널 기초 사용법
__2.6.1 _ 터미널 실행 방법
__2.6.2 _ 터미널 핵심 명령어
2.7 _ 클로드 코드 설치 및 로그인
__2.7.1 _ 설치 전 필수 준비 사항
__2.7.2 _ 네이티브 앱 설치
__2.7.3 _ 클로드 코드 로그인 및 인증
__2.7.4 _ 앤트로픽 콘솔 API 키를 이용한 인증(선불 결제)
2.8 _ IDE에 클로드 코드 플러그인 설치
__2.8.1 _ VS Code에 클로드 플러그인 설치
__2.8.2 _ IntelliJ IDEA에 클로드 플러그인 설치
2.9 _ 클로드 코드의 기본 사용법
__2.9.1 _ 클로드 코드 실행 방식
__2.9.2 _ 클로드 코드 중단 및 종료하기
__2.9.3 _ 클로드 코드에 요청하기(프롬프트 입력)
__2.9.4 _ 변경 사항에 대한 승인 절차
__2.9.5 _ 프로젝트 초기화: /init 명령어
__2.9.6 _ 작업 취소와 모델 변경: /rewind와 /model 명령어
__2.9.7 _ 효율적인 요청(프롬프트) 작성 팁

· 03장: 바이브 코딩 기초
3.1 _ 바이브 코딩이란?
__3.1.1 _ 바이브 코딩의 탄생
__3.1.2 _ 바이브 코딩: 개발 패러다임의 혁신과 현실적인 접근
__3.1.3 _ 현재의 바이브 코딩: AI와의 고차원적 협업
3.2 _ ‘느낌’을 구체적인 코드로 바꾸는 기술
3.3 _ AI 코딩 에이전트를 활용할 수 있는 영역
3.4 _ 바이브 코딩 실습 1 - 개발자 포트폴리오 사이트 제작
__3.4.1 _ 작업 공간 설정 및 클로드 코드 실행
__3.4.2 _ 개발자 포트폴리오 사이트 만들기
__3.4.3 _ 프로젝트 메모리 파일 생성 - CLAUDE.md
3.5 _ 오류 수정
__3.5.1 _ 오류 코드 생성 및 Live Server 준비
__3.5.2 _ 오류 발생 및 개발자 콘솔 로그 확인
__3.5.3 _ 바이브 코딩의 핵심 역량: 멀티모달 이해
__3.5.4 _ 오류 수정을 요청하는 방법 - 스크린숏 활용(멀티모달)
__3.5.5 _ 오류 수정을 요청하는 방법 - 프롬프트 활용(텍스트)
3.6 _ 효과적인 프롬프트 작성 방법
__3.6.1 _ 프롬프트의 종류
__3.6.2 _ 명확성을 높이는 프롬프트 작성 방법
__3.6.3 _ 제약 조건 부여
3.7 _ 바이브 코딩 실습 2 - 토큰 계산기 제작
__3.7.1 _ 토큰 계산기 PRD 작성과 고도화
__3.7.2 _ 프로젝트 생성과 에이전트 실행
__3.7.3 _ 컨텍스트 제공의 중요성: PRD의 가치

· 04장: 클로드 코드 고급 활용법
4.1 _ 네 가지 핵심 모드와 실행 옵션
__4.1.1 _ 실행 모드
__4.1.2 _ 제약 없는 개발을 위한 완전 자동화 옵션
__4.1.3 _ 클로드 코드 명령어와 필수 규칙
__4.1.4 _ 이미지와 소스코드를 첨부하고 참조하기
__4.1.5 _ 클로드 코드에서 셸 스크립트 사용하기
4.2 _ 에이전트 스킬
__4.2.1 _ 사용자 정의 슬래시 명령어
__4.2.2 _ 에이전트 스킬
__4.2.3 _ 스킬 제작 실습
__4.2.4 _ 성능을 극대화하는 스킬 지침 작성법
__4.2.5 _ 팀 협업을 위한 스킬 워크플로
4.3 _ 서브에이전트
__4.3.1 _ 서브에이전트란?
__4.3.2 _ 서브에이전트 생성하기
__4.3.3 _ 서브에이전트 실행 방법
__4.3.4 _ 서브에이전트 사용 시 주의 사항
4.4 _ 훅
__4.4.1 _ 클로드 코드 훅의 개념과 활용 가치
__4.4.2 _ 주요 훅 이벤트와 흐름 이해하기
__4.4.3 _ 훅 설정하기
__4.4.4 _ 실전 예제: 작업 완료 시 음성 알림 설정하기
__4.4.5 _ 훅의 활용과 주의할 점
4.5 _ MCP(Model Context Protocol)
__4.5.1 _ AI를 위한 범용 커넥터
__4.5.2 _ MCP의 아키텍처
__4.5.3 _ 통신 방식에 따른 MCP 유형
__4.5.4 _ MCP 서버 설치 및 설정
__4.5.5 _ MCP 서버 상태 점검 및 테스트
__4.5.6 _ 실전 MCP 예제
4.6 _ 플러그인
__4.6.1 _ 플러그인 구축하기
__4.6.2 _ 플러그인 제작 실습
__4.6.3 _ 마켓플레이스를 통한 플러그인 확장
__4.6.4 _ 마켓플레이스 등록과 플러그인 탐색
__4.6.5 _ 코드 인텔리전스의 완성, LSP 플러그인

· 05장: AI 에이전트 기반의 풀스택 개발 워크플로
5.1 _ 클로드 코드를 활용한 프로젝트 설계
__5.1.1 _ 핵심 가치를 담은 기획서 작성하기
__5.1.2 _ 설계 문서의 자동화와 보존
__5.1.3 _ 지속적인 소통과 UX의 완성
5.2 _ 환경 세팅 및 소스 구현
__5.2.1 _ 소스 구현
__5.2.2 _ Supabase를 활용한 클라우드 데이터베이스 구축
__5.2.3 _ 데이터베이스 연결과 문제 해결
__5.2.4 _ AI API 키 설정
5.3 _ 서버 실행 및 디버깅
__5.3.1 _ 첫 실행과 의존성 해결
__5.3.2 _ 지능형 디버깅
__5.3.3 _ 브라우저 확인과 런타임 에러 대응
5.4 _ 인증 - 구글 로그인 연동
5.5 _ 서비스 기능 테스트
5.6 _ 깃허브를 이용한 소스 관리
__5.6.1 _ 저장소 생성
__5.6.2 _ 내 컴퓨터에 깃허브의 ‘보안 연결’ 설정하기
__5.6.3 _ 클로드 코드와 함께하는 첫 번째 푸시
5.7 _ 무료 클라우드를 활용한 실시간 배포
__5.7.1 _ 배포를 위한 서비스 선택지
__5.7.2 _ 클로드 코드와 함께 설정하기
__5.7.3 _ 백엔드: Render 배포와 MCP의 활용
__5.7.4 _ 프런트엔드: Vercel 배포와 토큰 인증

· 06장: 클로드 코드를 활용한 코드 품질 개선
6.1 _ 레거시 코드 분석
__6.1.1 _ 프로젝트 개요와 시스템 맥락 파악
__6.1.2 _ 모듈 단위의 심층 분석과 도메인 이해
__6.1.3 _ 실무 문제 해결을 위한 정밀한 코드 탐색
6.2 _ 지능형 디버깅과 에러 해결
__6.2.1 _ 실시간 서버 구동 및 로그 분석
__6.2.2 _ cURL을 활용한 API 엔드포인트 검증
__6.2.3 _ 디버깅 에이전트
__6.2.4 _ 지능형 디버깅을 위한 실전 팁
6.3 _ 가독성을 높이는 리팩터링
__6.3.1 _ 기술적 부채 식별과 개선
__6.3.2 _ 클로드 코드를 활용한 리팩터링 3대 전략
__6.3.3 _ [실전 예시] 중복 함수를 전략 패턴으로 진화시키기
6.4 _ 빈틈없는 보안 취약점 점검
__6.4.1 _ 왜 보안 점검에 AI가 필요한가?
__6.4.2 _ 클로드 코드를 활용한 보안 감사의 기술
__6.4.3 _ 보안 점검 시 유의 사항
__6.4.4 _ [실전 예시] 토큰 계산기 프로젝트 보안 점검
6.5 _ 견고한 테스트 케이스 자동 생성
__6.5.1 _ 테스트 자동화가 필요한 이유
__6.5.2 _ AI를 이용한 테스트 코드 작성
__6.5.3 _ 클로드 코드를 이용한 단계별 테스트 자동화 구축
__6.5.4 _ 지속적인 개선과 유지보수
__6.5.5 _ ControlBar 컴포넌트의 비동기 테스트 문제 해결
6.6 _ 프로젝트 문서화
__6.6.1 _ CLAUDE.md : 문서화의 핵심
__6.6.2 _ .claude/rules/ : 경로 기반의 세부 규칙
__6.6.3 _ 문서화 스킬과 실전 프롬프트
__6.6.4 _ 문서화 프롬프트 활용하기
__6.6.5 _ 문서를 최신 상태로 유지하는 법
__6.6.6 _ 문서 검토 전담 스킬 만들기
__6.6.7 _ CLAUDE.md 관리를 위한 베스트 프랙티스
__6.6.8 _ 클로드 코드 문서화 워크플로
__6.6.9 _ 문서 감사로 발견하는 코드와 문서의 차이
6.7 _ 데이터베이스 관리
__6.7.1 _ 코드와 연관된 데이터베이스 활동
__6.7.2 _ 실전 마이그레이션: 네이밍 규칙 변경 사례
6.8 _ 실전 예시: 깃허브 PR에 자동 코드 리뷰 적용하기

· 07장: 마치며
7.1 _ 개발의 주도권, ‘작성’에서 ‘감독’으로
7.2 _ 한계를 넘어서는 창작의 황금기
7.3 _ 개발자는 AI로 대체될까?
7.4 _ 기본기의 중요성: 성장을 위한 역설
7.5 _ AI 협업 능력을 높이는 실천 방안

· 부록: 추천 학습 자료
A.1 _ 공식 가이드 및 핵심 문서
A.2 _ 기능 확장 및 고급 활용
A.3 _ 기반 기술과 프롬프트 최적화
A.4 _ 에이전틱 코딩 도구 생태계 비교
__A.4.1 _ 도구별 성능 벤치마크