[6주/6주] 혼자 공부하는 바이브 코딩 6주 차 학습기록

이번 6주 차에 학습한 내용은 책 기준 369p까지의 내용(Ch.7, 8)이다.

 

 

Chapter 07 클로드 코드 AI 에이전트로 개발팀 구성하기

07-1 클로드 코드의 AI 에이전트 이해하기
나의 첫 에이전트, 코드 리뷰어
최적화 에이전트
UX 디자인 에이전트
서브에이전트 협업 테스트하기
작업 결과 백업하기

07-2 AI 에이전트로 소프트웨어 개발 자동화하기
나만의 AI 개발팀 구축하기
에이전트 팀과 완성하는 애플리케이션, ‘AI 공감 다이어리’
에이전트 팀과 완성하는 애플리케이션, ‘PDF 요약 AI’

 

에이전트 팀과 완성하는 애플리케이션  ‘ AI 공감 다이어리 ’

클로드 코드를 통해 만든 에이전트 팀, 백엔드&프런트엔드&QA를 이용해서 만드는 AI 공감 다이어리이다.

 

Chapter 06에서와 비슷하게 OpenRouter의 무료 모델을 API를 통해 사용하며,

달라진 점은 클로드 코드에서 /agents 명령어를 통해 각 역할을 부여한 에이전트들을 만들고,

그 에이전트들을 협업시켜서 하나의 애플리케이션을 완성시킨다는 것이다.

내가 전달한 프롬프트는 다음과 같았다.

 

제품 기획 관리자: 전체 개발 일정을 관리하는 프로덕트 매니저로서 PRD를 작성하여 제품의 목표, 기능, 사용자 요구사항을 정의한다

백엔드 개발자: 서버 아키텍처 설계, API 개발, 데이터 처리, 외부 서비스 통합, 보안 및 성능 최적화를 담당하는 서버 사이드 개발 전문가. 안정적이고 확장 가능한 백엔드 시스템 구축.

프런트엔드 개발자: 사용자 인터페이스 설계 및 구현, 반응형 디자인, 웹 접근성, 성능 최적화를 담당하는 클라이언트 사이드 개발 전문가.

품질 보증 엔지니어: 전체 시스템의 기능 테스트, 에러 처리 검증, 성능 최적화, 코드 리뷰를 수행하는 품질 관리 전문가. 버그 발견, 사용성 개선사항 제안.

AI 통합 전문가: LLM 및 AI 서비스 통합, 프롬프트 최적화, 모델 파인튜닝, AI 파이프라인 구축을 담당하는 인공지능 전문가. 여기서는 OpenRouter API를 통해 DeepSeek 모델과 연동하여 텍스트 생성, 요약을 구현하는 LLM 활용 전문가

 

AI 공감 다이어리를 만들어 줘. 오늘 있었던 일을 한 줄로 쓰면, AI가 감정을 분석하고 공감하며 위로해 주는 일기 애플리케이션이야. backend-developer가 OpenRouter API를 연동해서 감정 분석과 공감 메시지를 생성하는 기능을 구현해 줘. llama 무료 모델을 사용하고, API 키는 현재 폴더의 ‘.env’ 파일에 저장된 것을 사용해. frontend-developer가 따뜻하고 편안한 느낌의 일기장 UI를 만든 다음, qa-engineer가 실제로 여러 상황에서 문제없이 작동하는지 테스트해 줘. 문제를 발견하면 완전히 해결할 때까지 수정하고, 최종 버전을 브라우저에서 바로 열 수 있는 ‘index.html’ 파일로 만들어 줘.

 

 

결과물

AI 공감 다이어리

 

 

 

Chapter 08 MCP로 클로드 코드의 한계 넘어서기

08-1 MCP 이해하고 클로드 코드와 연결하기
MCP가 열어준 AI의 무한 확장 가능성
클로드 코드와 노션 연결하기
순차적 추론 MCP로 더 똑똑한 AI 만들기
순차적 추론 MCP의 성능 확인하기

08-2 MCP로 구현하는 완전 자동화 개발 환경
원하는 MCP를 찾는 방법
쇼핑 리스트 애플리케이션 만들고 MCP로 테스트 자동화하기
깃허브 MCP로 프로젝트 영구 보관하기

08-3 데이터베이스 연결해 진짜 서비스 만들기
나만의 웹페이지 배포하기
애플리케이션에 데이터베이스 연동하기
쇼핑 리스트 앱을 진짜 서비스로 업그레이드

 

 

 

이번주 학습의 핵심 키워드

- 에이전트: 목표와 규칙에 따라 스스로 판단하고 작업을 수행하는 AI 대리인

- AI 서브에이전트: 특정 작업을 전문적으로 수행하는 독립형 AI 도우미

- /agents: 서브에이전트를 생성하고 관리하는 클로드 코드 전용 명령어

- 코드 리뷰: 코드의 버그와 규칙 위반을 점검하고 개선점 제안

- 최적화: 프로그램의 속도와 효율성을 향상시키는 성능 개선 작업

- UX 디자인: 사용자가 쉽고 편리하게 이용할 수 있도록 인터페이스 설계

- AI 개발팀: PM, 백엔드, 프런트엔드, QA, AI 전문가로 구성된 에이전트 팀

- 에이전트 협업: 여러 에이전트가 역할을 분담해 프로젝트를 완성하는 방식