🚀 클로드 코드와 엔티 협업으로 Flutter 앱 10개 스크린을 이틀 만에 완성한 이야기

🚀 클로드 코드와 엔티 협업으로 Flutter 앱 10개 스크린을 이틀 만에 완성한 이야기

AI 2명에게 역할 분담시키니 에러는 줄고, 속도는 빨라졌다!

안녕하세요 벨라입니다! 👋

저는 코딩 전공자가 아닌 MBA 학생이자 해외영업 담담자예요. 그리고 지인 소개로 프로젝트 위탁 받고 진행하고 있습니당.

이번에 재미있게 해보려고 아이디어 발상했고요. 정말 신기한 경험을 했어요. 클로드 코드와 엔티(Antigravity) 두 AI를 "팀원처럼" 역할 분담시켜서, Flutter 앱 10개 스크린을 단 이틀 만에 완성했거든요! 🎉

오늘은 어떻게 AI 2명을 협업시켜서 빠르게 프로젝트를 진행했는지 공유할게요.

📌 목차

1. 프로젝트 소개

2. 핵심 발견: AI마다 잘하는 게 다르다

3. 역할 분담 방법

4. 가장 신기했던 점: AI들이 알아서 소통했다

5. 그럼 저는 뭘 했나요?

6. 2일간의 성과

7. 에러를 줄인 비결

8. 마무리

1. 프로젝트 소개

Connect-K란?

Connect-K는 벨라가 외국인 위한 편리 서비스로 생각하는 테스트용 프로젝트이에요.

도전 과제

23개 Stitch 디자인을 Flutter 앱으로 변환해야 했어요!

💡 Stitch는 Google의 AI 디자인 도구예요. 프롬프트 입력하면 앱 UI를 자동 생성해줘요!

2. 핵심 발견: AI마다 잘하는 게 다르다

처음에는 하나의 AI한테 모든 걸 시켰어요. 근데 문제가 생겼죠.

❌ 문제점:
- 코드 분석하다가 실제 코드 작성 요청하면 맥락을 잃어버림
- 문서 작성하다가 디버깅 요청하면 혼란스러워함
- 에러 발생률 높음 😭

그래서 역할을 명확히 분리했어요!

3. 역할 분담 방법

🎯 역할 분담표

왜 이렇게 나눴나요?

💡 비유하자면: 엔티는 설계하는 시니어, 클로드 코드는 빠르게 코딩하는 주니어!

ALT

한국어 텍스트가 있는 화면의 스크린샷

ALT

컴퓨터 화면에 한국어 스크린샷

4. 가장 신기했던 점: AI들이 알아서 소통했다

이 프로젝트에서 제일 놀라웠던 건, AI들이 서로를 위해 문서를 작성하고 업데이트했다는 거예요!

AI_COLLABORATION_GUIDE.md 문서

이 문서는 엔티와 클로드 코드가 직접 작성하고 업데이트한 "실시간 소통 문서"예요.

문서 내용 예시

## ✅ 완료된 작업 (총 10개 스크린)
| 작성자 | 스크린 | 상태 |
|---|---|---|
| 클로드 코드 | project_details_screen.dart | ✅ 완료 |
| 클로드 코드 | wallet_screen.dart | ✅ 완료 |
...

## 📦 엔티가 만든 공통 위젯 라이브러리
| 위젯 | 용도 |
|------|------|
| GlassCard | 글래스모피즘 카드 |
| StatusBadge | Urgent, Open 배지 |
...

5. 그럼 저는 뭘 했나요?

🙋‍♀️ 제 역할: PM (프로젝트 매니저)

저는 코드 한 줄 안 짰어요!

실제 협업 흐름

[엔티가 분석 & 계획 작성]
엔티: "프로젝트 분석 완료! AI_COLLABORATION_GUIDE.md에 
      역할 분담이랑 작업 순서 정리했어요"

[벨라: 결정]
벨라: "좋아, 이대로 진행하자"

[벨라: 클로드 코드에게 전달]
벨라: "클로드 코드야, AI_COLLABORATION_GUIDE.md 읽어봐.
      엔티가 정리해뒀어. 이대로 작업해줘"

[클로드 코드가 구현]
클로드 코드: "wallet_screen.dart 완료! 문서에 상태 업데이트했어요"

[벨라: 엔티에게 동기화]
벨라: "엔티야, 클로드 코드가 Wallet 끝냈대. 
      문서 확인하고 다음 작업 준비해줘"

... 반복!

정리하면

• ❌ 코드 작성 → 클로드 코드가 함

• ❌ 기획/분석 → 엔티가 함

• ❌ 문서 작성 → 둘 다 알아서 함

• ✅ 결정 + 복붙 전달 + 동기화 → 제가 함

6. 2일간의 성과

📊 수치로 보는 성과

✅ 완성된 스크린 목록

총 약 7,380줄의 코드를 2일 만에! 🚀

📦 엔티가 만든 공통 위젯

7. 에러를 줄인 비결

비결 1: 명확한 역할 분담

❌ 하지 말 것:
"클로드야 이거 분석하고 코드 짜고 테스트해줘"
→ 맥락 혼란, 에러 증가

✅ 할 것:
[엔티] "이 디자인 분석해서 가이드 작성해줘"
[클로드 코드] "가이드 보고 코드만 작성해줘"
→ 각자 전문 영역에 집중!

비결 2: 공유 문서로 소통

AI_COLLABORATION_GUIDE.md 문서에 모든 상태를 기록해서, AI들이 서로의 진행 상황을 파악할 수 있게 했어요.

비결 3: 작업 알림 프로토콜

🟢 [시작] wallet_screen.dart 구현 시작
- 참조: AI_COLLABORATION_GUIDE.md

✅ [완료] wallet_screen.dart 구현 완료!
- 라인 수: 750줄
- flutter analyze: ✅ Pass

8. 마무리

💡 이번 경험에서 배운 것

1. AI도 "팀"으로 일할 수 있다!

   • 각 AI의 강점을 파악하고 역할 분담

   • AI들이 알아서 협업하고 문서도 직접 작성!

2. 비개발자의 역할: PM(프로젝트 매니저)

   • 코드 작성 안 해도 됨

   • 기획서 직접 안 써도 됨

   • 결정 + 전달 + 동기화만 하면 됨!

3. "복붙 전달"이 핵심 스킬!

   • AI들은 서로 직접 대화 못 함

   • 내가 "메신저" 역할로 내용 복붙해서 전달

   • 진도 안 맞을 때만 동기화해주면 OK

🎯 비개발자가 AI팀 운영하는 공식

1. 역할 분담: 기획 AI (엔티) + 실행 AI (클로드 코드)
2. 공유 문서: AI들이 직접 작성하게 하기
3. 내 역할: 결정 + 복붙 전달 + 동기화
4. 반복: 진도 맞춰가며 계속 돌리기

다음 글에서는 "Stitch 디자인을 Flutter로 변환하는 구체적인 방법"을 공유할게요!

모두 즐거운 AI 코딩 되세요! 😊

#20기안드로이드앱 #Flutter #AI협업 #Antigravity #ClaudeCode #비개발자코딩 #앱개발