ONSYS

Home / 총판솔루션

PROSOFT프로소프트

코스믹AI × KONA FLOW

상용UI 화면을 KONA FLOW로 자동 변환하고, 프런트엔드 · 백엔드 · 데이터베이스까지 웹 표준으로 전환합니다. 반복되는 업무는 코스믹AI 에이전트가 맡습니다.

6,240실제 화면으로 검증공개 프로젝트 · 운영 업무 시스템 · 버전별 샘플
100%생성 화면 컴파일 성공6,239 / 6,239 화면
99.1%화면 구성요소 변환율프로젝트 단위 업로드 기준
73.6%스크립트 변환 (AI 서포트 ON)AI 없이 41.2% · 샘플 100 화면

측정: 2026년 10월, 프로소프트 KonaFlow 화면 변환기 · 환경과 화면 구성에 따라 결과는 달라질 수 있습니다.

01화면 자동 변환

화면 파일을 올리면,
같은 구조의 KONA FLOW 화면이 만들어집니다

상용UI 화면 파일을 첨부하면 같은 화면 구조의 KONA FLOW 화면 코드가 만들어집니다. 화면 구조 · 그리드 · 조회조건 · 팝업 · 차트와 자주 쓰는 스크립트는 AI 없이도 규칙 기반으로 변환됩니다.

왼쪽은 기존 업무화면, 오른쪽은 KONA FLOW로 전환한 웹 화면이 나뉘어 보이는 모니터
1 · 분석99.98%

버전 판별과 화면 구조 분석 (6,239 / 6,240 화면, 실패 1건은 원본 XML 손상)

2 · 생성99.98%

KONA FLOW 화면 코드 · 메뉴 · 다국어 요청 생성, 개발 규약 검사 오류 0건

3 · 컴파일100%

생성된 Vue 화면을 미리보기 엔진과 Vue 컴파일러로 모두 컴파일해 오류 없음 확인

버전별 화면 구성요소 변환율

프로젝트 단위 업로드 기준 · 막대는 90~100% 구간 · 버전은 파일 형식으로 자동 판별

AI 서포트 (선택)

AI 서포트 운영 지표
스크립트 변환율 (핸들러 기준)41.2% → 73.6%
스크립트 변환율 (함수 기준)13.9% → 58.7%
결과가 나빠진 화면0
화면당 AI 처리 시간평균 약 7초
사용 모델사내(온프레미스) LLM 연결

규칙으로 옮기지 못한 함수만 AI가 번역하고, 문법 · 규약 · 참조 검증을 통과한 코드만 넣습니다. 고정 샘플 100 화면 기준.

02무엇이 어떻게 변환되나

원래 화면 구조 그대로,
KONA FLOW 표준 컴포넌트로

화면에 보이는 컴포넌트를 하나씩 KONA FLOW 컴포넌트로 옮기고, 부분 변환 항목은 보고서와 TODO 표시로 바로 찾을 수 있습니다.

컴포넌트 변환 매핑
기존 컴포넌트변환KONA FLOW
Grid · ListViewKGrid (헤더 · 셀 형식 · 컬럼 크기 유지)
조회 영역 · Edit · Combo · Calendar조회조건 폼 · KInput · KSelect · KDatePicker
PopupDiv · 팝업 화면KonaModal
Tab · Div탭 · 영역 배치 그대로
Chart 계열Apache ECharts
FileUpload · FileDownloadKONA FLOW 파일 업로드 · 다운로드
Menu · WebBrowser · Splitter메뉴 · iframe · 분할 창

함께 만들어지는 결과물

Vue 화면 코드메뉴 · 권한 등록 SQL다국어 키 요청 · 등록화면별 변환 보고서원본 · 변환 미리보기GitLab Merge Request 자동 생성

03전환 전략

레거시 시스템에서
KONA FLOW로

오래된 UI 런타임과 프레임워크, 특정 DB에 묶인 시스템을 오픈소스 기반 웹 표준 아키텍처로 전환합니다. 프런트엔드부터 데이터베이스까지 완벽하게 지원합니다.

기술 요소별 전환 매핑
구분기존 (AS-IS)전환KONA FLOW (TO-BE)
화면상용UI 화면 파일Vue 3 · TypeScript · RealGrid
통신XML DatasetREST API (JSON)
서버전자정부FW 3.1 · Spring 3.xSpring Boot 3.2 (Spring 6, jakarta)
데이터베이스MyBatis · Tibero / OracleMyBatis 3.5+ · PostgreSQL
보안eGovFrame SecuritySpring Security · JWT · AES256
인프라외장 WAS · 온프레미스 · 수동 배포내장 Tomcat 10 · Docker/K8s · CI/CD

코스믹AI + KONA FLOW 완벽 지원 (프런트 · 백 · DB)

3단계 전환

PHASE 1

인프라 · 백엔드 전환

1~2개월

  • Spring Boot 3 · jakarta 전환
  • Oracle · Tibero → PostgreSQL
  • Stored Procedure → MyBatis 쿼리
  • REST API 재설계
PHASE 2

프런트엔드 전환

2~4개월

  • 상용UI 화면 → Vue 3 자동 변환
  • RealGrid 대용량 그리드 적용
  • XML Dataset → JSON 통신
  • 다국어 · 개인화 · 반응형
PHASE 3

통합 검증 · 안정화

1~2개월

  • 통합 · 성능 테스트
  • Fortify · SonarQube 보안 점검
  • 데이터 정합성 자동 검증
  • 교육 · 병행 운영 · 운영 이관

일정은 화면 100~200개 기준 예시이며, 실제 규모에 따라 조정됩니다. 전환 이후 추가 개발과 운영 인력도 이어서 지원합니다.

04코스믹AI 업무 자동화 에이전트

말 한마디로 만드는
업무 자동화 에이전트

업무 지시를 평소 말하듯 입력하면, 코스믹AI 에이전트가 등록된 지식에서 연동 방법을 찾아 워크플로우를 만들고 정해진 시간마다 실행합니다. 코딩 없이, 대화만으로.

  1. 01
    말하듯 지시합니다“매일 아침 6시, 재고를 엑셀로 받아 메일로 보내 줘”
  2. 02
    지식에서 방법을 찾습니다등록된 연동 가이드에서 로그인 · 조회 API, 엑셀 구성, 메일 설정을 읽습니다
  3. 03
    워크플로우를 만듭니다화면 클릭 대신 API 조회 → 엑셀 생성 → 메일 발송까지 코드를 직접 작성합니다
  4. 04
    매일 실행합니다다음 실행이 예약되고, 필요하면 “지금 한 번 실행해 줘”로 바로 돌립니다
  5. 05
    결과를 확인합니다조회 건수와 합계가 담긴 엑셀이 메일로 도착합니다

시연: 워크플로우 생성 실제 소요 약 1.9분 · 비밀번호는 화면과 코드에 드러나지 않는 보안 환경변수로 저장 · 사내 설치형 AI로 소스코드를 외부로 보내지 않습니다.

05KONA FLOW

RIA의 생산성,
웹 표준의 자유

KONA FLOW로 다시 세운 화면은 이렇게 일합니다.

Data Grid

엑셀처럼 쓰는 대용량 그리드와 엑셀 연동

설정 기반 개발

조회 조건과 컬럼을 설정만으로, CRUD 템플릿 제공

글로벌 환경

다국어, 숫자 · 날짜 · 통화 형식, 타임존

사용자 개인화

컬럼 순서 · 표시, 메뉴 위치, 레이아웃 저장

보안

AES256 암호화, SQL Injection 방어, 시큐어 코딩

모바일

반응형으로 PC와 모바일을 한 번에 개발

100만 건, 1초대

KONA FLOW
1.2초
기존 RIA · 레거시 웹
약 30초

대용량 데이터 렌더링 비교 · 프로소프트 자체 테스트(JSON 데이터, DB 미연결) 기준

품질 보증

품질 보증 항목
Fortify 보안 점검SQL Injection, XSS 등 취약점 조치
SonarQube 코드 분석정적 분석 기반 코드 품질 관리
성능 부하 테스트100만 건 그리드 렌더링 검증
데이터 정합성 검증건수 · 합계 자동 검증

06라이선스

라이선스와 판매정책은
협의 후 안내합니다

라이선스 형태와 판매정책은 도입 범위와 규모를 확인한 뒤 협의하여 정합니다. 문의하기로 연락 주시면 견적서를 이메일로 보내 드리고, 오프라인 상담에서 확정합니다.

CONTACT

실제 화면 파일로 시연해 드립니다

우리 화면 파일을 올려 변환 결과를 먼저 확인하고, 2주 무료 PoC로 도입을 결정하세요.