한국어
Qt
 

Servo는 WebGL 및 WebGPU를 지원하고 데스크탑, 모바일 및 임베디드 애플리케이션에 적용할 수 있는 Rust로 작성된 웹 렌더링 엔진이다.
Rust 생태계는 Servo라는 새로운 웹 렌더링 엔진을 개발해 왔다. 2012년 Mozilla가 처음 만든 Servo는 현재 Linux Foundation의 관리 하에 개발되고 있다.

Servo는 웹 엔진이 다른 애플리케이션 내에 훌륭하게 내장될 수 있도록 계속해서 발전하고 있다. 예를 들어 KDAB는 Qt 소프트웨어에 Servo를 내장하는 작업을 진행해 왔다. KDAB에서 개발하는 CXX-Qt 라이브러리가 Rust와 C++ 사이의 브리지로 사용하여 Qt에 Servo 웹 엔진을 내장할 수 있게 해준다.

servo-acid2-202404.png

이는 이제 Qt 애플리케이션의 웹뷰용 Chromium 대신 Servo를 사용할 수 있음을 의미한다.

QML 관점에서 볼 때 이 구성 요소는 canGoBack, canGoForward, loading, title, url 등의 속성 및 goBack, goForward 메서드를 제공하는 등 Chromium 기반 WebView와 유사하다. QML 아이템 자체는 크기에 맞게 렌더링되는 콘텐츠와 동일한 방식으로 작동한다.

import QtQuick
import QtQuick.Window
 
import com.kdab.servo
 
Window {
  height: 720
  width: 1280
  title: webView.title
  visible: true
 
  ServoWebView {
    id: webView
    anchors.fill: parent
    url: "https://servo.org/"
  }
}

 

CXX-Qt를 사용하여 Rust에서 Qt properties, invokables 및 event handlers(예: 터치 이벤트)를 정의하고 Servo 엔진에서 이벤트를 트리거할 수 있다. 그런 다음 Servo의 모든 업데이트 요청은 Qt 이벤트 루프를 통해 Qt 측 업데이트를 트리거할 수 있다.

CXX-Qt를 사용하여 Rust의 Servo를 Qt의 구성 요소로 표시하는 데모 github 저장소

번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 86011
» Qt 응용프로그램에 Web 구성 요소를 표시 with Servo file makersweb 2024.04.27 100
178 Qt Creator 에서 GitHub Copilot 사용하기 file makersweb 2024.04.13 331
177 QtQuick 애플리케이션에 Rive 애니메이션 통합 makersweb 2024.03.31 377
176 클라우드용 Qt file makersweb 2024.01.16 672
175 QRhi 에 대해서 file makersweb 2023.12.29 545
174 Android 애플리케이션 서명 구성 file makersweb 2023.12.17 512
173 QML의 사용자 정의 Image makersweb 2023.09.17 578
172 Base64로 인코딩된 파일을 복원 makersweb 2023.08.06 462
171 QML에서 D-Bus 통신 file makersweb 2023.03.15 683
170 Qt 하이브리드 애플리케이션(Hybrid App) 개발 file makersweb 2023.02.08 1002
169 Widgets(C++) 기반의 기본 스타일을 Dark 테마 및 Material 디자인 스타일로 바꾸기 file makersweb 2023.01.28 1280
168 OpacityMask 예제 file makersweb 2023.01.26 633
167 QProcess 예제 (프로그램 재시작) file makersweb 2023.01.25 912
166 하드디스크 드라이브 여유 공간 계산 file makersweb 2023.01.15 525
165 Qt Property(속성) 시스템 makersweb 2023.01.08 1836
164 VTK 를 사용해서 강력한 시각화(3D, Plotting, Chart)Qt 응용프로그램 개발하기 file makersweb 2022.10.16 1642
163 QProcess 보안 권고 리뷰 file makersweb 2022.09.18 599
162 QMake 프로젝트를 CMake 프로젝트로 변환 with qmake2cmake makersweb 2022.09.17 1011
161 Qt Safe Renderer 개요 file makersweb 2022.09.08 545
160 clazy 로 13개의 시그널, 슬롯 오류 해결 makersweb 2022.08.23 573