현대 소프트웨어 개발은 역설적인 상황에 놓여 있습니다. 개발자의 생산성을 높이기 위해 탄생한 수많은 프레임워크와 라이브러리가, 이제는 오히려 학습 곡선을 높이고 프로젝트의 무게를 무겁게 만드는 ‘기술적 부채’가 되고 있기 때문입니다. 새로운 기능을 하나 추가하기 위해 수십 개의 의존성 패키지를 설치하고, 버전 충돌과 씨름하며, 정해진 규칙(Convention)에 맞게 코드를 짜는 과정에서 정작 중요한 ‘제품의 본질’은 뒷전으로 밀려나곤 합니다.

우리는 그동안 ‘효율적인 개발’이란 최신 프레임워크를 능숙하게 다루는 것이라고 믿어왔습니다. 하지만 최근 AI 모델의 코딩 능력이 임계점을 넘어서면서, 이러한 믿음은 근본적인 도전을 받고 있습니다. 만약 복잡한 설정 없이 순수 HTML, CSS, JavaScript만으로도 충분히 빠르고 안정적인 서비스를 만들 수 있다면, 우리는 왜 여전히 무거운 프레임워크에 집착하고 있을까요?

AI가 가능하게 한 ‘제로 프레임워크’의 귀환

최근 한 개발자가 AI를 활용해 120개가 넘는 무료 온라인 툴을 제작하며 세상을 놀라게 했습니다. 놀라운 점은 React, Vue, Next.js 같은 현대적인 프레임워크를 단 하나도 사용하지 않았다는 것입니다. 이는 단순히 ‘옛날 방식으로 돌아가자’는 회귀가 아닙니다. AI가 코드의 구조를 설계하고, 반복적인 보일러플레이트 코드를 순식간에 작성하며, 버그를 실시간으로 수정할 수 있게 되면서 ‘프레임워크가 제공하던 편의성’을 ‘AI의 생성 능력’이 대체하게 된 것입니다.

과거에 프레임워크를 썼던 이유는 생산성 때문이었습니다. 상태 관리, 라우팅, 컴포넌트 재사용성 등을 직접 구현하려면 시간이 너무 많이 걸렸기 때문입니다. 하지만 이제 AI에게 “이 기능을 수행하는 순수 자바스크립트 함수를 짜줘”라고 요청하면, 단 몇 초 만에 최적화된 코드가 나옵니다. 개발자는 이제 아키텍처를 설계하는 설계자이자, AI가 뱉어낸 결과물을 검증하는 리뷰어의 역할로 전환되었습니다.

기술적 관점에서 본 순수 구현의 이점과 한계

프레임워크 없는 개발 방식은 단순히 ‘가볍다’는 것 이상의 전략적 이점을 제공합니다. 가장 먼저 체감되는 것은 압도적인 로딩 속도입니다. 수 메가바이트에 달하는 런타임 라이브러리를 내려받을 필요가 없으므로, 사용자는 페이지를 클릭하는 즉시 도구를 사용할 수 있습니다. 이는 특히 단순한 기능을 제공하는 ‘마이크로 툴(Micro-tools)’ 서비스에서 전환율을 결정짓는 핵심 요소가 됩니다.

또한, 유지보수의 관점에서도 이점이 있습니다. 특정 프레임워크의 버전 업데이트로 인해 전체 코드를 마이그레이션해야 하는 고통에서 완전히 해방됩니다. 웹 표준은 변하지 않습니다. 10년 전의 HTML/JS가 지금도 작동하듯, AI가 짠 순수 코드는 미래에도 동작할 가능성이 훨씬 높습니다.

• 장점: 제로 런타임 오버헤드, 극단적인 초기 로딩 속도, 의존성 지옥 탈출, 배포 단순화
• 단점: 대규모 상태 관리가 필요한 복잡한 앱에서는 코드 중복 발생 가능성, 협업 시 일관된 코딩 컨벤션 유지의 어려움

AI 모델의 능력이 제품 전략에 주는 시사점

이 사례가 우리에게 주는 진짜 교훈은 ‘어떤 언어를 쓰느냐’가 아니라 ‘제품을 만드는 속도’에 있습니다. 과거에는 아이디어를 검증하기 위해 MVP(Minimum Viable Product)를 만드는 데에도 며칠, 몇 주가 걸렸습니다. 하지만 AI를 활용한 제로 프레임워크 전략을 취하면, 아이디어 구상부터 배포까지의 시간을 ‘시간 단위’로 줄일 수 있습니다.

제품 관리자(PM)나 창업자 입장에서 이는 엄청난 경쟁 우위입니다. 120개의 툴을 만들었다는 것은 120번의 시장 테스트를 수행했다는 뜻입니다. 어떤 툴이 사용자에게 반응이 좋은지 빠르게 파악하고, 반응이 좋은 기능만 골라 정교하게 발전시키는 ‘린(Lean)’한 접근이 극대화된 형태입니다. 이제 경쟁력은 ‘얼마나 복잡한 기술 스택을 보유했는가’가 아니라 ‘얼마나 빠르게 가설을 검증하고 제품화하는가’에서 나옵니다.

실제 구현 프로세스: AI와 협업하는 법

그렇다면 실제로 AI를 이용해 프레임워크 없이 제품을 구축하려면 어떻게 해야 할까요? 핵심은 ‘모듈형 프롬프팅’에 있습니다. 한 번에 전체 앱을 만들어달라고 요청하는 것이 아니라, 기능을 아주 작게 쪼개어 요청하는 방식입니다.

예를 들어, ‘단위 변환기’를 만든다면 다음과 같은 단계로 진행합니다. 먼저 UI의 레이아웃을 HTML/CSS로 잡게 하고, 그다음 각 입력창의 값 변화를 감지하는 이벤트 리스너를 작성하게 하며, 마지막으로 실제 변환 로직이 담긴 순수 자바스크립트 함수를 구현하게 합니다. 이 과정에서 발생하는 에러는 브라우저 콘솔의 로그를 그대로 AI에게 전달하여 수정하게 함으로써, 개발자는 코드를 한 줄 한 줄 타이핑하는 대신 ‘흐름’을 제어하는 데 집중합니다.

법적·정책적 관점에서의 고려사항

AI가 생성한 코드로 상용 서비스를 구축할 때 반드시 짚고 넘어가야 할 점은 저작권과 보안입니다. AI 모델은 방대한 오픈소스 데이터를 학습했기 때문에, 생성된 코드에 특정 라이선스(GPL 등)가 포함된 패턴이 섞여 들어올 가능성이 있습니다. 비록 단순한 유틸리티 함수 수준에서는 문제가 될 확률이 낮지만, 핵심 알고리즘을 구현할 때는 코드 스캔 도구를 통해 라이선스 충돌 여부를 확인하는 절차가 필요합니다.

또한, AI가 제안하는 코드가 항상 보안상 안전한 것은 아닙니다. 특히 사용자 입력을 처리하는 부분에서 XSS(Cross-Site Scripting) 공격에 취약한 코드를 생성할 수 있습니다. 프레임워크는 기본적으로 이러한 보안 취약점을 방어하는 기능을 내장하고 있지만, 순수 코딩 방식에서는 개발자가 직접 보안 검증 로직을 추가해야 합니다.

실무자를 위한 액션 아이템: 지금 당장 시작하기

모든 프로젝트를 프레임워크 없이 만들라는 뜻이 아닙니다. 다만, AI 시대에 맞는 새로운 개발 리듬을 익히기 위해 다음의 단계를 실천해 보시길 권장합니다.

1. 사이드 프로젝트의 ‘제로 스택’ 도전: 다음번 작은 툴을 만들 때는 React나 Vue 대신, AI에게 “순수 HTML/JS/CSS로만 만들어줘”라고 요청해 보세요. 배포는 Vercel이나 Netlify의 정적 호스팅을 이용하면 1분 만에 끝납니다.
2. 프롬프트의 세분화: 전체 기능을 요청하지 말고 [UI 설계] $\rightarrow$ [데이터 로직] $\rightarrow$ [예외 처리] 순으로 단계를 나누어 요청하세요. 결과물의 품질이 비약적으로 상승합니다.
3. 코드 리뷰어로서의 역량 강화: 이제 코드를 짜는 능력보다 ‘잘못된 코드를 찾아내는 능력’이 더 중요합니다. AI가 짠 코드가 왜 작동하는지, 혹은 왜 작동하지 않는지 분석하는 습관을 들이세요.

결론: 도구의 시대에서 의도의 시대로

우리는 오랫동안 ‘어떤 도구를 쓰느냐’에 매몰되어 있었습니다. 하지만 AI는 도구의 장벽을 허물고 있습니다. 프레임워크가 없어도, 숙련된 문법 지식이 부족해도, 명확한 ‘의도’와 ‘설계 능력’만 있다면 누구나 고품질의 소프트웨어를 빠르게 세상에 내놓을 수 있는 시대가 된 것입니다.

결국 중요한 것은 기술적 화려함이 아니라 사용자가 겪는 문제를 얼마나 빠르게 해결해 주느냐입니다. 120개의 툴을 만든 개발자가 증명했듯, 이제는 무거운 프레임워크의 보호막 뒤에 숨지 말고 AI라는 강력한 엔진을 달고 가장 가벼운 방식으로 시장에 부딪혀 보시기 바랍니다. 단순함이 곧 가장 강력한 경쟁력이 되는 시대입니다.