Elevate Web Builder에서 sgcHTML로 마이그레이션 — Delphi 웹 UI 컴포넌트 | eSeGeCe

Elevate Web Builder에서 sgcHTML로 마이그레이션

Elevate Software의 Elevate Web Builder는 자체 IDE와 JavaScript로 컴파일되는 Object Pascal 방언을 갖춘 신속 애플리케이션 개발 환경입니다. Pascal 개발자에게 브라우저로 가는 진정한 비주얼 경로를 제공하며, 버전 3.x가 현재 버전으로 활발히 유지 관리되고 있습니다. RAD Studio에서도 작업하는 팀이 sgcHTML을 검토하는 이유는, 이미 보유한 Delphi(또는 C++ Builder) 프로젝트 안에서 표준 Object Pascal로 서버 렌더링 Bootstrap 5 페이지, htmx 인터랙티브 기능 및 WebSocket 실시간을 갖춘 웹 UI를 구축할 수 있기 때문입니다.

아키텍처에서 무엇이 바뀌는지

Elevate Software에 따르면, Elevate Web Builder 애플리케이션은 자체 IDE에서 JavaScript로 컴파일되는 Object Pascal 방언으로 작성됩니다. 애플리케이션은 브라우저에서 클라이언트 사이드로 실행되고 서버 모듈과 통신하며, Delphi 호스트용 네이티브 모듈을 구축할 수 있습니다. sgcHTML은 그 모델을 뒤집습니다: 컴포넌트는 서버로 컴파일되는 네이티브 클래스이고, HTML은 서버 사이드에서 렌더링되며, 브라우저는 얇은 표준 클라이언트로 유지됩니다.

하나의 IDE, 표준 Pascal

RAD Studio와 표준 Delphi, C++ Builder 또는 .NET 안에 완전히 머무릅니다. 배워야 할 두 번째 IDE도, 언어 방언도 없습니다. sgcHTML 컴포넌트는 기존 프로젝트의 네이티브 클래스입니다.

프로세스 내 데이터 접근

페이지가 서버에서 렌더링되며 모든 Delphi 라이브러리, 데이터베이스 드라이버 또는 기존 데이터 모듈에 직접 접근합니다. 27개의 데이터 연동 컴포넌트가 UI와 데이터 사이에 모듈 경계 없이 TDataSet에 바로 바인딩됩니다.

Bootstrap 5와 htmx

출력은 검사할 수 있고 어떤 Bootstrap 테마로도 스타일을 변경할 수 있는 깔끔한 Bootstrap 5 마크업입니다. 인터랙티브 기능은 htmx(~14 KB)에서 나오므로, 사용자가 Object Pascal 또는 C#을 작성하면 sgcHTML이 HTML, CSS 및 JavaScript를 작성합니다.

실시간과 전체 소스

WebSocket 푸시가 동일한 컴포넌트 세트에 내장되어 있습니다: 서버가 sgcHTMX 엔진을 통해 HTML 조각을 브로드캐스트합니다. 컴포넌트 계층은 전체 소스 코드와 함께 제공됩니다.

Elevate Web Builder 개념을 sgcHTML로 매핑

Elevate Web Builder 애플리케이션의 각 구성 요소에는 sgcHTML 모델의 직접적인 대응 요소가 있습니다.

Elevate Web Builder 개념sgcHTML 대응 요소
Elevate Web Builder IDE 프로젝트기존 RAD Studio 프로젝트; 컴포넌트는 거기에 추가하는 네이티브 클래스
폼과 비주얼 컨트롤sgcHTML 노드 컴포넌트, 아홉 개 제품군의 89개 서버 사이드 컴포넌트
데이터셋과 서버 모듈서버에서의 직접 TDataSet 바인딩, 프로세스 내에서 데이터를 읽는 27개의 데이터 연동 컴포넌트
컴파일된 JavaScript 클라이언트htmx(~14 KB)로 인터랙티브하게 유지되는 서버 렌더링 Bootstrap 5 HTML
클라이언트 사이드 이벤트 핸들러컴포넌트 HTML을 반환하는 htmx 프래그먼트 라우트
정적 파일과 서버 모듈로 배포외부 런타임 없는 단일 독립 서버 실행 파일 또는 서비스
컨트롤 스타일 속성라이트 및 다크가 내장되고 어떤 Bootstrap 테마로도 스타일 변경 가능한 Bootstrap 5 테마
라이브 데이터 업데이트sgcHTMX 엔진을 통한 HTML 조각의 WebSocket 브로드캐스트 (hx-swap-oob)

이미 잘 작동하는 것은 그대로 유지됩니다

UI 계층을 마이그레이션한다고 처음부터 다시 시작하는 것은 아닙니다. 그 주변의 투자는 그대로 이어집니다.

코드 베이스와 IDE

Delphi 또는 C++ Builder 프로젝트는 그 자리에 그대로 있습니다. sgcHTML이 그 안으로 컴파일되고, 웹 UI는 동일한 빌드의 일부가 됩니다.

데이터 모듈

기존 TDataSet 로직, 쿼리 및 비즈니스 규칙을 그대로 재사용합니다. 데이터 연동 컴포넌트가 이미 유지 관리 중인 데이터셋에 바인딩됩니다.

배포 습관

여전히 단일 바이너리를 배포합니다. 애플리케이션은 외부 런타임 없이 하나의 독립 실행 파일 또는 서비스로 배포됩니다.

팀의 역량

Object Pascal과 C#이 그대로 작업 언어입니다. 누구도 방언을 배우거나 JavaScript를 직접 유지 관리할 필요가 없습니다.

실용적인 마이그레이션 경로

모든 것을 한 번에 마이그레이션할 필요가 없습니다. 화면별로 옮기는 동안 두 서버를 병렬로 실행할 수 있습니다.

1

화면 인벤토리 작성

Elevate Web Builder 애플리케이션의 폼, 각각이 표시하는 데이터, 그리고 라이브 업데이트가 필요한 화면을 정리하세요.

2

컴포넌트에 매핑

각 화면을 sgcHTML 그리드, 폼, 차트 및 대시보드에 매칭하세요. 89개 컴포넌트를 모두 살펴보고 대응 요소를 고르세요.

3

페이지별 재구축

sgcHTML은 표준 HTTP를 제공하므로, 페이지를 하나씩 옮기는 동안 두 서버를 동일한 리버스 프록시 뒤에서 나란히 실행할 수 있습니다.

4

인터랙티브 기능 연결

부분 업데이트를 위한 htmx 인터랙션을 추가하고, 애플리케이션에 라이브 데이터가 필요한 곳에 WebSocket 푸시를 추가하세요.

저희가 마이그레이션을 도와드립니다

혼자 하실 필요가 없습니다. Elevate Web Builder 애플리케이션, 화면, 그 뒤의 데이터, 필요한 실시간 동작을 알려 주시면, eSeGeCe 팀이 마이그레이션 계획을 돕습니다: 화면 인벤토리, 컴포넌트 매핑, 그리고 현실적인 일정. 원하신다면 €149부터 시작하는 일회성 패키지인 sgcCustomization HTML을 통해 애플리케이션을 대신 재구축해 드립니다.

실제 작동 보기

다섯 개의 완전한 애플리케이션으로, 모두 sgcHTML + sgcWebSockets만으로 구축되어 eSeGeCe 데모 서버에서 실시간으로 실행됩니다.

ERP

고객, 공급업체, 제품, 송장 및 보고서.

라이브 데모 열기 →

관리 CRUD

CRUD 화면과 라이브 검색을 갖춘 콤팩트한 관리 콘솔입니다.

라이브 데모 열기 →

라이브 모니터

KPI가 WebSocket을 통해 푸시되는 실시간 대시보드입니다.

라이브 데모 열기 →

고객 포털

주문, 프로필 및 지원 기능을 갖춘 셀프서비스 포털입니다.

라이브 데모 열기 →

헬프데스크

답글 스레드와 관리자 통계를 갖춘 지원 티켓 헬프데스크입니다.

라이브 데모 열기 →

공정하게 말하자면: 제품이 최소한의 서버 개입으로 브라우저에서 클라이언트 사이드로 실행되어야 하고, 팀이 Elevate Web Builder IDE에서 생산적이라면, 거기에 머무르는 것도 합리적인 선택입니다. 버전 3.x는 현재 버전으로 활발히 유지 관리되고 있습니다. 공급업체가 인용된 근거로 선택지를 비교하고 싶다면, 저희의 중립적인 비교 페이지가 출처와 함께 나란히 비교 매트릭스를 제공합니다.

최고의 가성비: All-Access모든 eSeGeCe 제품과 프리미엄 지원이 포함되어 연 €1,059부터 이용할 수 있어요.
All-Access 가격 보기

다음 웹 UI를 RAD Studio에서 구축하세요

89개 컴포넌트가 모두 포함된 무료 체험판을 다운로드하거나, 에디션과 라이선스를 검토하세요. sgcHTML은 €299부터 개발자별로 라이선스되며 sgcWebSockets Professional 또는 Enterprise가 필요합니다.