TMS WEB Core에서 sgcHTML로 마이그레이션 — Delphi 웹 UI 컴포넌트 | eSeGeCe

TMS WEB Core에서 sgcHTML로 마이그레이션

TMS WEB Core는 Delphi와 최신 Object Pascal을 JavaScript로 컴파일하는 TMS Software의 상용 프레임워크로, 애플리케이션이 브라우저에서 단일 페이지 애플리케이션으로 클라이언트 사이드에서 실행되며 REST/JSON(주로 TMS XData)을 통해 백엔드와 통신합니다. 이를 사용하는 팀이 sgcHTML을 검토하는 것은 Pascal 코드를 서버에서 네이티브로 컴파일된 상태로 유지하고 싶을 때, 데이터를 보여 주기 위해서만 별도의 API 계층을 구축하지 않고 직접 TDataSet에 접근하고 싶을 때, 그리고 브라우저 대신 고전적인 Delphi 서버 개발의 디버깅 경험을 원할 때입니다.

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

두 가지 정직한 모델: 브라우저에서 실행되는 JavaScript로 컴파일된 코드, 또는 서버에서 HTML을 렌더링하는 네이티브 코드.

TMS WEB Core 모델에서는 Object Pascal이 JavaScript로 컴파일되고, 결과로 만들어진 단일 페이지 애플리케이션이 브라우저에서 완전히 실행됩니다. 데이터 접근은 TMS XData 같은 REST/JSON 형태의 HTTP API 계층을 거치며, 이 계층을 클라이언트와 함께 구축, 배포 및 보호해야 합니다. 디버깅은 부분적으로 브라우저에서 이루어집니다. sgcHTML은 그 모델을 뒤집습니다: 코드는 서버에서 네이티브로 유지되고 브라우저는 표준 서버 렌더링 HTML을 받습니다.

서버의 네이티브 코드

Object Pascal 또는 C#이 늘 그랬던 것처럼 컴파일되어 서버에서 실행됩니다. 트랜스파일 단계도 JavaScript 디버깅도 없으며, IDE에서 네이티브 서버 코드를 디버깅합니다.

직접적인 데이터 접근

89개 컴포넌트 중 27개가 데이터 연동이며 동일한 프로세스에서 TDataSet 또는 DataSource에 바로 바인딩됩니다. 데이터를 페이지에 표시하기 위해서만 별도의 REST 계층이 필요하지 않습니다.

서버 렌더링 Bootstrap 5

페이지는 깔끔한 Bootstrap 5 마크업의 표준 서버 렌더링 HTML입니다: SEO 친화적이고, 성능이 낮은 기기에서도 빠르며, 모든 Bootstrap 테마로 스타일을 변경할 수 있습니다. 인터랙티브 기능은 htmx(~14 KB)에서 나옵니다.

실시간 내장

sgcHTMX 엔진이 WebSocket을 통해 업데이트를 푸시합니다: 서버가 클라이언트 프레임워크를 연결하지 않고도 연결된 브라우저에 HTML 조각(hx-swap-oob)을 브로드캐스트할 수 있습니다.

TMS WEB Core 개념과 sgcHTML의 대응 요소

TMS WEB Core 애플리케이션의 각 부분이 sgcHTML 모델에서 어디에 해당하는지 보여 드립니다.

TMS WEB Core 개념sgcHTML 대응 요소
JavaScript로 컴파일된 폼 (pas2js)네이티브 컴포넌트로 구축한 서버 렌더링 sgcHTML 페이지
브라우저에서의 SPA 라우팅Delphi 서버가 제공하는 표준 URL
REST/XData 데이터 계층서버 사이드의 직접 TDataSet 바인딩; REST는 원할 때만 나중에 추가
비동기 브라우저 콜백컴포넌트 HTML을 반환하는 htmx 프래그먼트 라우트
브라우저에서의 디버깅네이티브 서버 코드의 Delphi/IDE 디버깅
JavaScript 라이브러리 통합기본 제공되는 Bootstrap 5 컴포넌트
WebSocket 클라이언트 연결컴포넌트 세트에 내장된 sgcHTMX 엔진 브로드캐스트
정적 호스팅과 API 백엔드단일 독립 서버 바이너리

유지되는 것

sgcHTML로의 마이그레이션은 UI가 만들어지는 위치를 바꾸는 것이지, 팀이 일하는 방식을 바꾸는 것이 아닙니다.

코드 베이스와 IDE

기존 Delphi 또는 C++ Builder 프로젝트와 함께 RAD Studio에서 계속 작업합니다. sgcHTML 컴포넌트는 서버 바이너리로 컴파일되는 네이티브 클래스이며, 순수 관리형 .NET 구현이 동일한 Tsgc* 클래스 이름을 제공합니다.

데이터 모듈

TDataSet 로직, 쿼리 및 데이터 모듈이 그대로 계속 작동합니다. 데이터 연동 sgcHTML 컴포넌트가 프로세스 내에서 직접 바인딩됩니다.

배포 습관

외부 런타임 없이 단일 독립 실행 파일 또는 서비스로 배포합니다. sgcWebSockets 서버는 물론 WebBroker, DataSnap 및 RAD Server 호스트에서도 실행됩니다.

언어 역량

사용자가 Object Pascal 또는 C#을 작성하면 sgcHTML이 HTML, CSS 및 JavaScript를 작성합니다. 개발자에게 JavaScript가 요구되지 않습니다.

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

빅뱅 방식의 재작성이 필요 없습니다. 화면별로, 네 단계입니다.

1

화면 인벤토리 작성

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

2

각 화면을 컴포넌트에 매핑

컴포넌트 갤러리의 sgcHTML 그리드, 폼, 차트 및 대시보드에 모든 화면을 매칭하세요. 27개의 데이터 연동 컴포넌트가 DB 바인딩 화면을 커버합니다.

3

페이지별 재구축

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

4

인터랙션과 푸시 연결

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

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

혼자 하실 필요가 없습니다. eSeGeCe는 마이그레이션 서비스를 제공합니다: TMS WEB Core 애플리케이션에 대해 알려 주시면, 저희 팀이 마이그레이션 계획을 돕고 컴포넌트 매핑을 제안하며 작업량을 추정합니다. 원하신다면 €149부터 시작하는 일회성 패키지인 sgcCustomization HTML을 통해, 라이선스하시는 컴포넌트 위에 애플리케이션을 대신 재구축해 드립니다.

sgcHTML 자체는 €299부터 개발자별(Single/Team/Site)로 라이선스되며, sgcWebSockets Professional 또는 Enterprise가 필요합니다.

실제 작동 보기

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

ERP

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

라이브 데모 열기 →

관리 CRUD

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

라이브 데모 열기 →

라이브 모니터

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

라이브 데모 열기 →

고객 포털

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

라이브 데모 열기 →

헬프데스크

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

라이브 데모 열기 →

공정하게 말하자면: 목표가 영구적인 서버 연결 없이 실행되는 오프라인 지원 클라이언트 사이드 SPA 또는 PWA라면, TMS WEB Core 같은 클라이언트 사이드 접근이 여전히 합리적인 선택입니다. 아직 선택지를 비교 중이라면, 저희의 중립적인 비교 페이지가 sgcHTML, uniGUI, TMS WEB Core, IntraWeb, Elevate Web Builder 및 D2Bridge를 출처와 함께 나란히 매트릭스로 보여 드립니다. 다른 시작점은 마이그레이션 허브에서 다룹니다.

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

서버 렌더링 모델을 사용해 볼 준비가 되셨나요?

89개 컴포넌트가 모두 포함된 무료 체험판을 다운로드하여 첫 TMS WEB Core 화면을 서버 렌더링 Bootstrap 5 페이지로 재구축해 보세요.