웹사이트 프로젝트를 위한 AI 에이전트 활용 TDD 개발 흐름

✍️ OpenClawRadar📅 게시일: April 16, 2026🔗 Source
웹사이트 프로젝트를 위한 AI 에이전트 활용 TDD 개발 흐름
Ad

AI 에이전트를 활용한 개발 워크플로우

한 개발자가 테스트 주도 개발 방법론을 적용한 AI 코딩 에이전트를 이용한 웹사이트 개발 접근법을 설명합니다. 그들은 업무 프로젝트에는 Claude Code를, 개인 프로젝트에는 특히 Qwen3.5-27B 위에서 실행되는 Qwen Code를 llama.cpp와 2xRTX 3090 GPU로 로컬 모델을 사용합니다.

초기 프로젝트 설정

프로젝트 시작 시, 기본 모듈을 구현합니다:

  • 기본 DB 스키마
  • 기본 인증 API
  • UI 라우팅
  • UI 기본 레이아웃
  • 기본 API (관리자 및 사용자)
  • 기본 API/E2E 테스트 (수동 또는 AI 작성)
  • 코딩 에이전트를 위한 컨텍스트 파일 (AGENTS.md, CLAUDE.md)

반복적 개발 프로세스

설정 후, 반복적 프로세스가 시작됩니다:

  1. 기능에 대한 API/E2E 테스트의 상세 사양을 마크다운으로 작성
  2. 마크다운 테스트 설명에서 API/E2E 테스트 생성
  3. 테스트 실행 기능이 있는 코딩 에이전트 세션 시작
  4. 테스트가 통과할 때까지 에이전트에게 기능 구현 요청

모델 성능과 절충점

개발자는 Claude와 같은 더 강력한 모델은 간단한 웹사이트의 경우 마크다운 파일을 완전히 건너뛸 수 있지만, Qwen3.5-27B는 다른 기준을 가진다고 언급합니다. 덜 강력한 모델은 특정 파일을 건드리지 말거나 특정 래퍼만 사용하도록 지시하는 등 실패 모드를 완화하기 위해 더 구체적인 지침이 필요합니다.

그들은 코드가 테스트로 커버되고 작동한다면 개발자들이 코드 패턴과 품질에 집착해서는 안 된다고 가정하며, AI 에이전트를 AI 구독 비용으로 10-100명의 주니어/미들급 개발자를 관리하는 것에 비유합니다.

Ad

로컬 모델 상세

2xRTX3090에서 실행되는 로컬 모델의 경우, 그들은 parallel = 1 및 전체 컨텍스트를 사용하는 Qwen3.5-27B-GGUF-Q8_0를 사용하며, 이는 에이전트 세션이 일찍 자동 압축되지 않도록 하는 데 중요하다고 믿습니다. 그들은 덜 똑똑한 모델은 E2E 테스트와 원하는 구현을 더 명확하게 표현하도록 강제하는 반면, Claude는 설계 선택을 자동으로 채우지만 통제력을 잃을 수 있다고 언급합니다.

코딩 TDD 루프 구현

개발자는 자신의 코딩 TDD 루프 초안을 제공합니다:

외부 루프 시작: `pytest tests/ -x` 명령어를 사용하여 모든 pytest 테스트 실행, 실패가 없으면 종료; 기본 로그 레벨은 경고이므로 출력이 많지 않음
모든 테스트 통과 시; 외부 루프 종료; 실패한 경우, 실패한 테스트 이름 추출
`pytest tests/../test_first_failing_test.py --log-level DEBUG`와 같이 전체 로그로 실패한 테스트 이름 실행 및 테스트 출력을 파일에 수집
`egrep -i -C 10 '(error|fail)' <fail`로 'error'/'fail' 문자열 근처의 라인 추출

이 접근법은 코드베이스 통제를 유지하기 위한 필요한 감독과 자동화의 균형을 맞추며, AI 에이전트를 활용한 TDD의 실용적인 구현을 나타냅니다.

📖 Read the full source: r/LocalLLaMA

Ad

👀 See Also

Drivesidekick 구축: Claude Code를 활용한 운전 앱
Use Cases

Drivesidekick 구축: Claude Code를 활용한 운전 앱

개발자들이 프론트엔드 전문 지식 없이 Claude Code를 사용해 모바일 앱을 구축하고 있습니다. 백엔드 개발자가 Claude Code를 활용해 React Native/Expo를 사용한 운전 교육 앱인 Drivesidekick을 만들었습니다.

OpenClawRadar
OpenClaw 봇은 KMZ 데이터 추출과 스프레드시트 병합을 자동화합니다
Use Cases

OpenClaw 봇은 KMZ 데이터 추출과 스프레드시트 병합을 자동화합니다

사용자가 OpenClaw 봇을 사용하여 KMZ 파일을 파싱하고, 마일 표지판을 포함한 8가지 특정 데이터 포인트를 추출하며, 높은 정확도로 소수점 마일 위치를 계산하고, 기존 스프레드시트에 새 데이터를 덮어쓰지 않고 병합한 사례를 보고했습니다. 이 과정은 5분의 처리 시간과 $100 최대 플랜 세션 예산의 15%를 소요했습니다.

OpenClawRadar
취약한 테스트 스크립트가 릴리스를 지연시킨 사례와 한 팀의 해결 방법
Use Cases

취약한 테스트 스크립트가 릴리스를 지연시킨 사례와 한 팀의 해결 방법

약 15명의 엔지니어로 구성된 팀은 UI 리프레시로 인해 로케이터가 손상되면서 Appium 테스트 스위트가 QA 엔지니어의 시간 중 50-60%를 유지보수에 소모하고, 두 차례의 릴리즈가 지연되는 문제를 발견했습니다. 이제 그들은 사람처럼 화면을 읽고 UI 변경에 적응하는 도구를 사용하여 테스트를 재구축하고 있습니다.

OpenClawRadar
개발자가 클로드 코드로 하루 만에 3D GitHub 도시 시각화를 만듦
Use Cases

개발자가 클로드 코드로 하루 만에 3D GitHub 도시 시각화를 만듦

한 개발자가 Git City를 구축했습니다. 이는 GitHub 사용자가 커밋 수에 따라 높이가, 저장소 수에 따라 너비가 결정되는 픽셀 아트 건물로 나타나는 3D 시각화 도구로, Claude Code만을 사용해 하루 만에 완성되었습니다. 이 프로젝트는 Next.js, Three.js, Supabase, Vercel을 사용합니다.

OpenClawRadar