실험은 여러 반복적인 접근 방식을 통해 진행되었습니다. 첫 시도에서 Gemini 모델은 스타일링에 집중했으나 페이지의 나머지 구조와 기능 구현에는 실패하며 앱을 제대로 작동시키지 못했습니다. 반면 Claude 모델은 초기에는 기존 Rails 아키텍처를 요약하고 관련 스타일을 파악하는 등 유망한 시작을 보였지만, src 디렉토리 중복과 같은 불필요한 복잡성을 초래하며 최종적으로 기능을 완전히 연결하지 못했습니다. 저자는 더 구체적인 프롬프트(“Hub 앱을 Next.js로 재구축하고 싶습니다. 이벤트 페이지부터 시작합시다. 현재 앱이 실행 중이며 이벤트 페이지는 http://0.0.0.0:5000/events를 통해 접근할 수 있습니다. 새 Next.js 애플리케이션을 기존 next-js-hub 폴더에 배치해 주세요. 스크린샷을 추가하여 디자인 가이드로 사용해 주세요. TDD 접근 방식을 선호합니다.”)를 사용하여 Claude에게 다시 기회를 주었습니다. 이 작은 변화는 큰 차이를 만들어냈습니다. Claude는 즉시 테스트를 생성하고, 라우트를 설정하며, 필요한 유형들을 스캐폴딩하는 등 훨씬 더 나은 결과를 보였습니다. 라이브 스트림 중에는 완전히 완료되지 않았지만, 세션 종료 직후 저자는 단 하나의 코드 라인, 즉 use client 지시어가 누락되었음을 깨달았고, 이를 추가하자 거의 완벽하게 작동하는 결과물을 얻을 수 있었습니다.
AI를 활용한 Rails 페이지 Next.js 재구축 실험: 가능성과 한계
Can AI rebuild a Rails page in Next.js? We tried it
작성자
Ruby Weekly
발행일
2025년 06월 12일
핵심 요약
- 1 AI 도구를 활용하여 기존 Ruby on Rails 애플리케이션의 페이지를 Next.js로 재구축하는 실험이 진행되었습니다.
- 2 Gemini와 Claude 등 다양한 LLM을 사용했으나, 초기에는 스타일링 문제나 불필요한 복잡성으로 어려움을 겪었으며, 정교한 프롬프트가 중요함을 확인했습니다.
- 3 단 하나의 코드 라인(use client) 추가로 거의 완성 단계에 도달하며 AI 개발 지원의 잠재력과 함께 세밀한 지시의 필요성을 입증했습니다.
도입
이 글은 AI 도구를 활용하여 기존 Ruby on Rails 애플리케이션의 특정 페이지를 Next.js로 재구축하려는 실험 과정을 상세히 다룹니다. 저자는 내부 도구인 Hub의 이벤트 페이지를 대상으로 Cursor 에디터와 Gemini 2.5 Pro, Claude 4와 같은 대규모 언어 모델(LLM)을 사용하여 AI 기반 개발의 효율성과 한계를 탐구했습니다. 이 실험은 AI가 복잡한 웹 개발 작업에 얼마나 기여할 수 있는지, 그리고 어떤 종류의 지시와 감독이 필요한지에 대한 통찰을 제공하고자 합니다.
결론
이번 실험은 AI 기반 개발이 얼마나 발전했는지를 명확히 보여주며, 동시에 LLM이 복잡한 개발 작업에서 여전히 특정 지시와 미세 조정이 필요하다는 점을 시사합니다. 비록 완벽한 자율성을 보여주지는 못했지만, AI가 개발자의 생산성을 크게 향상시킬 수 있는 강력한 보조 도구로서의 잠재력을 입증했습니다. 저자는 앞으로 Cursor의 Max Mode 및 Custom Rules와 같은 기능을 추가로 탐색하여 AI 에이전트가 더 많은 작업을 수행할 수 있는지에 대한 추가 실험을 계획하고 있습니다. 이 실험은 AI가 처리할 수 있는 작업의 범위, 필요한 구조 및 감독의 정도, 그리고 실질적인 AI 증강 워크플로우의 모습에 대한 중요한 질문들을 던지며, 앞으로의 AI 개발 방향에 대한 기대를 높입니다.