91년 처음 C언어 책을 펼쳤을 때 제일 먼저 만들어 보았던 "Hello World" 어플을 만들어보자
여러분이 프로그램책을 한번이라도 읽으신 경험이 있으시다면 Hello World 프로그램을 만들어 보셨을 것입니다. 아마도 "Hello World" 앱을 작성하면서 기본적인 언어의 구조를 파악하고 개발환경에 대한 소개를 접하며 컴파일을 통해 자신의 첫번째 앱을 손쉽게 만들어 봄으로써 자신감을 얻으실 수 있을 것이라고 생각합니다.
Xcode 6.0을 기준으로 작성하였다.
목표를 확인하자!
프로그램을 실제로 만들기 전에 우리가 만들 "Hello World" 앱을 한번 살펴보자. 간단하게 Hello World 버튼을 중앙에 위치시키고 버튼을 클릭하였을 때 Hello World라는 메시지창을 만들어보았다. 이 복잡하지 않은 앱이 여러분의 첫번째 타이젠 네이티브 앱이 될 것이다.
Xcode를 실행
를 Launchpad에서 찾아서 실행해보자!
새로운 프로젝트를 생성하자
▣ 위에서 Xcode를 실행했을 때 보이는 창에서 "Create a new Xcode project" 선택
또는 메뉴에서 File→New→Project... 선택
또는 단축키 ⇧⌘N를 사용
▣ 새로운 프로젝트를 위한 템플릿으로 "Single View Application"을 선택하고 "Next" 버튼을 클릭하자. 계속된 글에서 다양한 템플릿을 이용한 예제만들기를 수행할 예정이다.
▣ 포로젝트를 생성하기 위해서 필요한 옵션들을 입력할 수 있는 창이 보여지는데
- Product Name: "HelloWorld" - 여러분의 앱의 이름
- Organization Name: "Mobilehunter" - 여러분들의 회사명 (여러분을 대표할 만한 단어)
- Organization Identifier: "net.mogilehunter" - 회사의 도메인 명 (여러분을 대표할 만한 단어조합)
- Language: Objective-C - swift를 이용한 예제는 다른 쓰레드에서 올리겠다.
- Deivce: iPhone을 선택하고 Next 버튼을 클릭하자.
▣ 작업 폴더를 선택하고 "Create" 버튼을 클릭하여 프로젝트를 생성하자.
- 버전관리를 위해서 git을 사용하여 로컬 저장소를 만들 것인지 물어보는 옵션이 있는데 이번에는 선택하지 않도록 하자. git을 이용한 버전 관리는 다른 쓰레드에서 설명할 예정이다.
▣ Xcode가 여러분들이 선택한 옵션에 맞게 "Hello World"프로젝트를 생성하였다.
- 앗~! 새로 구입한 컴퓨터에서 아직 Signing을 진행하지 않았네요. 아직 개발자 등록을 하지 않으셨구요? 사이닝을 하지 않아도 에뮬레이터에서 생성한 앱을 확인할 수 있습니다.
▣ 아무 코드도 작성하지 않았지만 템플릿만으로 앱을 빌드하여 실행할 수 있다. 좌측 상단에 위치한 실행 버튼을 클릭하여 어플을 실행해보자.
- XCode는 자동으로 선택된 "iPhone6" 에뮬레이터를 실행하고 앱을 실행한다. 앱이 실행될 때 아래의 화면을 볼 수 있으며 이 화면은 "LaunchScreen.xib"에서 확인할 수 있다.
- 하지만, 실제 앱 화면에서는 아래와 같이 아직 아무것도 보이지 않는다.
- 앱이 실행되면 중지(Stop)버튼이 활성화된다. 중지 버튼을 클릭하여 실행된 앱을 종료하고 코드를 작성해보자.
스토리보드를 이용하여 UI와 코드를 작성하자
▣ Main.storyboard를 선택하고 중앙 Button을 삽입해보자.
- Navigator의 Project Navigator(
) 뷰에서 Main.storyboar파일을 선택한다.
- 좌측 Utilities에서 Object Library 버튼을 (
)을 누르거나 메뉴에서 View→Utilities→Show Object Library를 선택하고 Button을 찾아 Main.storyboard 에 삽입하자.
- 버튼의 Title을 변경하기 위하여 버튼을 더블클릭하거나 Attribute Inspector(
)에서 Title을 "Hello World"로 수정해보자.
▣ 이제 액션(actions) [혹은 아웃렛(outlets)]을 생성해보자.
- "Show The Assistant Editor"버튼(
)을 클릭하거나 View→Assistant Editor→Show Assistant Editor를 선택하면 ViewController.m 파일이 하단에 보여진다. (Assistant Editor의 위치는 View→Assistant Editor메뉴에서 변경할 수 있다.)
※ 아웃렛은 객체와 연결되는 인스턴스 변수이며 액션은 객체와 연결된 메서드이다.
- ^ (control)키를 누른 상태에서 버튼을 선택하여 ViewControler.h에서는 @interface와 @end사이, Viewcontroler.m에서는 @implementation과 @end사이로 드래그해보자.
- 팝업창이 생성될것이다. Connection은 Action으로 선택하고 Name을 showMessage라고 입력하고 연결해보자.
- ViewController.m의 메소드를 다음과 같이 수정해보자.
1 2 3 4 5 6 7 8 9 |
- (IBAction)showMessage:(id)sender {
UIAlertView
*hellowWorldAlertView = [[UIAlertView alloc]
initWithTitle:@"Hello
World"
message:@"Hello
World"
delegate:nil
cancelButtonTitle:@"OK"
otherButtonTitles:nil];
[hellowWorldAlertView show];
} |
- 이제 앱을 실행하여 목표를 당성하였는지 확인해보자!
