Back to Blog home

Qt Quick 시작하기: QtQuick Example 실행

Published on Tuesday February 22, 2011 by sukhyun in QML QML 을 시작합시다. qtquick | Comments

이전 시간에는 QtQuick의 개념, 개요를 설명드렸다면, 이번 시간에는 Qt Quick 예제들을 실행해보고 직접 체험해보겠습니다.
예제들을 실행하기 위해서는 우선 QtCreator 2.1 (현재 QtCreator 2.1 RC1 다운로드 받을 수 있음), Qt 4.7.0 이상이 설치되어 있어야 합니다.
아래 사이트에서 각 플랫폼에 맞는 QtCreator와 Qt를 다운로드받아서 설치하세요.

링크된 곳은 QtCreator 2.1 RC1과 Qt 4.7.1을 다운로드 받는 사이트인데 계속 업데이트 되고 있으므로 최신 버전의 QtCreator와 Qt를 다운로드받으시면 됩니다.
Qt 다운로드관련 내용은 Qt 가져오기에서 더 자세한 정보를 얻으실 수 있습니다.

Qt Quick Example 실행

QML은 텍스트 파일이므로 QML파일을 실행하기 위해서는 아래와 같이 2가지 경우가 있습니다.

. QMLViewer 이용 : 순수 QML파일만 있을 경우에는 QMLViewer를 통해서 QML파일을 열어서 볼 수 있음
. 실행파일 : Qt C++ 프로그램에서 QML을 같이 사용한다면 QtDeclarative 모듈을 통해서 QML파일을 로드하고 컴파일하여 바이너리를 실행

이번 시간에는 QMLViewer로 QML 예제를 실행하는 방법과 QtCreator 를 이용해서 QML 예제를 보는 방법을 살펴보겠습니다.
QtQuick Example은 Qt 소스디렉토리에서 demos/declarative 또는 examples/declarative 디렉토리 밑에 있습니다.

QMLViewer

QMLViewer는 Qt 4.7.0 이후 바이너리 패키지에 포함된 응용프로그램으로, Qt 4.7.0 이상을 설치하시면 Qt 설치시 설정한 prefix 디렉토리 아래 "bin"이라는 디렉토리에서 qmlviewer 바이너리를 찾아 보실 수 있습니다.
이 프로그램을 이용하여 QML파일을 로딩하여 실행할 수 있습니다.

#> qmlviewer QML.qml

위처럼 인자값으로 파일이름을 주셔도 되고 아니면 인자값 없이 QMLViewer를 실행하셔서 메뉴에서 메인이 되는 QML파일을 로딩하면 됩니다.


QMLViewer

아래 명령어를 이용하여 QMLViewer관련 옵션들을 보실 수 있습니다.

#> qmlviewer --help

QtCreator

QtCreator에서 QtQuick Example을 로딩하여 실행해보도록 하겠습니다.

1. QtCreator 실행
QtCreator를 시작하여 "시작"화면에서 "시작하기" 탭을 선택합니다.


QtCreator 시작

2. QtQuick 예제 선택
화면 아래에 있는 "Qt Quick 예제"에서 마음에 드는 예제를 선택합니다.


QtQuick 예제 선택


QtQuick 예제 프로젝트 열기

3. 선택된 QtQuick 예제 실행
이제 예제를 실행해보도록 하겠습니다.


QtQuick 실행

위의 화면에서 오른쪽 하단에 있는 버튼을 누르시거나 "Ctrl+R" 또는 Build 메뉴 -> Run 을 선택하여 QtQuick 예제를 수행할 수 있습니다.

Toys의 "corkboards" 예제를 선택하여 실행하면 아래와 같은 창이 나타납니다.


corkboards 예제 실행화면

문제 해결

QtQuick예제가 실행되지 않거나 문제가 있을 시 아래 항목들을 확인해 보세요.

  • 왼쪽 메뉴 "Projects" 탭에서 "Main QML file"이 "Current File"인지 또는 main이 되는 QML 파일로 선택되어 있는지 확인.
    "Current File"이 선택되어있을 경우 현재 열려진 창이 메인 QML로 인식하여 해당 QML파일을 보여주기 때문에 실제 메인 QML파일이 아닐 경우 문제가 발생할 수 있습니다.


  • 프로젝트 설정

  • "Projects" 탭에서 Qt 버전을 올바르게 선택했는지 확인.
    QtQuick은 Qt 4.7.0 이후부터 지원하기 때문에 Qt이 그 이전 버전으로 선택되어 있으면 문제가 발생할 수 있습니다.

지금까지 QtQuick 예제를 선택하여 실행하는 것까지 해봤는데, 예제 프로그램 중에는 QML과 C++을 같이 사용하는 예제도 있고, QML(+JavaScript)로 작성된 예제들도 있으니 꼭 한번씩 살펴봐주세요.

다음 시간에는 QtQuick 프로젝트 만들기를 시작하겠습니다.

Subscribe to Our Blog

Stay up to date with the latest marketing, sales and service tips and news.

The blog comment system has been migrated to a new platform. If you face any issues, please let us know via feedback@qt.io.