밑바닥부터 따라하면서 배우는 클로드 코드 완전 정복

★ 이 책이 안내하는 여정 ★

◎ 기초부터 다지는 AI 코딩의 시작: 나에게 맞는 AI 코딩 도구를 선택하는 기준부터 클로드 코드 설치, 로그인, 요금제 및 IDE 플러그인 연동, 그리고 터미널 기초부터 /init과 체크포인트(/rewind) 활용법까지 탄탄하게 다집니다.
◎ 실전 프로젝트와 프롬프트 엔지니어링: 멀티모달과 PRD 기반의 효과적인 프롬프트 작성법을 배우고, 자기소개 페이지·포트폴리오·토큰 계산기를 단계별로 실습하며 개발 감각을 익힙니다.
◎ 고급 기능을 활용한 워크플로 자동화: 에이전트 스킬과 사용자 정의 슬래시 명령어를 제작하고, 서브에이전트를 활용해 병렬·전문화 작업을 분할합니다. 훅을 통한 알림 및 작업 흐름 제어, 플러그인 마켓플레이스와 MCP 서버 연동까지 다루며 개발 생산성을 극대화합니다.
◎ 풀스택 빌드부터 데브옵스(DevOps)까지: 구글 로그인과 배포를 포함한 풀스택 웹 서비스 설계 및 구현의 전 과정을 경험합니다. 레거시 코드 분석, 디버깅, 리팩터링, 보안 점검은 물론 테스트 자동 생성과 프로젝트 문서화, 깃허브 액션을 활용한 PR 자동 코드 리뷰 적용까지, 현업 수준의 데브옵스 환경을 완성합니다.

▣ 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 _ 도구별 성능 벤치마크

엄태효 30년 경력의 베테랑 엔지니어이자 아키텍트로, 프로그램 개발을 천직이라 여기며 일해 왔습니다. 대학에서 컴퓨터공학을 전공한 뒤 통신사의 대규모 엔터프라이즈 시스템 구축을 현장에서 이끌었으며, 개발자에서 출발해 CTO와 테크 스타트업 대표까지 다양한 역할을 거쳤습니다. 현재는 (주)해빗팩토리에서 기술 전략 수립과 미국 서비스 총괄 업무를 맡고 있습니다.
최근에는 클로드 코드(Claude Code)를 비롯한 최신 AI 개발 도구를 활용하며 어느 때보다 개발의 즐거움을 깊이 체감하고 있습니다. 이러한 경험을 바탕으로 다양한 채널을 통해 AI 활용법을 공유하고, 개발자와 비개발자 모두가 인공지능과 함께 성장할 수 있는 기술 생태계를 만드는 데 힘쓰고 있습니다.