AI와의 성공적인 첫 Co Work — 바이브 코딩으로 탄생된 맞춤형 Testcase Management System (29TMS)
핵심요약
29CM QE팀은 Cursor AI를 활용하여 자체 Testcase Management System (29TMS)를 개발했습니다. React 경험이 없는 상태에서 시작하여 약 3개월 만에 로그인, CSV Import, 테스트 실행 등 핵심 기능을 갖춘 시스템을 구축했으며, 이를 통해 비용 절감, 성능 향상, 즉각적인 기능 구현 등 다양한 이점을 얻었습니다.
AI 협업을 통한 맞춤형 Testcase Management System (29TMS) 구축기
자체 TMS 구축 배경 및 AI 협업 결정
- 기존 상용화 TMS의 느린 지원, 장기 미해결 버그, 비효율적인 Import 기능 등으로 만족도 저하.
- 비용 대비 사용성 부족으로 신규 테스트케이스 Import 감소, 구글 스프레드시트 병행 사용 등 반쪽짜리 활용.
- Cursor AI (바이브 코딩) 활용하여 자체 TMS 개발 결정, React 기반으로 진행 (개발자 React 경험 없음).
AI(Cursor) 활용 과정 및 한계점
- 초기: AI가 화면 및 기능 구현을 빠르게 지원, 감탄과 체감 효과.
- 중후반: AI의 기억력 한계 (불필요한 삭제/수정 반복), 비효율적 코드 생성 (개떡같이 말하면 찰떡같이 못 알아듣는 문제).
- 노하우 습득: AI의 한계를 보완하는 프롬프트 작성법 및 보완점 학습.
- 개발 시간: 약 3개월 소요 (업무 병행, 트러블 슈팅 어려움, 디테일 구현 시간 소요).
- QA 직무 이점: 상세한 기능 설명 및 현상 묘사 능력으로 프롬프트 작성에 유리.
AI 기반 개발 프롬프트 Level
- Level 1: 프롬프트만으로 구현 (e.g., 로그인).
- Level 2: 상세한 Flow와 화면 구성 포함 프롬프트로 구현 (기능 간 연관성 설명).
- Level 3: DB Table 구조, API 응답 프로퍼티 등 시스템 구조 설명 프롬프트로 구현 (높은 구현 확률, 항상 100%는 아님).
- Debug: Log 추가 요청, 논리적 상황 질문 등을 통해 AI의 도움을 받아 문제 해결.
자체 TMS (29TMS) 주요 기능 (v1.6.1 기준)
- 로그인: 회원가입 후 관리자 승인 필요, Access Token 인증, 관리자 메뉴 (승인, 비밀번호 초기화).
- CSV Import: Auto mapping 기능, 폴더 생성 기능 포함.
- 플랜 생성: 폴더 선택 생성, 활성 플랜 진행률 및 결과 개수 확인.
- 테스트 실행: 개별/벌크 결과 입력, 메모 입력 (링크 자동 적용).
- 아카이브 & PDF 다운로드: 플랜 완료 처리, 단건/벌크 PDF 다운로드.
- API (Swagger): 주요 기능 API화, 기존 상용 API 대비 효율적인 사용성, QA 리포트 봇 연동.
29TMS 도입 효과
- 즉각적 대응: 문제 발생 시 즉각적인 수정 및 기능 구현 가능.
- 성능 향상: API 응답 시간 ms 단위로 단축 (기존 초 단위).
- 비용 절감: 상용 TMS 라이선스 비용 절감.
- 자신감 확보: React, Node.js 등 새로운 기술 스택으로 도구 개발 능력 입증, 향후 다양한 도구 개발 가능성 확인.
- 핵심 역량: 언어 이해도보다 만들고자 하는 기능에 대한 정확한 이해와 상세한 프롬프트 작성이 중요함.