eSeGeCe — Delphi 및 .NET용 엔터프라이즈 통신 컴포넌트
추천 · sgcHTML

백엔드는 이미 HTML을 말해요

웹 앱 전체를 Pascal로 만드세요. 서버 사이드 HTML 컴포넌트가 Bootstrap 5 마크업을 렌더링하고, htmx가 모든 클릭을 인터랙티브하게 유지하며, WebSocket이 열려 있는 페이지에 실시간 업데이트를 밀어 넣어요. npm도, JavaScript 빌드 단계도 없어요.

sgcHTML 살펴보기 무료 체험판 다운로드
  • Bootstrap 5 + htmx
  • WebSocket 기반 실시간
  • JavaScript 불필요
  • Delphi · C++ Builder · .NET
OrdersDashboard.pas
uses
  sgcHTML_Component_StatCard, sgcHTML_Component_Chart,
  sgcHTML_Component_Grid, sgcHTMX_Engine_Server;

// 1. KPI row, three stat cards
FBody :=
  TsgcHTMLComponent_StatCard.Build('Monthly Revenue', '$48,200',
    scSuccess, stUp, '12.5%', 'kpiRevenue', sgBlueViolet) +
  TsgcHTMLComponent_StatCard.Build('Orders Today', '1,284',
    scSuccess, stUp, '4.1%', 'kpiOrders', sgBlueViolet) +
  TsgcHTMLComponent_StatCard.Build('Live Users', '312',
    scSuccess, stNeutral, 'live', 'kpiUsers', sgBlueViolet);

// 2. Chart
oChart.ChartType := ctBar;
oChart.AddLabel('Mon'); oChart.AddLabel('Tue'); oChart.AddLabel('Wed');
oChart.AddLabel('Thu'); oChart.AddLabel('Fri');
oChart.AddDataset('Orders', [42, 58, 51, 73, 66],
  '#7C3AED', 'rgba(124,58,237,.25)', True);
FBody := FBody + oChart.HTML;

// 3. Grid, straight from a dataset
oGrid.ShowSort := True;
oGrid.ShowFilter := True;
oGrid.LoadFromDataSet(qryOrders);
FBody := FBody + oGrid.HTML;

oPage.BodyContent := FBody;
Response := oPage.GetHTML;      // full Bootstrap page

// 4. Later, from any thread, push a live KPI
oHTMX.BroadcastFragment(
  '<div id="kpiRevenue" hx-swap-oob="true">' +
  CurrToStr(FRevenue) + '</div>');

왼쪽은 Object Pascal, 오른쪽은 그 코드가 브라우저에 실제로 서비스하는 페이지예요. C++ Builder와 C#에서도 동일한 컴포넌트를 사용해요.

sgcHTML

Delphi, C++ Builder, .NET을 위한 서버 사이드 HTML 컴포넌트예요. 차트, 그리드, 폼, 대시보드, 채팅을 Bootstrap 5 마크업으로 렌더링하고, WebSocket 위의 htmx가 실시간으로 유지해요.

제품 개요 가격
컴포넌트 라이브러리

아홉 개의 패밀리, 하나의 팔레트

모든 위젯이 네이티브 클래스예요. 속성을 설정하고, 필요하면 TDataSet에 바인딩한 다음, HTML 속성을 읽으세요. Grid, DataTable, Chart, Select, TreeView, Scheduler, Timeline, Form은 데이터셋에서 바로 로드돼요.

64 컴포넌트 아홉 개의 패밀리, NavBar부터 AIChat까지 컴포넌트마다 전용 문서 페이지가 있어요.

차트 및 시각화

Chart(Chart.js의 line, bar, pie, doughnut, radar, polar, bubble, scatter), Gauge, 인라인 SVG로 그리는 Diagram, Leaflet 기반 Map을 제공해요.

패밀리 보기 →

데이터 및 테이블

정렬, 필터, CSV 및 PDF 내보내기, 인라인 편집, 그룹화, 가상 스크롤을 갖춘 Grid를 제공해요. DataTable, Calendar, Scheduler, Timeline, KanbanBoard, Gantt도 함께 제공해요.

패밀리 보기 →

폼 및 입력

검증 기능을 갖춘 Form과 Edit, Memo, CheckBox, RadioGroup, Select, InputGroup, AutoComplete, DatePicker, FileUpload, RichEditor, Rating을 제공해요.

패밀리 보기 →

내비게이션 및 구조

NavBar, Sidebar, Breadcrumb, Tabs, Pagination, Toolbar, TreeView, Stepper, Dropdown, ButtonGroup, ListGroup, DashboardLayout, Site를 제공해요.

패밀리 보기 →

콘텐츠 및 레이아웃

Panel, 추세 화살표와 그라데이션이 있는 StatCard KPI 타일, Accordion, Carousel, Image, Avatar, Video를 제공해요.

패밀리 보기 →

오버레이 및 피드백

Modal, Offcanvas, Popover, Toast, Snackbar, 읽지 않음 배지가 있는 Notification 센터, Spinner, Placeholder 스켈레톤을 제공해요.

패밀리 보기 →

채팅 및 AI

ChatBox, 텍스트, 이미지, 파일, 오디오, 비디오 메시지를 지원하는 Chat, 그리고 제공업체 선택기, 토큰 스트리밍, RAG 출처 인용을 갖춘 AIChat을 제공해요.

패밀리 보기 →

인증

Login, Google, Facebook, Apple, GitHub, Microsoft용 SocialLogin OAuth 버튼, OAuthCallback, 그리고 WebAuthnLogin 패스키를 제공해요.

패밀리 보기 →

엔진, 서버 및 테마

TsgcHTMLEngine_Server가 렌더링된 페이지를 서비스하고, TsgcHTMX_Engine_Server가 htmx 요청을 처리하고 프래그먼트를 푸시해요. PageBuilder, TemplateBootstrap, ThemeController, ThemeBuilder가 문서와 라이트 또는 다크 테마를 담당해요.

패밀리 보기 →

Bootstrap 5.3과 htmx가 내장되어 있어 런타임에 CDN을 호출하지 않아요. 기본 UI 텍스트는 17개 언어로 제공되며, 모든 컴포넌트가 동적 콘텐츠를 기본적으로 HTML, 속성, JavaScript, URL 인코딩해요.

실시간 UI

서버가 렌더링하고, htmx가 교체하고, WebSocket이 푸시해요.

클라이언트 애플리케이션이 없으니 동기화할 클라이언트 상태도 없어요. 페이지는 Pascal 또는 C# 코드가 소유해요. 첫 요청에는 HTML로 응답하고, 각 상호작용에는 프래그먼트로 응답하며, 데이터가 바뀌는 순간 열려 있는 모든 브라우저에 새 프래그먼트를 푸시해요.

브라우저 sgcHTML 서버 GET /dashboard 200 · 전체 Bootstrap 5 페이지 hx-post /orders/filter OnHTMXRequest → 프래그먼트, 제자리에서 교체 WebSocket · BroadcastFragment(hx-swap-oob)
  1. 구성

    Pascal 또는 C#에서 TsgcHTMLComponent_* 클래스로 페이지를 만들거나, 데이터셋에 바인딩해 행을 렌더링하게 하세요.

  2. 서비스

    TsgcHTMLEngine_Server가 여러분의 HTTP 서버에서 완전한 Bootstrap 5 문서와 내장 자산으로 요청에 응답해요.

  3. 교체

    htmx가 상호작용을 OnHTMXRequest로 보내요. 핸들러는 바뀐 프래그먼트만 반환하고, htmx가 그것을 제자리에 교체해요.

  4. 푸시

    BroadcastFragment가 out-of-band 프래그먼트를 WebSocket으로 연결된 모든 브라우저에 보내요. 스레드 안전하므로 백그라운드 타이머에서 바로 호출할 수 있어요.

하나의 컴포넌트, 하나의 웹사이트

TsgcHTMLComponent_Site

헤더, 내비게이션 메뉴, 콘텐츠 영역, 푸터를 교체 가능한 레이아웃 템플릿으로 감쌌어요. 레이아웃과 테마, 브랜드를 설정하고 메뉴와 콘텐츠를 추가한 다음, HTML 속성을 읽어 완성된 페이지를 서비스하세요.

uses
  sgcHTML_Enums, sgcHTML_Component_Site;

oSite := TsgcHTMLComponent_Site.Create(nil);
try
  oSite.Layout := slTopNavSidebarLeft;
  oSite.Theme.Preset := stpViolet;
  oSite.Theme.Mode := stmLight;
  oSite.Brand.Text := 'Acme';

  oSite.AddMenu('Dashboard', '/', '📊').Active := True;
  oSite.AddMenu('Reports', '/reports', '📈');

  oSite.AddSection('Overview', '<p>Welcome back.</p>', 'overview');
  oSite.AddContent('<div class="alert alert-info">All systems normal</div>');
  oSite.Footer.Text := '© 2026 Acme';

  Response := oSite.HTML;   // the whole site, one component
finally
  oSite.Free;
end;
using esegece.sgcWebSockets;

var site = new TsgcHTMLComponent_Site();
site.Layout = TsgcHTMLSiteLayout.slTopNavSidebarLeft;
site.Theme.Preset = TsgcHTMLSiteThemePreset.stpViolet;
site.Theme.Mode = TsgcHTMLSiteThemeMode.stmLight;
site.Brand.Text = "Acme";

site.AddMenu("Dashboard", "/", "📊").Active = true;
site.AddMenu("Reports", "/reports", "📈");

site.AddSection("Overview", "<p>Welcome back.</p>", "overview");
site.AddContent("<div class=\"alert alert-info\">All systems normal</div>");
site.Footer.Text = "© 2026 Acme";

string html = site.GetHTML();   // the whole site, one component
교체 가능한 레이아웃 템플릿 라이트 및 다크 테마 브랜드, 메뉴, 콘텐츠, 푸터 Delphi · C++ Builder · .NET

sgcHTML은 sgcWebSockets Professional 또는 Enterprise가 필요하며, All-Access 번들에 포함되어 있어요.

API 계층 생성

sgcOpenAPI가 UI가 호출할 백엔드를 작성해요

sgcHTML 페이지에는 데이터가 필요하고, 그 데이터는 보통 API에서 와요. sgcOpenAPI는 Delphi와 C++ Builder를 위한 하나의 번들 제품이에요. OpenAPI 3.x 파서, 네이티브 Pascal SDK 생성기, OpenAPI 서버 컴포넌트, 그리고 바로 쓸 수 있는 사전 빌드 클라우드 SDK 라이브러리를 제공해요.

OpenAPI 3.x 파서

JSON이나 YAML로 된 OpenAPI 3.x 문서를 코드에서 순회할 수 있는 강타입 객체 모델로 읽어 들여요.

파서 보기 →

Pascal SDK 생성기

그 스펙을 타입이 지정된 요청과 응답 클래스를 갖춘, 바로 컴파일할 수 있는 네이티브 Delphi 또는 C++ Builder 클라이언트로 바꿔요.

생성기 기능 →

OpenAPI 서버 컴포넌트

자체 엔드포인트를 실시간 openapi.json 또는 openapi.yaml로 게시하고, 스펙에서 엔드포인트를 만들며, 요청과 응답을 스펙과 대조해 검증해요.

서버 보기 →

사전 빌드된 클라우드 SDK

Amazon AWS 280개 이상, Microsoft Azure 650개 이상, Google Cloud 250개 이상, Microsoft Graph 15개 이상의 서비스가 이미 생성되어 있어요.

API 둘러보기 →
1,195+ 사전 빌드된 SDK AWS, Azure, Google Cloud, Microsoft Graph를 Single, Team 또는 Site 라이선스 하나로 사용해요. Delphi 7부터 RAD Studio 13까지 지원해요.

sgcOpenAPI 살펴보기

생태계

여섯 개의 라이브러리, 하나의 스택

sgcHTML은 UI 계층이에요. 나머지 스택은 소켓부터 서명까지 그 아래에 자리해요.

sgcWebSockets

WebSocket, HTTP/2, HTTP/3, MQTT, AMQP, WebRTC, AI 및 30개 이상의 API 통합을 제공해요. sgcHTML이 올라가는 HTTP 및 WebSocket 서버예요.

자세히 알아보기 →

sgcHTML

Delphi, C++ Builder, .NET을 위한 서버 사이드 HTML 및 UI 컴포넌트예요. Bootstrap 5 마크업, htmx 인터랙티브 기능, 실시간 업데이트를 제공해요.

자세히 알아보기 →

sgcOpenAPI

OpenAPI 3.x 파서, Pascal SDK 생성기, OpenAPI 서버 컴포넌트, 그리고 1,195개 이상의 사전 빌드 클라우드 SDK를 제공해요.

자세히 알아보기 →

sgcSign

문서 서명(XAdES, PAdES, CAdES, ASiC)과 코드 서명(Authenticode, ClickOnce, NuGet, VSIX)을 10개 키 공급자와 21개 EU 국가 프로파일과 함께 제공해요.

자세히 알아보기 →

sgcBiometrics

Windows Biometric Framework를 통해 Delphi와 C++ Builder용 Windows Hello, 지문 센서, 얼굴 인식을 제공해요.

자세히 알아보기 →

sgcIndy

확장된 프로토콜 지원과 엔터프라이즈 애플리케이션을 위한 성능 최적화가 적용된 향상된 Indy TCP/IP 컴포넌트 모음이에요.

자세히 알아보기 →

가격 및 에디션 보기 무료 체험판 다운로드

고객 후기

개발자들의 평가

전 세계에서 실시간 애플리케이션을 구축하는 Delphi, C++ Builder, Lazarus 및 .NET 개발자가 신뢰해요.

sgcWebSockets 라이브러리는 정말 유용하고 설정하기 쉬워요. 앞으로도 좋은 작업 부탁드려요!
Simone Moretti Delphi 개발자
sgcWebSockets는 정말 훌륭하고 지원도 최고예요!
Christian Meyer 창립자 및 CTO
도움과 지원에 정말 감사드려요. 컴포넌트가 너무 마음에 들어요.
Mark Steinfeld CTO

지금 eSeGeCe의 풀스택 웹 관점을 보고 있어요.

다른 관점 보기 →
30일 환불 보장만족하지 않으세요? 구매 후 30일 이내에 전액 환불을 요청하세요. 환불 정책 보기

IDE를 벗어나지 않고 웹 UI를 출시하세요

차트, 그리드, 폼, 대시보드, 실시간 페이지를 이미 사용하는 언어로 작성하고, 이미 운영 중인 서버로 서비스하세요. 전체 소스와 로열티 없는 배포를 제공해요.

무료 체험판 다운로드 가격 보기