BLOG main image
분류 전체보기 (51)
아이폰 개발 이야기 (12)
스마트폰용 홈페이지 (4)
웹표준 개발 (8)
HTML5 (2)
Objective-C (2)
뉴미디어 기획 이야기 (10)
뉴미디어 뉴스 (12)
88,774 Visitors up to today!
Today 56 hit, Yesterday 72 hit
2010/05/03 08:29

저번  아이폰 개발하기 전 준비과정을 담은 포스팅 아이폰-개발-시작-기초과정-1
Xcode 설치 하는 법을 아셨을 거예요.

자 그럼  지금부터 아주 간단한 아이폰 어플을 만들어 보아요 ^^
우리 만들 첫 프로젝트는 프로그래밍을 처음 배우면 가장 먼저하는 프로젝트 [ Hello World ] 를 화면에 보여주는 어플을 만들어 보겠습니다. ㅎㅎㅎ 그냥 Hello World만 보여주면 섭하니깐 버튼을 클릭하면 Hello World 가 보이도록 해볼게요 

## 일단 이 포스팅은 Xcode를 작동하는 방법 및 과정을 알려드리기 위한 것이므로  하는 도중 나오는 자세한 문법 설명은 생략하겠습니다. 차후 Objective_C 카테고리를 통해 프로그래밍 문법에 대한 자세한 설명 및 예제를 올리겠습니다.


일단 Xcode 를 클릭하면 아래 와 같은 화면이 나오는 것을 확인하실거예요.
(Xcode 버전마다 화면 구성이 약간 다를 수 있고 이 포스팅은 Xcode 3.2 버전으로 씁니다).



Create a new Xcode project 를 선택합니다.



Application 선택하고 우리는 아주 간단하면서 기본적이며 유명한;; Hello World 를 만들거기 때문에  [ Window-based Application ]을 선택하여 프로젝트를 만듭니다.




프로젝트 명을 입력하라고 나오네요. HelloWorld 를 적어주시고 저장할 공간 선택하신다음  Save 해주세요
여기서 주의하실 점은 프로젝트는 첫 문자는 항상 대문자로 해주셔야 한다는 것 잊지 마시고요




짜잔~기본적인 구성으로 프로젝트가 생성 되었네요.  5개의 폴더가 보이시죠. 하나 하나 차근 차근 보도록 하죠 ^^

① Classes  - 실질적으로 돌아가는  코드들이 들어있습니다. 앞으로 우리와 가장 많이 작업할 공간이죠.
   복잡한 프로젝트일 수록 나중에 여기에 수많은 클래스 코드들이 생성 될거예요 . 

② Other Sources  - Objectiv C 클래스가 아닌 다른 소스 코드 담는 곳인데 우리는 Objectiv C로 만들거기 때문에 여기
   폴더는 그냥 이쁘게 닫아주세요. 이미 있는 소스도 건들지 마세요

③ Resources - 이미지 라든지 동영상이라든지 어플에 들어가는 파일들을 들어가는 곳입니다. 
   근데 폴더 안에 보면 MainWindow.xib 라고 있죠. 
   인터페이스 빌더의 정보를 담고 있는 파일입니다. 많이 쓰는 파일이니 기억해두세요.
   그외  HelloWorld-info.plist 가 보이네요. 현재 이 프로젝트의 정보를 담고 있는 파일입니다. 몇몇 설정값을 바꿀수도 있고요 

③ Framework
- 아주 심화적으로 들어가기 전에는 안쓰는 폴더. Xcode 라이브러리가 들어가있는 곳이라 생각하시면 되고요.

⑤ Products - 프로젝트를 컴파일하여 생성된 파일이 있는 곳입니다. 여기도 우리가 쓰는 폴더는 아니예요 조용히 접어주세요.



자 대충 설명이 끝났고 본격적으로 Hello World 를 찍어보겠습니다. Resources 폴더의 MainWindow.xib 을 클릭하세요




여러개의 창이 뜨네요. 인터페이스 빌더라는 건데요 코드로 화면구성을 일일히 다  만들수도 있지만 간편하게 클릭 드래그 등으로 화면구성및 속성을 만들 수 있게 해주는 툴입니다. 
Library 창에 Objects 중에서 View라는 Object가 보이죠 드래그해서 Window 창에 넣어주세요.
이 View는 녀석이 바닥에 든든히 버티고 있어야 이 위에서 무슨 동작을 하든 작동을 할 수 있거든요 ^^




이제 Label 이라는 놈을 드래그 해서 Window 창에 있는 view 녀석 위에 원하는 위치로 올려주세요  
Attributes 창에서 속성이라는지 Label  텍스트를 변경하거나 색을 변경할 수 있습니다. 이것 저것 해보세요 
그리고 버튼 하나를 만들게요 Round Rect Button 을 이쁘게 드래그 해서 원하는 위치에 넣어주세요 그리고 버튼 text도 바껴주세요 저는 push라고 적을게요 


그리고 저장 해주세요 . 이 상태에서 커맨트+R 을 클릭하면 컴파일이 되서 아이폰 시뮬레이터가 나옵니다. 
근데 버튼을 눌려도 아무런 동작을 안할꺼예요 ..  왜냐 아무것도 설정을 안해줬으니깐.. 두둥 이제 코드를 만져보겠습니다.


Classes 폴더에 HelloWorldAppDelegate.h 를 열어주세요.  HelloWorldAppDelegate의 헤더 파일입니다. 
아래와 같이 코딩하세요 

//===========================================================
#import <UIKit/UIKit.h>

@interface HelloWorldAppDelegate : NSObject <UIApplicationDelegate> {
    UIWindow *window;
    UILabel *helloText;  //우리가 아까 만든 Label 에 텍스트를 바꿀꺼기 때문에 UlLabel 로 변수 하는 선언했습니다.
}

- (IBAction)pushbtn:(id)sender;   //pushbtn 액션 동작이 있을꺼라고 알려주는거에요 (버튼 클릭하면 변해야 하기 때문에)

@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet UILabel *helloText;  // 라벨 프로퍼티 선언

@end
//==============================================================


Classes 폴더에 HelloWorldAppDelegate.m 를 열어주세요. 
아래와 같이 코딩하세요

//==================================================================

#import "HelloWorldAppDelegate.h"

@implementation HelloWorldAppDelegate

@synthesize window;
@synthesize helloText;

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {   

    // Override point for customization after application launch
    sleep(2);   // 처음 화면에서 2초 있다가 실행하게 - 로딩화면 보이게 하기 위해
    [window makeKeyAndVisible];
 
 return YES;
}

- (IBAction)pushbtn:(id)sender
{
 NSString *varText = [[NSString alloc] initWithFormat:@"Hello world~"];   // Hello world~ 라는 문자를  변수에 집어둠 
 
 helloText.text = varText;   // hellodText 라벨 테스트를 varText 변수 값으로 넣으라는 말씀!
 
 [varText release];  //쓴 문자열변수는 초기화
}


- (void)dealloc {
    [window release];
    [helloText release];  //다 쓴 라벨 변수 초기화
    [super dealloc];
}


@end

//====================================================================



코딩이 끝났다면 저장해주시고요  컴파일을 해... 주기 전에 빠뜨린게 있어요
먼가 이상하죠 라벨 helloText를 선언하고 버튼 pushbtn 라고 코딩에 써놨는데 아까 우리가 화면구성한 라벨이  helloText 인지 버튼이 pushbtn  인지.. 설정안해놨거든요. 매칭을 시켜줘야 하는데 !!!!!  그럼 아까 화면 구성했던 곳으로 다시 가보아요

Resources 폴더의 MainWindow.xib 을 클릭하세요




저는 약간 배경색과 위치를 바깠어요-ㅁ-;; 나만의 개성이랄까 크크;
먼저 라벨을 매칭시켜줄게요 
Window 창에 라벨 클릭하고   MainWindow.xlb 라는 창에 Hello World App Delegate 선택하고 
파란색 네모 친곳을 보면 무엇가 아까랑 화면이 달라진게 보일꺼에요 

helloText 라고 생겼죠. 근데 아무런 연결이 안되어 있네요helloText  옆에 동글뱅이 클릭 드래그 해서 라벨과 매칭 시켜주세요!!
연결되는게 보이죠



이번엔 버튼을 매칭 시킬게요
helloText 밑에 밑에 보면 아까  pushbtn 보이시죠 옆에 + 마크 클릭 버튼으로 드래그 하면 화면에서 같이 여러가지 이벤트가 보여요
우리는 버튼 클릭했을 때 보이게 할 것이기 때문에 Touch Down 으로 선택  이제 이쁘게 연결된거 보이죠 

저장 해 줍시다.


그리고 커맨드+R  (또는 상단바에 Build > Build and Run )해서 컴파일 해주면  짜잔..



푸시를 클릭하면 Hello World~ 로 바뀌는 걸 확인 하실 수 있습니다. 



이렇게 간단한 아이폰 앱스를 만들어 봤습니다. 생각보다 쉽죠 ^^~

소스 파일 첨부 할테니 참고하세요 



다음번에는  탭바 / 네비게이션 / 이미지뷰 / 테이블뷰 등등 .. 사용하는 것을 예제와 같이 하나씩 해보도록 할게요


Tip > Resources 폴더에  Default.png (320 *480)  파일과 icon.png (57*57) 파일을 집어 넣으면 앱스 아이콘과 초기 로딩 화면 이 생기는 거 확인 하실 수 있어요.




저작자 표시 비영리 동일 조건 변경 허락
Trackback Address :: http://web2log.com/trackback/32 관련글 쓰기
저자: 에리카 세든 편역: 오형내, 김동현 출판사 소개 페이지 에 자세한 내용이 잘 소개 되어 있습니다. 예제로 시작하는 아이폰 개발 , 사실 저는 이 책을 사지도 않았습니다. 회사 동료가 산 책을 제가 필요해서 멋대로 읽기 시작했습니다. 아무것도 모르고 시작할 때는 그럴듯 해 보였습니다. 예제도 많고 코드도 친절하고 무엇보다 제 동기이자 친구인 '오형내' 이 친구가 번역을 했기 때문에 뭔가 더 뿌듯했습니다. 그런데 문제는 제가 이쪽에 내공이 전..
^^ | 2010/05/04 10:31 | PERMALINK | EDIT/DEL | REPLY
잘 봤습니다. 그런데 맥에서 풀리지 않는 alz 소스 압축파일이 옥의 티네요.
onemanbo | 2010/05/04 14:19 | PERMALINK | EDIT/DEL
좋은 지적 감사합니다^^; 압축 파일 새로올렸습니당!
Name
Password
Homepage
Secret