2026년은 AI로 낡은 기업용 앱을 리팩터링하여 성과를 낼 수 있는 해입니다

실용적 조언

레거시 앱 재작성 시 비즈니스 규칙을 먼저 마크다운으로 추출하여 AI의 컨텍스트로 제공할 것.
전체 작업을 20개 내외의 원자적 단계로 나누어 코드와 UI를 동시에 완성하며 진행할 것.
Blazor Radzen 컨트롤을 사용하여 현대적인 UI/UX를 빠르게 구축할 것.

섹션별 상세

15년 된 레거시 앱의 비즈니스 규칙을 추출하기 위해 AI에게 상세한 분석을 요청한다. 이전 코드(OLD_CODE_REFERENCE_ONLY)를 입력으로 제공하여 의사코드나 마크다운 형태의 상세 문서를 생성하고 이를 현대화 작업의 핵심 참조 자료로 활용한다. 이 과정을 통해 개발자는 복잡한 구형 시스템의 로직을 명확히 이해하고 새로운 설계에 반영할 수 있는 기반을 마련한다.

전체 재작성 과정을 20개의 독립적이고 실행 가능한 단계로 세분화하여 관리한다. 각 단계는 코드 구현과 UI 디자인을 동시에 완료하는 원자적 단위로 구성되며, 기존 시스템에서는 데이터베이스만 보존하고 나머지는 완전히 새로 구축한다. 프로젝트 초기에는 Blazor WASM과 .NET API 서버를 설정하여 현대적인 클라이언트-서버 아키텍처를 확립한다.

시스템의 견고함을 위해 Onion Architecture와 다층적 테스트 전략을 도입한다. C# 유닛 및 통합 테스트와 더불어 Playwright를 이용한 TypeScript E2E 테스트 프로젝트를 구성하여 기능적 무결성을 검증한다. Radzen 컨트롤과 현대적 UX 패턴을 결합하여 사용자의 클릭 횟수와 인지 부하를 최소화하는 인터페이스 개선을 목표로 한다.

text

Review the reference code in the OLD_CODE_REFERENCE_ONLY_***** folder related to the following step and then implement a new modern version of the new app. Review the razor pages in the old reference code and understand how the old system worked.. How should this be handled in Blazor WASM with Blazor Radzen controls using modern UI, CSS and UX? Based on modern UX patterns how can we reduce the number of clicks and cognitive load?. Find ways to improve on the original design and create the client and server code accordingly. When the step is complete create unit/integration/e2e tests that verify the functionality on the client and server.

이 코드는 레거시 코드를 분석하여 Blazor와 Radzen을 사용한 현대적 UI로 재구현하도록 지시하는 프롬프트 예시이다.

용어 해설

바이브 코딩(Vibe Coding): — AI와 자연어로 대화하며 코드를 작성하고 시스템을 구축하는 최신 개발 방식이다. 복잡한 프로그래밍 문법에 매몰되기보다 전체적인 시스템의 의도와 아키텍처 설계에 집중할 수 있게 하며, 개발 생산성을 비약적으로 향상시킨다.
어니언 아키텍처(Onion Architecture): — 도메인 모델을 중심에 두고 의존성이 내부로만 향하게 설계하는 소프트웨어 아키텍처 패턴이다. 외부 프레임워크나 데이터베이스의 변경이 핵심 비즈니스 로직에 영향을 주지 않도록 격리하여 시스템의 유지보수성과 테스트 가능성을 극대화한다.
블레이저 웹어셈블리(Blazor WASM): — .NET 기술을 사용하여 웹 브라우저에서 직접 실행되는 클라이언트 측 어플리케이션을 구축하는 프레임워크이다. JavaScript 대신 C# 언어를 사용하여 풍부한 대화형 사용자 인터페이스를 구현할 수 있게 하며, 기존 .NET 생태계의 라이브러리를 그대로 활용 가능하다.
플레이라이트(Playwright): — 웹 브라우저 자동화를 위한 강력한 오픈소스 라이브러리로, 다양한 브라우저 환경에서 엔드 투 엔드(E2E) 테스트를 수행하는 데 사용된다. 신뢰성 높은 테스트 실행 환경과 직관적인 API를 제공하여 현대적인 웹 어플리케이션의 품질 보증 프로세스를 자동화한다.

언급된 도구

Blazor추천

클라이언트 측 웹 어플리케이션 프레임워크

Radzen추천

Blazor용 UI 컨트롤 라이브러리

Playwright추천

E2E 테스트 자동화 도구