이 페이지에서

Qt Quick 예제 및 튜토리얼

Qt에는 특정 사용법을 보여주는 여러 예제가 포함되어 있습니다. 이 예제들은 애플리케이션 형태로 실행되거나, Qt Creator 및 Qt Extension for Visual Studio Code에서 실행됩니다. Qt 튜토리얼은 단계별 정보를 보여주고 특정 코드 조각에 대한 이해를 돕습니다.

이 페이지에는 Qt Qml 및 Qt Quick 예제를 나열하고 있지만, 다른 많은 Qt 모듈에도 해당 Qml API와 관련된 예제가 포함되어 있습니다.

예제 및 데모 실행하기

예제는 Qt 설치 프로그램에 포함되어 있으며, Qt Creator 및 Qt Extension for Visual Studio Code 을 통해 액세스할 수 있습니다. 예제 실행에 대한 자세한 내용은 다음을 참조하십시오:

Qt Creator 또는 Qt Extension for Visual Studio Code 의 Welcome 모드에서 예제를 열고 실행하십시오. 대부분의 예제는 다양한 플랫폼에서 실행되며, 플랫폼별 예제를 검색하려면 검색 필드에 플랫폼 이름(또는 키워드)을 입력하십시오. 예를 들어, 검색 필드에 ‘ mobile ’를 입력하면 모바일 플랫폼과 완벽하게 호환되는 예제 목록이 표시됩니다.

다른 예제와 튜토리얼을 보려면 Qt 예제 및 튜토리얼 페이지를 방문하십시오.

Qt Quick 데모

다음은 모든 기능이 작동하는 데모 애플리케이션 목록입니다. 이 애플리케이션들은 배포 가능한 Qt 애플리케이션이 어떻게 구축되고 구성되는지를 보여주는 완전한 형태의 애플리케이션입니다. 많은 데모가 모바일 및 데스크톱 플랫폼에 배포 가능합니다.

Calqlatr

가로 및 세로 모드 기기에 맞게 설계된 계산기입니다. 사용자 인터페이스에는 ‘ Qt Quick ’ 사용자 정의 컴포넌트와 반응형 레이아웃을 사용하고, 애플리케이션 로직에는 JavaScript를 사용합니다.

Car Configurator

Qt Quick 3D 카메라, 확장된 장면 환경 및 Qt Quick 3D

Coffee Machine

상태 기반 사용자 정의 사용자 인터페이스를 갖춘 Qt Quick 애플리케이션

Dice

Qt Quick 3D Physics 및 기타 Qt 모듈을 사용하는 주사위 던지기 애플리케이션

FX & Material Showroom

Qt Quick 3D 의 머티리얼 및 효과 기능을 보여줍니다. 이 예제는 파티클 효과와 머티리얼을 사용하는 방법을 보여줍니다. Qt Quick 3D

Graphs with CSV Data

CSV 파일의 데이터를 시각화하는 방법 Qt Graphs

Lightning Viewer

Qt Quick, Qt Location, Qt Positioning 및 Qt WebSockets를 결합하여 지도상의 낙뢰를 실시간으로 표시하는 반응형 UI를 갖춘 애플리케이션

OSM Buildings

OSM(OpenStreetMap) 건물 지도 데이터를 표시하는 3D 건물 뷰어

Photo Surface

폴더 내 콘텐츠에 접근하기 위해 FolderListModel과 함께 Repeater를 사용하고, 불러온 콘텐츠에서 핀치 제스처를 처리하기 위해 PinchHandler를 사용하는 터치 기기용 QML 앱

Qt Quick 3D - XR Physics-base teleportation demo

Qt Quick 3D (XR)에서 물리 효과를 적용한 이동 방식을 구현하는 방법 시연

Qt Quick Demo - Clocks

ListModel에서 생성된 데이터를 표시하기 위해 ListView 타입을 사용하고, 이미지에 애니메이션을 적용하기 위해 SpringAnimation 타입을 사용하는 방법을 보여주는 QML 시계 애플리케이션

Qt Quick Demo - RESTful API client

RESTful API QML 클라이언트를 만드는 방법의 예시

Qt Quick Demo - RSS News

XmlListModel 및 XmlListModelRole 사용자 정의 QML 타입을 사용하여 XML 데이터를 다운로드하고, ListModel 및 ListElement를 사용하여 카테고리 목록을 생성하며, ListView를 사용하여 데이터를 표시하는 QML RSS 뉴스 리더

Robot Arm

다음에서 3D 프로젝트에 C++ 백엔드를 추가하는 방법을 시연합니다. Qt Design Studio

Same Game

모리베 쿠니아키가 제작한 인기 퍼즐 게임의 QML 구현

StocQt

100개 종목에 대한 사용자 정의 가능한 주가 차트

Thermostat

창 크기에 따라 다양한 디자인을 구현하는 방법을 보여주는 온도 조절기 예제

To Do List

모든 플랫폼에서 네이티브처럼 보이는 애플리케이션을 만드는 방법을 보여주는 할 일 목록 애플리케이션의 QML 구현

Toy Customizer

다음 기능을 사용하여 대화형 장난감 선택 및 실시간 외관 조정을 보여주는 3D 커스터마이징 예제 Qt Quick 3D

Qt Quick 애플리케이션 개발

다음 페이지에서는 Qt Creator 및 Qt Quick 를 사용하여 Qt 애플리케이션을 개발하는 방법을 설명합니다. 이 페이지에서는 사용 사례 및 입문 자료와 같은 다양한 단계를 시연합니다. Qt Quick 애플리케이션 및 관련 모듈에 대한 자세한 내용은 QML 애플리케이션 페이지를 참조하십시오.

QML 확장하기

다음 튜토리얼에서는 Qt Qml 모듈을 사용하여 C++ 코드와 결합하고 확장할 수 있는 방법을 보여줍니다.

예제

예제는 다양한 Qt Quick 기능을 구현하는 방법을 보여주는 소규모 애플리케이션입니다. 이 예제들은 다양한 플랫폼에서 실행되며, Qt Creator 내에서 열 수 있습니다.

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.