1

2장 – 첫 번째 윈도우와 맥 데스크탑 애플리케이션 작성

목차

2장 – 첫 번째 윈도우와 맥 데스크탑 애플리케이션 작성 .................................................................... 1

소개 ................................................................................................................................................................ 2

윈도우와 맥 애플리케이션 작성(델파이와 C++) ..................................................................................... 3

1단계: 파이어몽키 HD 애플리케이션 작성 ................................................................................................................ 3

2단계: 파이어몽키 HD 폼에 컴포넌트 내려 놓기 .................................................................................................. 5

툴 팔레트에서 컴포넌트 검색하기 ............................................................................................................................ 5

툴 팔레트의 검색 박스를 사용하여 컴포넌트 찾기 ......................................................................................... 5

IDE 인사이트를 사용한 컴포넌트 검색 ................................................................................................................... 5

3 단계: TButton 의 OnClick 이벤트 핸들러 코드 작성.................................................................................... 10

델파이 이벤트 핸들러 코드 ....................................................................................................................................... 11

C++ 이벤트 핸들러 코드 ........................................................................................................................................... 12

4단계: 애플리케이션 실행 ............................................................................................................................................... 13

5단계: OS X 지원 ................................................................................................................................................................. 14

6단계: 맥 OS X상에서 프로그램 실행 ....................................................................................................................... 15

요약, 전망, 해야 할일, 참고자료 ................................................................................................................... 16

2

소개

1장에서 파이어몽키 플랫폼에 대해서 소개하고 어떻게 설치하고 개발 환경을 어떻게 설정하는지에

대해 설명했습니다.

2장에서는 파이어몽키 애플리케이션을 작성해 보도록 하겠습니다. 이번 장에서는 파이어몽키 플랫폼을

사용하여 윈도우나 맥 프로그램을 작성하기 위한 개발 흐름을 기본적으로 이해 하는데 중점을

두었습니다.

윈도우나 맥 데스크톱 플랫폼용 파이어몽키 애플리케이션 작성을 위한 기본 과정을 보여주는 "Hello

World" 프로그램을 쉽게 따라 하면서 작성하실 수 있습니다. 기본적인 개발 단계는 윈도우와 맥이

동일합니다.

3

윈도우와 맥 애플리케이션 작성(델파이와 C++)

“Hello World” 애플리케이션은 다음과 같은 사용자 인터페이스 컴포넌트들을 사용하여 윈도우와 맥 OS

X 에서 실행됩니다:

이름을 입력 받는 텍스트필드.

“Hello”를 표시하기 위해 클릭하는 버튼.

“Hello + <유저 이름>!”을 표시하기 위한 레이블

윈도우나 맥 용 “Hello World” 프로그램을 디자인하고 프로그래밍하고 컴파일하고 실행하기 위해 여섯

단계로 나누어집니다. 자 그럼 시작 해 보겠습니다!

1단계: 파이어몽키 HD 애플리케이션 작성

RAD Studio IDE를 시작합니다. 델파이나 C++의 메뉴 중 File > New > FireMonkey HD Application을 선택하여

파이어몽키 HD 애플리케이션을 시작합니다.

IDE는 프로그램을 디자인하고, 컴파일하고, 디버깅하고 실행하도록 도와주는 서로 다른 5개의 부분으로

구성됩니다. 모든 뷰 창들을 닫거나, 도킹하거나, 도킹 해제 할 수 있습니다. 또한 각 창들을 View

메뉴를 사용하여 다시 오픈 하실 수 있습니다. 델파이를 처음 시작 했을 때 아래와 디폴트 창들을

확인 하실 수 있습니다:

폼 디자이너(Form Designer)

스트럭처 뷰(Structure View)

오브젝트 인스펙터(Object Inspector)

프로젝트 매니저(Project Manager)

툴 팔레트(Tool Palette)

4

3장: 통합 개발 환경에서 사용자 지정 환경을 어떻게 설정하여 사용하는지에 대해서 다루겠습니다.

5

2단계: 파이어몽키 HD 폼에 컴포넌트 내려 놓기

프로젝트를 생성한 후 다음 단계로 사용자 인터페이스를 디자인합니다. 개발환경 안에는

인터페이스를 작성하기 위한 수 백 개의 재사용 가능한 컴포넌트들이 준비되어 있습니다. 사용하고자

하는 컴포넌트들을 검색하는 방법에는 3가지가 있습니다.

툴 팔레트에서 컴포넌트 검색하기

툴 팔레트로 커서를 옮겨와서 (+) 아이콘을 클릭하여 Standard 카테고리를 확장하고 TEdit 컴포넌트를

선택하여 폼 디자이너로 드래그-드롭합니다 (또는 툴 팔레트의 TEdit 컴포넌트를 더블 클릭하면 화면에

추가됩니다).

툴 팔레트의 검색 박스를 사용하여 컴포넌트 찾기

컴포넌트를 찾기 위해 툴 팔레트의 검색 박스를 사용하실 수도 있습니다. 검색 박스를 클릭하고 “ted”

라는 문자를 입력 하면 그 문자 값이 있는 컴포넌트들이 표시되고 그 중에서 TEdit 컴포넌트를

선택합니다.

TEdit 컴포넌트를 선택하고 폼에 드래그-드롭하거나 더블 클릭하면 폼에 컴포넌트가 추가됩니다.

IDE 인사이트를 사용한 컴포넌트 검색

6

세 번째는 F6 키 또는 Control . 를 눌러 IDE 인사이트를 이용 하는 방법입니다. “TEdit” 단어를 입력하면

입력한 텍스트와 일치하는 컴포넌트들, 템플리트, 프로젝트와 다른 IDE 기능들이 표시됩니다. 이

리스트 중에서 TEdit 컴포넌트를 선택하여 폼에 추가합니다.

어떤 방법으로 컴포넌트를 검색하였든지 TEdit 컴포넌트는 폼 위에 표시됩니다.

폼 위에 TLabel 과 TButton 컴포넌트를 추가합니다.

7

상단에 표시된 폼 디자이너에 3 개의 컴포넌트가 표시될 것입니다. 3 개의 컴포넌트는 IDE 왼쪽 상단

부분에 스트럭처 패널에 역시 표시됩니다.

폼의 사이즈를 조정하기 위해 마우스를 사용합니다(폼의 오른쪽 아래 경계에 마우스 왼쪽 버튼을 누른

상태에서 폼을 왼쪽 위까지 드래그하여). 다음과 같은 모습으로 보이도록 폼 디자이너에서 컴포넌트를

재배치하고 크기를 조정합니다.

폼 위의 컴포넌트를 선택한 후에 오브젝트 인스펙터에서 컴포넌트의 속성을 확인 하거나 수정 합니다.

폼도 선택하여 속성을 번경할 수 있습니다. 속성을 변경하고 싶은 컴포넌트를 선택하는 방법은 두

가지가 있습니다: 1) 폼이나 스트럭처 뷰에서 컴포넌트를 선택합니다. 2) 오브젝트 인스펙터의 상단의

아래 화살표를 사용합니다.

8

오브젝트 인스펙터에서, 폼의 Caption 속성을 “Hello World”로 수정하고 엔터 키를 칩니다.

다음으로 TButton 컴포넌트를 선택하고 오브젝트 인스펙터에서 Caption 속성을 “Say Hello!” 라고

입력하고 엔터 키를 누릅니다. 아래 3 단계에 설명 된 대로 몇 가지 코드를 입력하여 TEdit 와 TLabel

속성을 변경합니다.

9

10

3 단계: TButton 의 OnClick 이벤트 핸들러 코드 작성

GUI 애플리케이션에 대해, 버튼 클릭과 같이 사용자가 이벤트를 발생시키는 경우에 대한 응답으로

애플리케이션이 처리하는 것을 구현할 수 있습니다. RAD Studio에서, 이 응답을 이벤트 핸들러라고

부릅니다.

TButton 컴포넌트의 OnClick 이벤트 핸들러를 작성하는 3 가지 방법이 있습니다.

1) 폼 디자이너에서 버튼을 더블 클릭하면 TButton의 OnClick 이벤트에 대한 핸들러를 구현 할 수 있는

기본 골격 코드가 생성됩니다.

(Delphi)

(C++)

2) 오브젝트 인스펙터의 이벤트 탭에서 TButton 컴포넌트의 OnClick 항목을 더블 클릭합니다.

3) OnClick 이벤트 항목을 선택하고 원하는 이벤트 핸들러 이름을 입력합니다.

11

그런 다음, TButton 이벤트 핸들러 코드를 작성합니다. 코드는 에디터 박스에서 입력한 내용을

레이블에 "Hello + <에디터에 입력한 내용> + !"로 표시하도록 작성하겠습니다.

델파이 이벤트 핸들러 코드

Label1.Text := 'Hello ' + Edit1.Text + ' !';

델파이에서, 문자열은 인용부호 ' '로 둘러싸야 합니다. 문자들을 연결하기 위해서는 (+) 기호를

사용합니다.

(+기호 사용은 예제를 간단히 하기 위함이며, XE3.5 이후 버전부터는 StriningBuilder 클래스 사용을 권장).

코드를 입력하는 동안, 지정할 파라미터 종류를 알려주는 힌트가 표시됩니다. 클래스에는 힌트로

지원되는 멤버 종류들을 표시합니다.

12

C++ 이벤트 핸들러 코드

Label1->Text = "Hello " + Edit1->Text + " !";

C++에서, 문자열은 인용부호 “ “ 로 둘러싸야 합니다. 문자들을 연결하기 위해서는 (+) 기호를

사용합니다. (+기호 사용은 예제를 간단히 하기 위함이며, XE3.5 이후 버전부터는 StriningBuilder 클래스

사용을 권장) 코드를 입력하는 동안, 지정에 필요한 파라미터 종류를 알려주는 힌트가 표시됩니다.

또한 다른 힌트는 주어진 클래스에서 지원되는 멤버 종류들을 표시합니다.

13

4단계: 애플리케이션 실행

애플리케이션 코드 작성이 끝났으면 실행하도록 합니다. IDE의 Run 버튼을 누르거나, F9 키를 누르거나,

RAD Studio의 메인 메뉴에서 Run > Run 을 선택합니다. 프로젝트는 컴파일 되고 오류가 없다면, 실행

프로그램 메인 창이 표시됩니다.

에디터 박스에서 파이어몽키라고 입력하고 “Say Hello!” 버튼을 클릭합니다. 버튼을 클릭하면

아래와 같이 표시됩니다.

32-비트 윈도우용 첫 번째 파이어몽키 애플리케이션을 성공적으로 디자인하고 프로그래밍하고,

컴파일하고 실행하셨습니다.

RAD Studio는 디폴트로 32-비트 윈도우 운영 체제 대상으로 생성됩니다. 프로젝트 매니저에서 타깃

플랫폼 노드에서 오른쪽 마우스를 클릭하여 팝업메뉴에서 Add Platform...을 선택합니다. 리스트 중에서

“64-비트 윈도우”을 선택하여 64-비트 윈도우용으로도 컴파일 할 수 있습니다. 선택한 플랫폼을

활성화하기 위해 체크박스를 사용합니다. OK 버튼을 클릭합니다. 이제 프로젝트는 윈도우32 와

윈도우64 플랫폼 모두 다 가능합니다. F9를 눌러 윈도우64 애플리케이션을 실행합니다.

14

5단계: OS X 지원

RAD Studio는 디폴트로 32-비트 버전의 윈도우 운영 체제를 대상으로 한 애플리케이션을 생성합니다.

맥 OS X버전의 애플리케이션을 컴파일하고 실행하기 위해서 프로젝트의 타깃 플랫폼에 맥 OS X를

추가해야 합니다.

프로제트 매니저에서, 타깃 플랫폼 노드에서 오른쪽 마우스를 눌러 팝업 메뉴가 표시되면 Add

Platform... 을 선택합니다. 리스트에서 “OS X”를 선택하고 (선택한 플랫폼이 활성화 되도록 체크 박스를

선택 할 수 있습니다). OK 버튼을 클릭합니다.

새로운 프로젝트를 윈도우32 와 맥 OS X 플랫폼 양쪽 모두에서 작성 할 수 있습니다. RAD Studio 개발

환경은 윈도우 상에서 실행됩니다. 네이티브한 OS X 애플리케이션을 윈도우 컴퓨터에서는 실행 할 수

없습니다. 개발환경과 맥 OS X 컴퓨터를 연결해야 합니다. 애플리케이션을 맥 OS X에 배포하고

자동으로 원격 디버그 세션을 설치하기 위해, RAD Studio는 플랫폼 어시스턴트(PAServer)라는 툴을

제공합니다. 1장에서 맥 컴퓨터에 원격 프로파일을 어떻게 생성하는지 보여드렸습니다.

프로젝트 창에서 타깃 플랫폼 노드의 왼쪽의 (+) 기호를 클릭하여 타깃 리스트를 확장합니다.

대상 플랫폼 리스트에서 현재 대상이 OSX32 임을 확인 할 수 있습니다. OS X 타깃 노드를 살펴보면

15

활성화 되어 있을 뿐 아니라 1장에서 선택된 “MyMac” 원격 프로파일이 생성되어 있습니다(각 대상

플랫폼에 대한 기본 프로파일로 원격 프로파일 중 하나를 선택 할 수 있습니다).

6단계: 맥 OS X상에서 프로그램 실행

대상 맥 컴퓨터에 PAServer 구동 되어 있는지 확인하셔야 합니다. F9를 눌러 맥에 “Hello World”

애플리케이션을 실행합니다. 맥 상에서 실행되고 있는 애플리케이션이, 아래 그림에서 보여지는 것과

비슷하게 보여질 것입니다.

첫 맥 애플리케이션을 작성하고 실행해 보았습니다.

16

요약, 전망, 해야 할일, 참고자료

2장에서 첫 번째 윈도우와 맥 데스크톱 애플리케이션 작성 방법에 대해 배워 보았습니다

3장에서는 RAD 스튜디오 통합 개발 환경 (IDE)의 기능에 대한 자세한 내용을 볼 수 있습니다. IDE는

시각적으로 사용자 인터페이스를 디자인할 수 있게 도와주고 개체 속성을 설정하고 코드를 작성하고,

다양한 방법으로 애플리케이션을 보고 관리 할 수 있습니다.

다음 수업까지, 2장에서 배운 내용을 복습하고 3장에서 배울 내용을 준비하기 위해 몇 가지 해야 할 일,

읽어야 할 기사와 보아야 할 비디오들이 있습니다.

해야 할 일

델파이 XE2, C + + 빌더 XE2 또는 RAD Studio XE2의 유료 또는 평가판을 사용하여, 첫 번째 윈도우 및 맥

“ Hello World " 데스크톱 애플리케이션을 작성합니다. 폼과 각기 다른 세 개의 컴포넌트들(TButton,

TLabel 및 TEdit)에서 오브젝트 인스펙터를 사용하여 각 오브젝트의 다른 속성들을 탐색합니다.

프로그램이 실행 할 때 TLabel 컴포넌트의 텍스트가 비어있도록 오브젝트 인스펙터에서, 텍스트를

지웁니다. 프로그램을 실행할 때 에디터 박스가 미리 채워져 있도록 TEdit의 Text 속성에 원하는

텍스트를 넣습니다. 델파이 개발자는 Ios용 “ Hello World” 애플리케이션에 대해서도 동일한 작업을

수행합니다.

또한, “델파이 및 C + + 빌더 파이어몽키 첫 번째 HD 애플리케이션 작성”(4 분 13 초) 엠바카데로

유튜브 동영상을 보십시오 - http://www.youtube.com/watch?v=WGQ2lXKdvvk.

참고 자료 링크

코스 시작 방문 페이지 - http://www.embarcadero.com/firemonkey/firemonkey-e-learning-series 파이어몽키 플랫폼 전제조건 - http://docwiki.embarcadero.com/RADStudio/en/FireMonkey_Platform_Prerequisites 맥에 PC 연결하기 - http://docwiki.embarcadero.com/RADStudio/en/Connecting_Your_PC_to_a_Mac 윈도우와 다른 플랫폼간의 차이점 - http://docwiki.embarcadero.com/RADStudio/en/Differences_between_Windows_and_Other_Platforms 90 초 동영상 "파이어몽키로 멀티 플랫폼 개발"을 보십시오 - http://www.youtube.com/watch?v=NzLCGvpGGAg 마르코 칸투 백서 “파이어몽키 찾아보기-차세대 비즈니스 애플리케이션 플랫폼"을 보십시오 -

http://forms.embarcadero.com/forms/AMUSCA1110FireMonkey-MarcoCantuWhitepaper 플랫폼의 주요 그룹들을 보여주는 파이어몽키 구조 설계 포스터를 다운로드 하십시오(PDF 형식으로) -

이 장은 “윈도우와 맥 개발의 시작을 위한 파이어몽키 코스북”의 2장 내용 전체입니다. 코스북 전체를

PDF로 무료 다운로드 받을 수 있습니다. http://tech.devgear.co.kr/13556