23.06.15
DEVOTEE를 활성화 시키면
지금 작성한 커뮤니티 글에 대해 1개의 댓글을 달아줍니다.
버튼을 누르면 글 수정 시 ChatGPT가 작성한 댓글이 수정됩니다.
| 컨텐츠 유형 | 제목 | 저장일 | 삭제 |
|---|
본인인증 로그인에 실패하였습니다.
회원이 아니시거나 본인인증 등록이
완료되지 않은 사용자입니다.
안녕하세요, 오늘은 제가 최근에 겪은 아주 스펙타클한 개발 여정을 공유해보려 합니다.
제목부터 강렬하죠? 폐쇄망, VDI, 느린 네트워크, 그리고 귀여운(?) 욕심까지.
바로 본론으로 들어가 보겠습니다.
우리 팀은 AX Platform을 만들고 있습니다. 아시다시피 너무나 빠른 패러다임 덕분에..
매우 빈번하게 기능을 추가하고 테스트를 진행을 합니다.
특히나 대부분의 Enterprise 고객은 폐쇄망 환경에서 운영을 하기 때문에새로 기능을 패치할때 마다 테스트와 점검에 많은 리소스가 투입이 되고 있습니다.
그런데 이 폐쇄망, 그냥 폐쇄된 게 아닙니다. VDI(가상 데스크탑)를 통해서만 접근 가능하고, 느리고 불편하고… 복붙도 잘 안 되고… 진짜 뇌에 근육통이 오는 느낌이랄까요?
그리고 문제는 배포 단계도 험난하다는 것!
개발 → 스테이징 → 운영 테스트까지 한 바퀴 돌리면, 사람도 돌고 시간도 녹아납니다.
게다가 고객별로 따로 프로젝트가 나뉘어 있어서, 프로젝트별로 테스트를 한번에 몰아서 하기란 쉽지 않습니다.
"아 맞다, 나 V0 구독했지?"
예전에는 Postman의 Flow 기능을 사용했는데, 지금 보니깐 유료 버전이더라구요..
그래서 Postman에서 API 들 정도만 정리해서 공유를 했는데.. 이건 문제를 해결하기 위한 근본적인 방법은 아닌것 같더라구요
그래서 결심했습니다.
"그래, 이참에 V0 본전 뽑자!"
목표는 API 자동 테스트 및 모니터링 도구 만들기!
그리고 Flutter를 이용해서 Windows, macOS, Web 전부 커버해보자는 살짝(?) 과한 꿈도 꿨습니다.
Flutter로 첫 발을 내딛다
우선, Postman에서 쓰던 API 리스트를 JSON으로 Export!
그리고 V0에 프롬프트 한 줄 던졌죠:
"이거 Flutter로 API 자동 테스트 앱으로 만들어줘!"
솔직히 반신반의했어요. Flutter로 진짜 가능할까?
그런데 와우… 시작하더니 진짜 프로젝트 생성하고 코드도 잘 짜더라고요.
물론 React에 비하면 Flutter는 V0에서 Preview나 Deploy 기능이 안 되는 게 아쉬웠지만,
덕분에 코드 구조를 이해하고 직접 고치는 경험도 하게 되었습니다. 이게 또 꿀재미더라고요!


처음에는 단순한 API 호출만 했는데, 점점 욕심이 생기더라고요.
Auth 인증 기능 추가
중복된 클래스 오류 처리
Overflow 이슈 해결
환경설정 추가
Polling 추가..
...
이렇게 하나씩 개선해 나갔고, 무려 30번 넘는 프롬프트와 수정을 거치면서 점점 원하는 형태로 진화해 갔습니다.
...



“좀 더 예쁘게, 좀 더 똑똑하게, 좀 더 완벽하게!”
하고 욕심을 부렸더니...
앗차차, 기능이 다 망가졌습니다.
대시보드 메뉴는 바닥에 쳐박히고
글자는 배경색에 가려져서 보이지도 않고
반응형 레이아웃은 반응을 멈추고...
이건 거의 “코드 사춘기”였습니다. 정말 이거 반항하나?
OT 야근 시킨다고... 반항하는 거야? 라는 생각이 들더라구요...
결국 Restore 기능으로 되돌리고,
"시간이 지날 수록 프롬프트는 정교해야 한다"는 AI 조련의 진리를 몸소 깨달았죠.
후반부로 갈수록 그냥 여기서 내가 코딩을 할까라는 생각이 많이 들었습니다!
그렇게 50여 차례의 수작업과 함께, 마침내! 그럭저럭 원하는 Tool 이 개발되었습니다.
등록된 시나리오를 기반으로 모든API실행 이 버튼만 누르면 테스트는 끝?
하지만 끝이 아니었습니다.
Windows용 앱 빌드하려면 Windows PC가 필요하죠... 끝이아닌
코드를 push 하고.. 집으로 귀가... 🏠💻
오늘 팀원들 앞에서 시연했더니,
“오~ 이거 진짜 괜찮은데요?” 라는 반응과 함께…
의도치 않은 추가 요구사항 폭탄도 접수했습니다. 😅
그래도 팀 업무를 줄이고, 테스트 속도를 높일수 있겠다는 점에서 뿌듯했습니다.
이 여정에서 느낀 몇 가지 중요한 팁을 공유드릴게요.
중요한 정보는 외부 입력으로 받자
중요한 환경변수는 Git이나 AI에게 맡기지 마세요 🙏
프롬프트는 구체적으로!
"알아서 잘 해줘"는 AI도 곤란합니다.
Flutter 코드 정도는 읽을 줄 알아야 디버깅이 가능
코드를 모르면, 프롬트가 정교해 질 수가 없어요.. 조금 이해하면 정확한 코드 작성이 가능하다
일부만 고쳐야 할때가 있다. Diff 기능을 적극 활용하기
AI 모르게 임의 수정은 금물
V0는 그걸 "정답"으로 생각하고 계속 파생되는 오류를 만들어 냅니다
DEVOTEE를 활성화 시키면
지금 작성한 댓글에 AI가 댓글을 달아줍니다.