Back to Qt.io
Contact Us Blog Download Qt
이 페이지에서

QML 시작하기

Qt Quick 애플리케이션 시작하기

QML은 사용자 인터페이스를 시각적 구성 요소와 이들 간의 상호작용 및 관계 측면에서 기술할 수 있게 해주는 선언형 언어입니다. 이 언어는 가독성이 매우 뛰어나며, 컴포넌트들이 동적인 방식으로 상호 연결될 수 있도록 설계되었으며, 사용자 인터페이스 내에서 컴포넌트를 쉽게 재사용하고 사용자 정의할 수 있게 해줍니다. QtQuick 모듈을 사용하면 디자이너와 개발자는 QML로 유동적이고 생동감 있는 애니메이션 사용자 인터페이스를 쉽게 구축할 수 있으며, 이러한 사용자 인터페이스를 원하는 백엔드 C++ 라이브러리에 연결할 수도 있습니다.

Qt Academy 강좌

Qt Qml 및 Qt Quick 을 시작하려면 다음 Qt Academy 과정을 추천합니다.

기본 과정

중급 과정

QML이란 무엇인가?

QML은 사용자 인터페이스 사양이자 프로그래밍 언어입니다. 이를 통해 개발자와 디자이너 모두 고성능이며, 부드러운 애니메이션과 시각적으로 매력적인 애플리케이션을 제작할 수 있습니다. QML은 가독성이 뛰어나고 선언적인 JSON과 유사한 구문을 제공하며, 명령형 JavaScript 표현식과 동적 속성 바인딩을 지원합니다.

import QtQuick
import QtQuick.Controls

ApplicationWindow {
    width: 400
    height: 400
    visible: true

    Button {
        id: button
        text: "A Special Button"
        background: Rectangle {
            implicitWidth: 100
            implicitHeight: 40
            color: button.down ? "#d6d6d6" : "#f6f6f6"
            border.color: "#26282a"
            border.width: 1
            radius: 4
        }
    }
}

QML 언어 및 엔진 인프라는 Qt Qml 모듈에서 제공합니다. QML 언어에 대한 자세한 내용은 Qt Qml 모듈 문서를 참조하십시오.

다음 페이지에는 QML에 대한 추가 정보가 포함되어 있습니다:

Qt Quick 란 무엇인가?

Qt Quick xml-ph-0000@deepl.internal는 QML을 위한 표준 타입 및 기능 라이브러리입니다. 여기에는 시각적 타입, 상호작용 타입, 애니메이션, 모델 및 뷰, 입자 효과, 셰이더 효과가 포함됩니다. QML 애플리케이션 개발자는 단 하나의 import 문만으로도 이러한 모든 기능을 활용할 수 있습니다.

QtQuick QML 라이브러리는 Qt Quick 모듈을 통해 제공됩니다. Qt Quick 가 제공하는 다양한 QML 유형 및 기타 기능에 대한 자세한 내용은 Qt Quick 모듈 문서를 참조하십시오. Qt Quick 는 Qt Qml 의 표준 QML 유형 외에도 시각적 유형, 애니메이션 유형 및 기타 QML 유형을 추가합니다.

버튼, 메뉴 및 기타 컨트롤

일련의 UI 컨트롤의 경우, Qt Quick Controls 모듈은 버튼, 메뉴, 뷰와 같은 여러 컨트롤을 구현합니다. 이러한 컨트롤에는 사용할 수 있는 여러 내장 스타일이 제공되며, 사용자 정의 스타일 생성도 지원합니다.

Qt Quick 애플리케이션 개발

Qt Creator 는 Qt Quick 애플리케이션 생성을 기본적으로 지원합니다. Qt VS Tools 또한 Qt Extension for Visual Studio Code를 사용하면 Visual Studio 및 Visual Studio Code에서 Qt Quick 애플리케이션을 만들 수 있습니다. QML Language Server 는 언어 서버 프로토콜을 지원하는 모든 IDE에서 사용할 수 있습니다.

디자인 중심의 워크플로를 원한다면 Qt Design Studio 을 사용하십시오.

Qt Quick 애플리케이션 제작에 대한 자세한 내용은 다음 페이지를 참조하십시오:

코드 예제 및 데모

QML 코드의 사용법에 대해 자세히 알아보려면, QML 유형이 어떻게 사용되는지 보여주는 여러 코드 예제가 있습니다. 또한, 애플리케이션에서 QML 코드가 어떻게 사용되는지 보여주는 여러 데모도 있습니다.

고급 애플리케이션 개발 주제

QML 시작하기

© 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.