한국어
Qt
 

Qt 및 프로그래밍 초보자를 위해 간단한 어플리케이션을 개발해보고자 한다.

Qt 및 Qt Creator를 설치한 후 첫 번째 프로젝트로 늘 그렇듯 "Hello World" 이다.

참고로 글 작성시 Qt Creator 버전은 4.5.1이고 Qt 5.6.2버전과 컴파일러는 mingw를 기준으로 작성하였다.

 

먼저 Qt Creator를 실행하고 아래 화면에 보이는 것처럼 New Project를 클릭한다.

이미지 1.png

 

QML을 이용하여 GUI를 구현할 것이므로 Qt Quick Application – Empty를 선택하고 아래 Choose버튼을 클릭한다.

이미지 2.png

 

적절한 프로젝트 이름과 위치를 지정하고 Next를 클릭한다.

이미지 3.png

 

빌드 시스템은 qmake를 유지하고 Next한다.

이미지 4.png

 

개발 하려는 어플리케이션의 Qt버전을 선택하는 화면이다. 지금은 시스템에 설치되어있는 버전을 선택하고 Next한다. 

이미지 5.png

 

Qt를 설치하고 일반적인 경우라면 Desktop이 기본적으로 존재한다. 체크해주고 Next를 클릭!

이미지 6.png

 

Finish를 클릭하면 프로젝트 생성이 완료된다.

이미지 7.png

 

프로젝트 생성이 완료되면 아래 화면처럼 main.qml에 기본적인 소스코드가 보인다.

이미지 9.png

 

좌측 하단에 아래 그림의 Run버튼을 클릭해보자!

이미지 10.png

 

그러면 컴파일이 진행되고 완료 후 아래 화면과 같은 윈도우가 실행 될 것이다.

이미지 11.png

 

이제 이 윈도우에 우리가 원하는 Hello World를 출력하기 위해 main.qml을 수정해야 한다.

윈도우를 닫고 아래 화면과 같이 main.qml을 수정한다. 

Text 컴포넌트를 추가하여 text property에 “Hello World” 문자열을 입력해줬고 Text 컴포넌트 안에 MouseArea 컴포넌트를 추가하여 텍스트를 클릭하면 프로그램이 종료되도록 작성하였다.

이미지 12.png

 

이제 소스코드를 저장하고 다시 Run버튼을 클릭해보자. 의도했던 Hello World 를 출력하는 Window가 보일 것이다!

이미지 13.png

 

사실 QML만 이용하여 어느정도 규모있는 어플리케이션을 만들 수는 없다. QML로 View를 구현하고 Data Model 및 컨트롤 로직등은 C++로 구현하는 것이 권장되는 방법이다. 다른 포스팅을 통해 QML과 C++로 구현하는 방법을 소개 하도록 하겠다.
번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 86173
50 Qt 응용프로그램에 Web 구성 요소를 표시 with Servo file makersweb 2024.04.27 161
49 VirtualKeyboard 스타일 커스터 마이징 makersweb 2022.03.13 464
48 clazy 로 13개의 시그널, 슬롯 오류 해결 makersweb 2022.08.23 578
47 QProcess 보안 권고 리뷰 file makersweb 2022.09.18 602
46 Qt Marketplace 발표 makersweb 2019.12.02 617
45 Qt 응용프로그램에서 PDF 문서 렌더링 file makersweb 2021.09.23 679
44 단일 인스턴스 Qt 응용 프로그램(Single-instance Application) makersweb 2022.06.23 706
43 2020년에 변경되는 Qt 오퍼 (Qt offering changes 2020) [2] j2doll 2020.01.31 723
42 Q_D매크로와 d-pointer file makersweb 2019.05.07 762
41 Qt기반의 서버와 클라이언트간 SOAP(Simple Object Access Protocol) file makersweb 2020.05.11 978
40 Qt 하이브리드 애플리케이션(Hybrid App) 개발 file makersweb 2023.02.08 1028
39 QOpenGLWidget 을 투명하게 적용 file makersweb 2020.02.05 1044
38 많은 리소스를 사용하는 Qt프로젝트에서 고려해봐야 할 qmake 옵션 makersweb 2019.10.11 1236
37 Widgets(C++) 기반의 기본 스타일을 Dark 테마 및 Material 디자인 스타일로 바꾸기 file makersweb 2023.01.28 1312
36 qInstallMessageHandler를 이용한 디버그 메세지 출력 제어하기 makersweb 2019.02.25 1363
35 표를 만들고 PDF문서로 출력하기 file makersweb 2018.09.30 1608
34 [Qt News] Qt for Python을 위한 기술 비전 j2doll 2019.08.20 1626
33 타임스탬프( timestamp) 유닉스 시간 makersweb 2017.10.19 1627
32 VTK 를 사용해서 강력한 시각화(3D, Plotting, Chart)Qt 응용프로그램 개발하기 file makersweb 2022.10.16 1669
31 컨테이너에 적재된 객체를 편리하게 삭제하기 makersweb 2019.09.18 1670