최근 AI 에이전트가 코드를 작성하는 환경에서 자바스크립트(JavaScript) 프레임워크 선택이 개발 비용과 시간에 미치는 영향을 분석한 흥미로운 실험 결과가 발표되었습니다. 클로드(Claude) 5.5 모델을 사용하여 동일한 포켓몬 앱을 12가지 프레임워크 조합으로 구현하게 한 결과, 프레임워크에 따라 실행당 API 환산 비용이 최대 2배 가까이 차이 나는 것으로 나타났습니다. 이는 개발자 경험(DX) 중심의 프레임워크 선택 기준이 AI 시대에는 실제 비용 효율성으로 확장되어야 함을 보여줍니다.
실험 결과에 따르면, Hono+htmx 조합이 실행당 API 환산 비용 중앙값 2.67달러로 가장 효율적이었으며, Astro, Nuxt, Vanilla, Next.js 등이 그 뒤를 이었습니다. 반면, Angular는 4.97달러로 가장 높은 비용을 기록했고, SvelteKit과 Gracile+Lit도 상대적으로 비쌌습니다. 이러한 비용 차이는 주로 에이전트가 코드를 생성하고 수정하는 데 필요한 토큰(token) 사용량과 개발 시간에 기인합니다. 예를 들어, Angular는 Hono+htmx보다 코드량이 약 70% 많았고, 개발 시간도 두 배 가까이 소요되었습니다. 또한, SvelteKit의 경우 에이전트가 매번 이전 버전 마이그레이션 가이드를 읽는 등 불필요한 작업에 토큰을 소모하는 경향이 관찰되기도 했습니다.
이번 실험은 특정 앱 유형(콘텐츠 중심의 상호작용이 적은 앱)에 국한된 결과이지만, AI 에이전트가 코드 생성과 유지보수에 깊이 관여하는 미래 개발 환경에서 프레임워크 선택의 중요성을 강조합니다. 기존에는 개발자의 직관이나 경험(DX)이 프레임워크 선택의 주요 기준이었지만, 이제는 AI 에이전트의 효율적인 작업 수행 능력과 직결되는 코드량, 학습 데이터 접근성, 도구 활용 여부 등이 중요한 고려사항이 될 것입니다. 이는 단순히 개발 속도를 넘어 실제 서비스 운영 비용과 직결될 수 있으므로, 기업과 개발자 모두 프레임워크 선택에 있어 더욱 신중하고 근거 기반의 접근이 필요함을 시사합니다.