Sample(01) - Hello World (Tizen Native)

91년 처음 C언어 책을 펼쳤을 때 제일 먼저 만들어 보았던 "Hello World" 어플을 만들어 봅시다.

여러분이 프로그램책을 한번이라도 읽으신 경험이 있으시다면 Hello World 프로그램을 만들어 보셨을 것입니다.  아마도 "Hello World" 앱을 작성하면서 기본적인 언어의 구조를 파악하고 개발환경에 대한 소개를 접하며 컴파일을 통해 자신의 첫번째 앱을 손쉽게 만들어 봄으로써 자신감을 얻으실 수 있을 것이라고 생각합니다.

Tizen SDK 2.2.1을 기준으로 작성하였다.

타이젠 SDK설치  

---

만약 Tizen SDK를 아직 설치하지 않으셨다면 "0-1. 타이젠 SDK설치"를 참조하시어 설치를 하신 후에 다음을 진해하십시오.

목표를 확인하자!

---

프로그램을 실제로 만들기 전에 우리가 만들 "Hello World" 앱을 한번 살펴보자. 간단하게 타이틀에 Hello World!를 표기하고 OK 버튼을 중앙에 위치시켜 보았다. 이 복잡하지 않은 앱이 여러분의 첫번째 타이젠 네이티브 앱이 될 것이다.

Tizen IDE를 실행

---

Tizen IDE()를 SDK가 설치된 폴더 하위 폴더인 ide 폴더 안에서 찾아서 실행하자!

▣ Workspace Launcher에서 Workspace의 위치를 설정하자! Tizen IDE에서 생성하는 프로젝트들이 저장될 폴더를 workspace라고 한다.

▣ 만약 workspace를 처음 선택하신 것이라면 다음과 같은 환영 창을 보실 수 있다.

새로운 프로젝트를 생성하자

---

▣ 새로운 프로젝트를 생성하자

- menu에서 file →  new →  (project...  → tizen  → ) Tizen Native Project 혹은
- Project Explorer에서 Secondary Click  →  new →  (project...  → tizen  → ) Tizen Native Project

▣  Template를 선택하고 Tizen Native 트리에서 Form-based Application을 선택한다. 

- With SceneManager나 Without SceneManager 문제가 안된다. 나중에 SceneManager에 대해서 설명할 예정이다.

▣ 템플릿으로부터 workspace 디렉토리에 소스가 생성되었다.

UI Builder를 이용하여 리소스를 수정하자

---

▣ "UI Builder"를 실행해보자!
- Project Explorer에서 HelloWorld→res→screen-size-normal→IDL_FORM.xml 파일을 더블클릭 하거나

- Project Explorer에서 HelloWorld에서 오른쪽 마우스를 클릭하고 메뉴에서 "Run Native UI Builder"를 선택하자.

▣ UI를 수정하자!

- 외쪽 상단의 "Outline" view에서 IDL_FORM을 선택하고 Header를 선택하거나 중앙의 "Form" view에서 "Hello Tizen!"이라고 적혀있는 Head 영역을 직접 클릭해보자.

- Header가 선택된 상태에서 좌층 하단의 "Properties" view에서 Title Text를 "Hello Tizen!"에서 "HelloWorld!"로 변경하고 저장하자.

HelloWorld를 빌드하자

---

▣  Project Explorer에서 HelloWorld Project를 선택하고
- menu → Project  → Build Project 혹은
- F10 혹은
- 오른쪽 마우스 버튼을 클릭하여 프로젝트를 빌드하자.

▣  빌드가 정성적으로 에러없이 종료 되었다면 애뮬레이터에서 HelloWorld 앱을 테스트해보자.

- 앱을 테스트 하기 위해서는 애뮬레이터를 실행하거나 실제 디바이스를 연결해야 한다.

- 애뮬레이터나 실제 디바이스에 앱을 설치하기 위해서는 

애뮬레이터를 연결하자

---

▣  Connection Explorer view에서 애뮬레이터 메니져 버튼을 클릭하여 실행하자.

▣  새로운 VM을 생성하기 위해서 + 버튼을 누르고 VM의 이름을 Detail에서 입력하고 Confirm 버튼을 누르자.

▣  생성된 VM하단의 ▶버튼을 클릭하여 애뮬레이터를 실행하자. 

▣  다으모가 같이 애뮬레이터가 실행된다.

▣ 애뮬레이터가 실행되면 Connection Explorer가 어떻게 변경되는지 확인해보자.

개발자/판매자 Certificate를 생성 등록

---

▣ 사이닝 관련 작업을 수행하지 않았다면 다음과 같은 에러 다이얼로그를 보게된다.

     [타이젠 앱 보안관련 아키텍쳐]

▣  Preferences > Security Profiles 를 선택하시고 개발자와 배포자 시그니쳐를 생성해보자!

  - Tizen SDK → Security Profiles를 선택하고 Security Profiles를 추가해보자. (Add 버튼 클릭!)

▣ Profile Name을 입력하자.

▣ Generate 버튼 클릭

Hello World 프로그램을 실행해보자.

---

▣ Project Explorer에서 HelloWorld를 선택하고 

    * menu에서 Run → Run 혹은
    * ⇧⌘ F11 혹은
    * 오른쪽 마우스를 클릭하고 Run As  → 1. Tizen Native Project

수고하셨습니다.