XPlatform ➔ Nexacro AI 자동화 전환개발의 혁신!!

컨버터, 리스타일러, Claude AI를 연계하여 UI 마이그레이션부터 백엔드 API 서비스 개발까지 초고속으로 자동화하는 혁신적인 전환 파이프라인

*전환개발 자동화단계 ROI절감 시나리오 예시!! (표준화개발시 공통개발자 참여 필수,테스트진행시 업무담당자 참여 필수) -> 별도공수 필요

아래 항목을 클릭하면 상세 내용을 확인할 수 있어요

전환 개발 자동화 3대 메커니즘 (AI자동개발 진행과정_20260629.pptx 참조)

Step 01
UI

UI 컨버팅 & 리스타일

XP 원본 ➔ 넥사크로 전환

마이그레이션 도구를 통해 컴포넌트를 1차 컨버팅 후 리스타일러를 가동하여 깨짐 현상을 교정하고 레이아웃 기본 구조를 재생성합니다.

컨버팅 리젠 (Regen) 리스타일러 적용
Step 02
AI

Doosan 표준 가이드 학습

표준 규칙 및 레거시 데이터 분석

UI 표준 템플릿(간격, 정렬, 셔틀형 규칙) 및 AS-IS 레거시 서비스/쿼리 모델 정보를 AI가 참조하여 TO-BE 핵심 명세에 매핑합니다.

UI 표준 6대 규칙 레거시 연계 매핑
Step 03
DEV

Claude AI 자동 완성

화면/서비스 48분 원스톱 구현

UI 표준 퍼블리싱 검수, 팝업/조회 이벤트 넥사크로 스크립팅, 그리고 Spring Boot 백엔드(Controller, Service, SQL) 자동 구현.

일 평균 10개 완공 화면당 48분 완료 풀스택 자동개발

세부 모듈별 상세 정보

자동 소스 리제너레이션 단계

단순 XML 컴포넌트 형태 변환에 그치는 수준이 아닌, 그리드 배열, 팝업 구조, 그리고 복잡한 CSS를 넥사크로 표준에 최적화된 테마 파일로 보정하는 전처리 프레임워크입니다.

  • 컨버팅: 기본 메타 정보 및 속성 변환
  • 리젠(Regen): 넥사크로 XML 구조 최적화 빌드
  • 리스타일러: 정렬 깨짐 방지 및 클래스 매핑

학습 컨텍스트 정보 구축

AI는 단순 보조 도구를 넘어, Doosan 사내 표준 규칙집(Rule-book)과 AS-IS legacy 레퍼런스를 면밀하게 습득한 전문 아키텍트 역할을 수행합니다.

  • 템플릿 학습: 정렬 좌표계, 절대/상대 앵커 적용
  • 레거시 서비스 참조: AS-IS 비즈니스 로직 분석
  • TO-BE 아키텍처: Spring Boot 및 MyBatis 연계 설계

원스톱 AI 개발 시간표

디자이너와 백엔드 개발자, 그리고 퍼블리셔가 통합 코딩할 분량을 **8시간 기준 10개 화면(화면당 평균 48분)** 수준으로 무결성 자동 컴파일 완료합니다.

8분
퍼블리싱 교정
30분
넥사크로 UI 연동
10분
API & SQL 빌드
Module 01: UI Pipeline Source Transformation Flow

XPlatform 구조 변형 및 렌더링 최적화

컨버팅 직후 깨진 좌표계와 그리드 정렬을 사내 표준에 정량적으로 맞춰 자동 재구성합니다.

XPlatform
XML (Absolute)

노후화된 절대 좌표 및 CSS 미지원 구형 그리드 레이아웃

1. 컨버터 2. 리스타일러
Nexacro (Restyled)
XFDL (Adaptive)

Doosan 표준 정렬 가이드 및 스타일링 규칙 완벽 주입

💡 리스타일러 적용 핵심 포인트

컨버터를 거쳐 단순 마이그레이션된 소스는 컴포넌트 간 중첩, 불필요한 공백, 그리드 여백 상실 등이 빈발합니다. **리스타일러**는 이를 감지하여 Doosan UI 템플릿 표준에 최적화된 마진과 패딩을 적용하고 컴포넌트를 올바른 부모 컨테이너 하위로 재배치합니다.

Module 02: Knowledge Engine Claude Core Learning Input

UI 표준 퍼블리싱 검수 규칙 리스트

Claude AI에 인풋으로 사전에 심어주는 두산 표준 UI 6대 절대 수식 및 연산 정렬 체계

1 맨 좌측 컴포넌트 left=25 (절대 앵커) 규칙 (Rule 1)

검색 영역의 맨 좌측 대표 라벨(sta_SA_Label)은 무조건 left="25" 절대 앵커로 잠금 설정.

2 가변 폭 제어 규칙 (Rule 2)

검색어 라벨 static의 fittocontents="none" 고정. 유동 폭 변경 시 정렬 틀어짐 원천 차단.

3 상대좌표 동적 체인 설계 (Rule 3)

좌측 라벨 우측 입력컴포넌트 간격은 0px, 직전 그룹 컴포넌트 간격은 25px 연쇄 체이닝 (left="<prevInputId>:25") 처리.

4 검색 세로 높이 공용 메트릭 체계 (Rule 5)

컨테이너 div_Search 높이는 줄수에 따라 고정 수식: **1행 (46px)**, **2행 (77px)**, **3행 (108px)**

5 셔틀(Shuttle)형 배치 정격 규칙 (Rule 6)

좌측/우측 그리드 사이에 컨트롤 셔틀 버튼 배치 시 간격 10px 및 상대 고정 앵커 매핑 필수화.

🎯
AI는 코딩 설계 규칙을 완전 주입받은 상태입니다. 이로 인해 인공지능이 무분별하게 생성하는 스파게티식 마크업을 지양하고, 두산 소속 최고 수준의 시니어 퍼블리셔 수준의 코드를 자동 도출해냅니다.
Module 03: Automated Output Full-Stack Code Generation

연동 화면 및 백엔드 서비스 통합 개발 아웃풋

프론트엔드 연동 로직부터 MyBatis SQL 및 Spring Controller까지 일관되게 동시 빌드해 냅니다.

🖥️ Frontend (Nexacro XFDL) Claude: 38 mins
📁 UI_Template08/
📄 GCA0130.xfdl (조회 화면)
↳ Dataset: ds_Search, ds_List
↳ Event: btn_Search_onclick()
↳ Callback: fn_popupCallback()
📄 GCA0130_P01.xfdl (코드팝업)
☕ Backend (Java & XML) Claude: 10 mins
📁 gca.gcz.d99/
📁 api/
↳ OrdTpWhlController.java
📁 service/
↳ OrdTpWhlService.java
📁 mapper/
↳ OrdTpWhlMapper.java
↳ OrdTpWhlMapper.xml (SQL)
도출 개발 성과지표

화면 수동 조립 디버깅 불필요, 백엔드 MyBatis 매핑 완벽 검증

10개 / 일

8시간 기준 전환개발율

XP ➔ NP AI 자동개발 파이프라인 체험

두산 표준 가이드라인을 습득한 가상 AI 머신이 실제 화면 파일 구조를 변환해 나가는 전과정을 직접 트리거해 보세요.

전환 대상 레거시 화면 설정

Console Terminal
Status: Ready

// AI 파이프라인 시동 대기 상태입니다.

1. UI 컨버터
2. Restyler 보정
3. AI 백엔드 결합
소요시간: 0분
⭐ 핵심 벤치마크 (개 업무화면 전격 전환 시)

초강력 비용 절감 효과 실증!

업계 공인 엔지니어 노임단가(일 30만 원 기준) 적용 시, 수동 개발 대비 AI 파이프라인 전환은 투입 공수를 70% 영구 감축하여 리소스 최적화 및 조기 납품을 무결성 수준으로 완벽 달성합니다.

❌ 기존 수동 마이그레이션

시간 투입 (일 3개 개발 페이스)

✅ AI 자동화 전환개발

시간 투입 (일 10개 완공 패러다임)

🔥 최종 절감 순수 혜택

절감

개발 생산성 3.3배 향상 (공수 70% 감소)

전환 규모 실시간 조정

전환 대상 화면 수 (M)
10개 화면 500개 1,000개 화면

프로젝트 가정 수식 단가

수동 개발 공수: 화면당 2.67시간 (일 3개 완료)
AI 자동 개발 공수: 화면당 0.8시간 (일 10개 완료)
적용 공인 노임 단가: 일 30만 원 (시간당 37,500원 기준)
💡 연동 연산 메커니즘:

사용자가 설정하는 화면 개수에 노임단가를 대입하여 실시간 공수 절감 가치를 계산해 드립니다. 1,000개 기준 설계 수식을 다른 구간에서도 정비례하게 확인하실 수 있습니다.

선택 규모 총 투입 공수 비교

단축
수동: AI:
실시간 계산 비용 절감 효과

생산성 3.3배(333%) 향상, 공수 예산 70% 감소
📊 세부 마이그레이션 생산성 연계 표 (개 화면 기준) 단가: 30만원 / 8h
비교 영역 기존 수동 전환 AI 자동 전환개발 최종 절감 메리트
투입 시간 (시간당 37.5K)
환산 비용 (일 30만원 적용)
📊 화면수 증가에 따른 투입 예산 규모 비교 (Canvas) 일 10개(AI) vs 일 3개(수동) 환산 기준