슬라이드 1

Transcription

1 Qt Creator 1. 도구개요 2. 설치및실행 3. 주요기능 4. 활용예제

2 1. 도구개요 도구명 소개 Qt Creator ( 라이선스 LGPL v2.1 GUI 프로그램을쉽게만들수있는 Cross-platform 프레임워크인 Qt 를통해애플리케이션을개발할수있게해주는 IDE C++, QML, ECMAScript 를지원 특징 주요기능 GUI 설계도구가포함되어있어손쉽게 UI 코드작성가능 Qt 프레임워크를통해하나의소스로 Windows, Mac, Linux, Solaris, Embedded Linux/Windows 등다양한플랫폼에서구동되는프로그램작성가능 다양한 Code Editing 지원기능 (Syntax Highlighting, 코드자동완성, JSON checking) WYSWYG 방식의 GUI 설계기능 다양한플랫폼으로의빌드및구동 실행환경 Windows, Unix, Linux, MacOS 사전설치도구 없음 카테고리 구현최신버전 v2.8 ( ) 관련도구 Eclipse, NetBeans, IntelliJ, CodeBlock 2

3 2. 설치및실행 세부목차 2.1 사전설치사항확인 2.2 다운로드 2.3 설치및설정 2.4 설치확인 3

4 2. 설치및실행 2.1 사전설치사항확인 Qt Creator 는별도의사전설치사항은없으며 Qt 프레임워크와 Qt Creator 를함께다운받아설치한다. 4

5 2. 설치및실행 2.2 다운로드 에서 Windows 용설치파일을다운받을수있다. 본지침에서는 Microsoft 의제품이필요없는 Windows 7 32bit MinGW 4.8 을설치한다. 5

6 2. 설치및실행 2.3 설치및설정 (1/8) 다운로드받은설치파일을실행한다. Next 를선택하여설치를시작한다. 6

7 2. 설치및실행 2.3 설치및설정 (2/8) 설치위치와파일연결을기본값으로두고 Next 클릭 7

8 2. 설치및실행 2.3 설치및설정 (3/8) 구성요소를선택한다. - 기본값으로 Qt5.1.1 라이브러리와 Qt Creator 가선택되어있다. - Tools > MinGW 4.8 을선택하여설치컴포넌트에포함시킨다. - Next 를클릭한다. 8

9 2. 설치및실행 2.3 설치및설정 (4/8) License 에 agree 를선택하고 Next 를클릭한다. 9

10 2. 설치및실행 2.3 설치및설정 (5/8) 단축아이콘이생성될시작메뉴를선정한다. 기본값그대로 Next 클릭한다. 10

11 2. 설치및실행 2.3 설치및설정 (6/8) Install 을클릭하여설치실행 11

12 2. 설치및실행 2.3 설치및설정 (7/8) Launch Qt Creator 에체크표시한상태에서 Finish 를눌러실행한다. - ReadMe 파일을보고싶은경우 Open Qt ReadMe 를체크한다. 12

13 2. 설치및실행 2.3 설치및설정 (8/8) 설치가완료되면아래와같이 Qt Creator 가실행된다. 13

14 3. 주요기능 세부목차 3.1 Qt Creator 개요 3.2 Qt Designer 3.3 Code Editing 3.4 Debug 3.5 형상관리 14

15 3. 주요기능 3.1 Qt Creator 개요 Qt 는 UI 를포함한애플리케이션을쉽게개발하고다양한데스크탑및모바일운영체제에배포할수있도록설계된프레임워크 Qt Creator 는 Qt 프레임워크를이용하여프로젝트생성, UI 설계, 소스작성, 디버깅, 빌드, 형상관리등을수행할수있게해주는 IDE(Integrated Development Environment) Qt Creator 는특히 WYSIWYG(What You See Is What You Get) 방식의 Qt Designer 를포함하고있어 UI 요소가많은애플리케이션작성에서뛰어난생산성발휘 15

16 3. 주요기능 3.2 Qt Designer Qt Designer 는 WYSIWYG 방식으로애플리케이션 UI 를설계할수있다. 16

17 3. 주요기능 3.3 Code Editing Qt Creator 는일반적인 IDE 에서제공하는 Toolbar, 창나누기, Bookmark, Syntax Highlighting, 코드자동완성, 괄호쌍찾기등의편집기능을제공한다. 17

18 3. 주요기능 3.4 Debug Qt Creator 는일반적인 IDE 에서제공하는 Debugger 모드를지원하며, Breakpoint 를지정하여 Runtime 에서의디버깅이가능하다. Breakpoint 설정 Breakpoint 에서의변수값 18

19 3. 주요기능 3.5 형상관리 Qt Creator 에서는 Git, Subversion, Clearcase 등다양한형상관리도구를지원한다. 19

20 세부목차 4.1 예제소개 4.2 프로젝트생성 4.3 GUI Design 4.4 소스코드작성 4.5 빌드및실행 4.6 Debugging 20

21 4.1 예제소개 Qt Creator 를통해 Application 을개발하는과정을보여준다. 두수를 spinbox 로결정하면두수의곱을결과로표시하는간단한 Application 이다 Qt Application 작성을위한프로젝트를생성 Qt Designer 를통해 GUI Component 를나타내는 ui 파일작성 헤더파일, 소스파일작성 빌드및실행 디버깅 21

22 4.2 프로젝트생성 (1/7) 메인메뉴에서 File > New File or Project 클릭 22

23 4.2 프로젝트생성 (2/7) Applications 과 Qt Gui Application 선택후 Choose 클릭 23

24 4.2 프로젝트생성 (3/7) 프로젝트이름과위치를설정하고 Next 클릭 24

25 4.2 프로젝트생성 (4/7) 프로젝트에사용될 Kit 를설정한다. 기본값그대로두고 Next 클릭 25

26 4.2 프로젝트생성 (5/7) 프로젝트에기본파일세트를설정한다. 기본값그대로두고 Next 클릭 26

27 4.2 프로젝트생성 (6/7) 프로젝트생성정보를확인하고 Finish 클릭 27

28 4.2 프로젝트생성 (7/7) 아래와같이프로젝트가생성된다 28

29 4.3 GUI Design (1/3) 좌상단의프로젝트탐색기에서 Project Root > Forms > mainwindow.ui 를더블클릭하면 Qt Designer 화면이뜬다 29

30 4.3 GUI Design (2/3) 두숫자의입력을위해좌측의 Widget 중에서 Spin Box 2 개를우측의 Window 에 Drag&Drop 하고, 결과표시를위해 Label 을 Drag&Drop 한다. 30

31 4.3 GUI Design (3/3) Qt Designer 모드가활성화된상태에서 Edit 모드를클릭하면 Qt Designer 를통해생성한 ui 파일을확인할수있다. 31

32 소스코드작성 (1/4) 프로젝트탐색기를모두펼쳐보면프로젝트에사용되는여러파일을확인할수있으며, Application 작성을위해실질적인편집이필요한파일은헤더파일과소스파일두개이다. 32

33 소스코드작성 (2/4) 헤더파일에 spin box 값변경시곱셈을수행하는함수를선언한다. Qt 에서는이처럼 GUI event 처리를담당하는요소를 slot 이라하며, Naming Convention 에의해 GUI element 와 binding 된다. on_spinbox_2_valuechanged() Qt Designer 모드화면우하단에있는 Property 창 33

34 소스코드작성 (3/4) mainwindow.h 파일에아래와같이 slot 을선언한다. 34

35 소스코드작성 (4/4) mainwindow.cpp 파일에아래와같이함수구현부를정의한다. 35

36 빌드및실행 (1/2) 좌하단의 Run 버튼을클릭하면빌드가진행되고프로그램이실행된다 36

37 빌드및실행 (2/2) 빌드및실행에관한설정은메뉴좌측의 Project 클릭후 Build & Run 탭에서조정가능하다. 37

38 Debugging (1/7) 2 번째 spin box 의값변경을처리하는 slot 인 on_spinbox_2_valuechanged() 를디버깅하기위해 18Line 에 breakpoint 를설정한다 38

39 Debugging (2/7) 좌하단의 Debug 버튼을눌러 Debug 모드로프로그램을실행한다. 39

40 Debugging (3/7) 두번째 spin box 의값을변경하면 Qt Creator 의 Debugger 가활성화된다. 40

41 Debugging (4/7) 아래와같이 Debugging 에필요한여러정보를확인할수있으며, 녹색네모칸안에있는 Continue, Stop, Step Over, Step Into, Step Out 기능제공 41

42 Debugging (5/7) Edit Breakpoint 기능을통해조건부 Breakpoint 설정이가능하다 42

43 Debugging (6/7) 아래와같이 Condition 란에 value==3 을기입하고 Ok 클릭 43

44 Debugging (7/7) 조건부 Breakpoint 설정을하지않았던이전의경우와다르게값이 2 가되어도 Break 없이실행이되며, 한번더 spin box 를클릭하여값이 3 이되면 Debugger 가활성화된다. 44