BLOG main image
분류 전체보기 (50)
아이폰 개발 이야기 (12)
스마트폰용 홈페이지 (3)
웹표준 개발 (8)
HTML5 (2)
Objective-C (2)
뉴미디어 기획 이야기 (10)
뉴미디어 뉴스 (12)
81,453 Visitors up to today!
Today 80 hit, Yesterday 88 hit
'Xcode'에 해당되는 글 3건
2010/08/10 16:28

오늘은 아래와 같은 화면을 XCODE로 만들어 보도록 하겠습니다.



오늘은 탭바는 만들지 않겠습니다.
탭바를 만들었다는 전제 조건하에 위화면을 구성해 보겠습니다.

File > New Project  메뉴를 클릭하면 아래와 같은 화면이 나타 납니다. Window-based Application 타입을 선택한 후 오른쪽 하단의 Choose를 클릭하여 다음 화면으로 넘어 갑니다.



생성할 프로젝트명은 원하시는걸로 입력하세요(ex, bgex)
프로젝트 이름까지 입력하시고 나면 아래와 같은 화면을 접하실 수 있습니다.
(다른 분들은 저와 살짝 다르게 보일 수 있습니다. 단순한 화면 구성의 차이이니 이 프로젝트를 하시는데 큰 문제는 없습니다.)




여기까지는 기본 프로젝트를 만드는 단계이고 이제 이 프로젝트에서 쓰일 이미지 파일들을 Resources 폴더로 넣도록 하겠습니다.



오른쪽의 Finder 에서 원하는 이미지를 선택 한 후 Resources 폴더로 드래그 앤 드롭 합니다. 그러면 창이 하나 뜨는데 copy item into ~  이부분을 체크 하시고 Add 버튼을 눌러 주세요.




이제 Resources 폴더에 있는 MainWindow.xib 파일을 더블클릭하여 인터페이스 빌더를 열고 Library 창에서 Image View를 선택한 후 Window 창에 끓어다 놓습니다. 가운데 있는 창에서 자모양의 아이콘을 선택하고 가로와 세로의 길이를 위와 같이 지정해 줍니다.



왼쪽 Window 창에서 UIImageView를 선택하시고 오른쪽 상단탭중 젤 왼쪽에 있는 탭을 선택하신 후 image의 오른쪽에 있는 화살표를 눌러 좀전에 넣어둔 이미지 중 menu_bg.png 파일을 선택 합니다.



Background 는 선택을 하신 후 Opacity를 0으로 처리 하시면 됩니다. 지금까지 잘 따라하셨다면 아래와 같은 화면이 나타나고 이제 그 위에 버튼 이미지들을 올려 놓도록 하겠습니다.



Library 창에서 Round Rect Button을 Window 창으로 끌어 놓고 가운데 있는 인스펙터 창에서 Background의 이미지를 menu1.jpg로 선택을 해 줍니다.

위와 같은 방식으로 나머지 두개도 처리를 합니다.

 
이제 마지막 남은 전체에 백그라운드를 지정하는 화면 입니다. bgexAppdelegate.m 파일을 여신 후 위와 같이 입력을 하시면 됩니다.
소스코드 :
window.backgrondColor = [[UIColor alloc] initWidthPatternImage:[UIImage imageNamed:@”bg.jpg”]];



이제 완료 되었으니 한번 실행해 보시죠. ㅋㅋ 짜잔~!!!

 

 

 

저작자 표시 비영리 동일 조건 변경 허락
Trackback Address :: http://web2log.com/trackback/61 관련글 쓰기
Name
Password
Homepage
Secret
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
2010/04/27 14:34

아이폰 개발과 관련해서 조금 더 기본적인 포스팅이 필요하다는 생각에 아주아주 기초부터 이야기 해보려고 합니다. 걸음마 부터 이야기니까요 이미 떼신 분들은 필요가 없겠습니다. 그럼 시작할께요.

1. 우선 맥북 이 필요하겠죠? 

- 아이폰 어플은  맥 프로그래밍을 기본으로 이뤄지기 때문에  맥북에서만 개발을 진행 할 수 있습니다.
편법으로 [해킨토시] 라고 해서 윈도우 기반에서 맥 OS를 돌릴 수 있는 방법으로 개발 하시는 분도 계시기는 하지만 현저히 차이나는 속도와 속터짐으로 결국 맥북을 사신다는 후일담을 들을 수 있습니다. ㅠㅠ


2. 맥 OS를 10.6.2  이상으로 업그레이드 시켜주셔야 합니다 

 - 업그레이드는 아래 스샷을 보고 설명하자면... 그냥 누르면 됩니다.



3. 애플 개발자 센터에서 SDK를 다운 받아주세요  ( 
http://developer.apple.com )

- 어플을 등록 하기 위해서는 개발자 라이센스를 사야하지만 일단 개발만을 위해서 SDK를 다운받을 거라면 애플 아이디 만으로 다운이 가능합니다 ^^  다운받는 곳은 스샷을 확인해 주세요.

☞우측 상단에 보시면 개발자를 위해 SDK4 beta버전도 받으실 수 있습니다.


4. 다운 받으셨으니 설치 ㄱㄱㄱ 

- 설치 하실 때 구성요소에서 SDK 체크 하시고 넘어가주세요~ 


5. 이제 XCODE 를 작동해 보아요 

- XCODE 는 아이폰/맥용 어플리케이션을 만드는 프로그래밍 툴이랍니다.  근데 이놈이 어디에 설치 되어 있는지 모르시겠다고요
맥 OS 상단의 파일 > 파일 열기

-  자신의 하드 디스크 선택  > Developer  > Applications > Xcode 
☞ 항상 위에 경로로 통해 가는 것도 좋지만 Xcode 아이콘을 드래크해서 Dock에 올려놓으면 편하게 갈수 있겠죠~ *^^* 올려놓으면 저런 망치모양의 아이콘이 생성됩니다.



이제 아이폰 개발하기 위한 준비 과정을 마쳤습니다.

이제 개발만 하면 되죠!!!!! 언제 하지 ㅠ_ ㅜ

다음 번에는 Xcode 작동 맛보기 예로 아주 간단히  프로그래밍의 친구 Hello world 를 찍어보도록할게요 *^^*
저작자 표시 비영리 동일 조건 변경 허락
Trackback Address :: http://web2log.com/trackback/26 관련글 쓰기
midas | 2010/04/27 21:03 | PERMALINK | EDIT/DEL | REPLY
알기 쉽게 설명해주셔서 감사합니다. 관심은 생기는데 막상 어디부터 손대야하는지 막막하네요 ^^;;
과연 내가 프로그래밍이란걸 할 수 있을까 머 이런 긴장감도 들구...
web2log | 2010/04/27 21:10 | PERMALINK | EDIT/DEL
시작은 다 똑같습니다. 프로그래밍은 꾸준히 노력할 수 있는지 없는지가 관건입니다. 화이팅입니다~
이우아 | 2010/04/28 05:24 | PERMALINK | EDIT/DEL | REPLY
아이폰 어플 개발에 약간(?) 관심이 있는데...
매우 친절한 글이에요. ㅎㅎ
다음 글 기대할께요. ^^
web2log | 2010/04/28 09:01 | PERMALINK | EDIT/DEL
관련 포스트 이것저것 준비중이에요. 기대해주세요~
네모난달 | 2010/04/28 07:17 | PERMALINK | EDIT/DEL | REPLY
저도 언젠가 아이폰앱을 만들어보리라 꿈을 꾸고 있는데. 이렇게 개발과정을 보여주시면 정말 도움이 많이되겠네요. 앞으로도 잘부탁드려요^^
web2log | 2010/04/28 09:01 | PERMALINK | EDIT/DEL
차근차근 해나가보겠습니다. 자주 방문해 주세요.
무필명 | 2010/04/28 09:26 | PERMALINK | EDIT/DEL | REPLY
저도 앱한번 만들고 싶긴한데...

제가 필요한걸 만들고 싶은터라...그렇다고 맥컴퓨터를 살수도없고...

맥없으면 개발 못하나요??
onemanbo | 2010/04/28 09:31 | PERMALINK | EDIT/DEL
기본적으로 맥이 없으면 개발이 불가능한 더러운 세상입니다 ㅜㅜ
흠.. | 2010/04/28 09:33 | PERMALINK | EDIT/DEL | REPLY
만약 ms에서 윈도우용 모든 프로그램은 ms에 만든개발툴과 언어로만 만들어야 된다고 그랬으면
정말 사람들 광분했을텐데
애플은 너무나도 당연하다는듯이 말하는게 좀 웃기네요
특히 소위 개발자란 분들이...
web2log | 2010/04/28 09:46 | PERMALINK | EDIT/DEL
맥북을 살 때는 "이런 더러운 애플 녀석들..너무 하는구만."하면서 씩씩댔었죠. MS보다 더 크면 더할 놈들이다라고 생각한 건 저만은 아니겠죠? 이에 비하면 안드로이드는 시스템의 개방성에 있어서나 환경에 있어서나 '천사'에 가깝습니다. 안드로이드 개발 관련한 내용도 포스팅할 예정입니다. 방문 감사드립니다.
송현우 | 2010/06/24 13:01 | PERMALINK | EDIT/DEL | REPLY
블로그에 담아갈게요 ^^

출처는 밝히겠습니다.

원하지 않으시면 삭제할게요~

제 블로그는 blog.naver.com/no2zero 입니다.
띨한꼼딱 | 2010/06/24 20:13 | PERMALINK | EDIT/DEL | REPLY
우문을 하나 드립니다
엡개발에 있어 아이폰과 안드로이드 중 선택해야 한다면 현재로선 아이폰이 우세하다고 하더군요.
하지만 안드로이드의 개방성으로 인한 편리함이 더 큰 경쟁력을 가질거라고 하는 얘길 많이 합니다.
지금 시작한다면 아이폰과 안드로이드 어느 쪽을 선택해야 할까요?
부레이부레이 | 2011/05/10 18:06 | PERMALINK | EDIT/DEL | REPLY
당연히 아이폰이 우선임.
안드로이드는 자바기반이고 아이폰은 c언어.
c컴파일된 실행파일과 자바 가상머신은 수행되는 환경 자체부터가 엄청난 차이가 있지요 오버헤드랄까...
하기야 하드웨어가 워낙 좋아서 그 차이를 망각할수도 있기는 한데
정작 차이는 혹독한 테스팅환경에서 소리없이 나타납니다.
예를들어 초당 병렬처리해야할 데이타가 10만개 정도가 된다고 할때에
이것을 최적화 하기 위해서는 low레벨까지 가야할 필요가 있는데
당연히 c가 좋지요. 어차피 목표는 고급 응용프로그래밍이잖아요? 3차원 핸들링하고.. 데이타 뿌리고..
gps랑 wifi로 통신하고.. 사운드에 그래픽도 뿌려줘야하니까.
당연히 아이폰으로 먼저 여러 api와 프레임웍 등의 기본개념을 익히고 상용 어플리케이션을 개발할정도가 된 이후에
안드로이드로 병행해도 상관이 없음.
Name
Password
Homepage
Secret
prev"" #1 next