0.2 [아이폰 강좌] 야매로배우기! 아울렛연결하기!

View Comments

0.2 [아이폰 강좌] 야매로배우기!

-Image view 아울렛 연결하기!


yenos!

하! 투더 하핫! 이제 본격적으로 시작하기 시작했다!

ImageView를 이용해 아울렛 연결하기??

음. 

이론만 설명하면! 스토리보드 상에 올려놓은것들을 우리가 코딩으로 영향을 주기 위한 작업..

스토리보드와 코드창 연결하기!

요기까지만 아마 제일 쉬운 야매 코딩이 될꺼고..

이제부터는..

진짜 뭔가 작동하는.. 구동하는 녀석들을 만들어볼것입니다..

초짜가 뭘알겠냐마는! 책보고 구글링보면 다 알 수 있스므리다!

쿠쿸 오늘도 씐나게 

ㄱ 싱


 추천 부탁드려요~

감사합니다:)



0.1 저번강좌의 감의 뜻을 느꼈는 감? 

ㅋ쿠쿠쿸ㅋㅋ

마찬가지로  저번강좌에 있는 녀석을 이용할 것입니다.나는..(새로만들려면 만들구..)



자! 역시 간단히 오른쪽아래 Object에서 imageView를 친히 검색해서 드래그 !

저번에 라벨했듯이..ㅎㅎㅎ



그리고 이제 연결하는 작업을 할건데! 그전에

저기 파란 칸에서! 가운데 있는녀석을 클릭해주면.. 

위사진 처럼 조롷게 쪼매난 코드 창이 뜰것이여!!

저코드창은 현재 내 스토리보드 상의 존재하는 뷰(view) 한화면을 담당해주는 녀석의 헤더파일이지!

라고 말은 거창히했지만

ImageView를 연결하기위해 불러낸것에 불과햏..



코드창이떳구! 그다음

 imageView에 마우스를 올려놓고-- 키보드의 Control키를 누른상태에서 --드래그를 해보면 ! 

무슨 파란 선이 찍찍찍 딸아 댕길거야 마우스에!



고상태로 마우스를 아까 코드창속  UIVIewController아래에 두고!(사진의 빨간줄있는곳!)

클릭을 해제!ㅠ

하게되면!



짠! 이렇게 뭐라뭐라 뜰거얗ㅎㅎㅎㅎ

저기 Name은 이제 네가 드래그해서 가져온 ImageView 틀의 이름을 말한다! 

나는 간단히 Image라고 지어놓앗옿ㅎㅎ



이렇게 하구 

왼쪽 창에서 YenosViewController.h 파일을 보게되면! 위와 같은

한줄이 추가되어있지!

요로콤 되면 

연결 완료!

이제 ImageView에 넣을 사진을 프로젝트에 추가해봅쟈!ㅎㅎ



왼쪽 네비게이션 리스트에서 HelloYenos! 프로젝트명을 우클릭!

그렇게 나타는 리스트중! NewGroup!

각종 사진 및 오디오등을 담아놓을 폴더를 하나 만들것이여!ㅎㅎ

폴더명은 마음대로 해주고!

내가원하는 Image를 바탕화면(데스크탑)에서 드래그앤드롭해서 

폴더에 넣어줘!

요콘 참 쉽지?? 근데..

한가지 포인트가!



여기 빨간줄에 체크를 해줘야됭! 그래야지

원본파일이 안날라가거듢ㅎㅎㅎㅎ

쿨하게 여기서만  쓴다고? 그럼 노 체크! 쿨  요 쏘 쿨!

추가 완료됨?


그리고  다시 네비게이션 리스트에 YenosViewController.m에 들어가서 !  위와같이 코딩을 해봅자!ㅎㅎㅎㅎㅎ

간단히 설명을 해보면??


#import 

쉽게 설명하면 현재 코딩창이 1중, #import라 불리우는 중대장이 

"어이 2중대 애들좀 써야겠다 2중대 집합!" 

이라고 명령하면!

2중대인 yenosViewContreoller.h 파일이

"옙 갑니다" 

하고 무조건 가게 되는.. 그런.. 갑자기 슬퍼지네..


@synthesize Image 

이놈은 #import가 가져온 녀석중에 내가 여기서 쓸놈을 정하겠다 라는 의미? 정도로 보면 되겠다!

.h 파일에서 내가 코딩한 녀석들은 대부분 @syntheisze를 통해 다시 불리우게되지..



[Object. 그들만의 관계??]


UIImage  이녀석은 타입인데. image를 다룰 때 이용하지.. 필요할때 차근차근 나올것이야!

*yenos 라는 image타입을 설정해주고 *yenos를 현재 저장되어있는 사진의 이름으로 Named 하면 이제

 *yenos값이 저 사진을 의미하게됨!

이제 다시 스토리보드를 생각해보자!

우리가 저장해준 ImageView 이름이 Image 였잖아???

그러니깐 Image 이녀석을 set! 설정한다 yenos!로 ㅎㅎㅎㅎㅎㅎ 오땨 간단간단?

굿? 이제 RUN 해볼까??

cmd+R!



짜자잔!!

이렇게!! 내가 원하는!! 사진이 나와부렀다!!!

참 쉽죵??

요정도는 기본으로 익숙해져야햏! 끌고 당기고~

마치 정글을 마음대로 헤집어 다니는 타잔처럼! 컹 컹 컹!


오늘의 포인트는

object들을 코딩창에 첨가하기.

위에 관계를 자알~ 파악하기 ㅎㅎ 저기 위에 object들의 관계를 잘 파악할 수 있다면...

이제 모든것들이 더 쉽게 다가올 것이요오~

매우 간단하지만 모든 코딩 방식이 저렇다는..것을 꼭 알아주고. 헿ㅎ

다음엔 

더 씐나는 걸로! 활동적인 컨텐츠들을 가지고 

 떠나간모습보다 따뜻한

Come back Yesnos!!!!!!!!!!!!!





3 Comments (+add yours?)

Leave a Reply

Tracbacks (+view to the desc.)

01.[아이폰 강좌] 야매로 배우기! HelloYenos!

View Comments

01.[아이폰 강좌] 야매로 배우기!

- HelloYenos를 출력하는 어플 만들기.



Yenos!!

햐! object-c 기본을 다보았다면.. 이제 야매로 아이폰 어플을 개발해보자!

잉?? 야매?? 이거 사긴가..?

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ키킼ㅋㅋㅋㅋㅋㅋㅋ 왜 야매냐면...

코딩은 최소한으로하고.. 가장 가장 쉬운 방법으로만.. 앱을 만들어 나갈꺼기 때문에.그래....그래서!

야매라는것! 

물론 야매라서.. 분명 부족하고, 구동상 어색한 부분이 있겟지만.. 

any Way.!

'내가 할 수 있는한 최대한 쉽게 어플을 만들어보이겠다!!'

라는게 나의 의지이기 때문에...(그렇다고.. 싸구려앱을 만든다는건.. 아니고..ㅋㅋㅋㅋ)

우짰든 야매 코딩! 

 첫 걸음 시작.!



버튼누루고 시작할게욥!ㅎㅎ

감사합니다!!




0.1  어떠한 프로젝트를 선택해야하는 persimmon? 

 Xcode는  아이폰 어플 외에도 맥 관련 어플은

모조리 만들 수있듭! 

그러므로 우리는 어플관련 프로젝트와 .. 그중에서도 HelloYenos를 출력하는 

뷰(view)하나를 가지는 편리한 녀석으로 선택해야한다능 능능! 구렁이~!

그럼 그림을 보면서  시작해 봅세다!



xcode를 실행하고! Create a new xcode prjoect를  클릭!



그러면 위와같은 창이 뜨는데!

여기서 ios - Application - Single View Application!을 선택하고

NEXT



쓸게 많아 보이지만 사실  모든게 그닥 의미가 없습니다!!!

음 Proudct Name은 프로젝 이름 간단히 HelloYenos!

Organization Name은 조직이름..내 조직은 ..Yenos다...

Compansy Identifier은 회사 아이덴티틴데.. 이건 나중에 중요해!!!

왜냐!  내가 개발자 등록을 한다? 그러면 등록할때 개발자 Identifier이 휴대폰에도 같은 값으로 등록을하게되..

그렇다면 내 휴대폰이랑 개발자 계정이랑 모두 같은 Identifier을 가지게되지?? 그런데.

내 아이폰에서 실제 프로젝트를 구동하기위해선 프로젝트의 Identifier도 같아야한단 말씀!!



둥글 둥글 오키 도키??

그러므로 내 고유의 Identifier값을 넣어야하지!

그렇지만.. 

여긴 야매라.. 개발자 등록따윈 아직 하지 않겠슴! (쿨하니깐!)

그래서 아무거나 써도돠고~ 후에 혹 하면 바꿀 수 있으니깐!!!

다음

 Class Prefix는 내가 클래스를 추가할때마다 클래스 이름 앞에 무조건 붙게되는거야!

요놈도 사실 그닥 의미있는지 모르겠뚬...

다음 Device는 IPhone으로 해주고!

체크 항목은 세놈다 해주면됩니다! 

왜 체크하는지는 계속 야매 시리즈를 보면 알 수 있지롱~

NEXT!



뙇~ 나왔다.. 

모든 클래스 앞에 Yenos가 붙었지 ?? 위에 ClassPrefix를 Yenos로 해줘서 그렇고..

이것 저것 궁금하고 신기한게 많을텐데.. 모두 다눌러보고.. 

이상해진거 가트면.. 다시 지우고 만들면 되지롱.....

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 쿨함?

음 나는 야매니깐.. 누루다가 이상생기면 다른 블로그, 구글링 찾아보셈..

다있으니깐! 

물론 댓글 날려도 내가 보는데로.. 아는데로는 알려줌!

다음으로가장.. MainStoryboard라는 항목을 클릭!



야매로 배우기에 KeyPoint는 바로.. 이 Story board이지.. 

요놈이 있기에 야매배우기가 존재할 수 있었던것.. 뜨아..

그럼 이용해볼까? 



저 파란박스 안에서 Label이란 놈을 찾아서 쭉!

드래그 해서 Storyboard라 불리우는 저 허연창에 얹어주기!!



다음으로 Label을 더블클릭해서! 

편집모드로 들어가 HelloYesno!라고 입력!!

재밌다...

다음으로 cmd+R 버튼을 누르거나!

왼쪽 위에 플레이? 재생 버튼같은걸 누르고 조그만 기다리면 !!!

짜잔!


Hello Yenos! 뛰우는 어플을 만들었다!!!!!!

참 쉽죠??

사실 이정도,, 혹은 버튼 달기 정도는 코딩안하고 위와같이 Storyboard만으로 만들 수 있어..

 Storyboard를 쓰지 않는다면.. 라벨 상자를 만들고 저 배경에 x,y좌표를 어디에 위치할 것인지를 모두 입력해주어야하지.

그런것조차도! 구찬기 때문에!

야매다!!!!!  ㅋ.ㅋ :)

하지만 앞으로 모두것이 위와같지는 않을 거같다!

당연히 내가원하는 방법으로 앱을 만들기위해선 코딩이 필요하지!

근데.. 최소화 해보겠다고.. 구찬으닠ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

좋아 이런마인드.. 


다음편에서는

Label과 같은 녀석들을  어떻게 소스파일들과 연동(?)하는지에 대해! 

ImageView를 통해! 알아보쟣ㅎㅎㅎ






0 Comments (+add yours?)

Leave a Reply

Tracbacks (+view to the desc.)

0.6 [NSNumber,NSValue] 깔끔한 마무리! FK(5)

View Comments

0.6 마무리를 깔끔하게!!

yenos!!!!!!!!!

여기 까지가 이제 object-c의 기본 기본기본적인 맛보기였습니다. 아 ! 이렇게 코딩하는구나!

라는 느낌만 받았다면  성공이야! 

요것이 끝나면!! 다음으로 바로 xCode에서 실질적으로 Simulator를  이용해 앱을!!!

개발합니다..ㅇ ㅡ하하핳.ㅎ핳ㅎ

마무리를 깔끔하게...

시작!








0.1 NSNumber 


넘버? 왔 더!? ?

옙 숫 to the 자!!   말 그대로 숫자의 기본타입을 가지고 있는 클래스야!

이녀석들을 어떤 메소드로 이용할 까~~?


**(NSNumber*) numberWithChar: (char) value;

**(NSNumber*) numberWithInt: (int) value;

**(NSNumber*) numberWithFloat: (float) value;

**(NSNumber*) numberWithBool: (BOOL) value;


이녀석들이 가장 일반적으로 쓰이는 것들!

어떻게 쓰는 걸까요?? 역시 코드를 봐야겟지요.



간단합죠 ?? 이제 하도 설명하니 말안해도 알겠군!!

이러한 number을  array, dictionary등 각종 관련 메소드에 이용할 수 있다!



요론식으로 .. 바로 전 메모를 열심히 공부하면 알수 있는.. 음

그렇다.. 참 쉽군 이번판?

너무 간단해서 딱히 설명이라고 할게없네.. 참

Pass 







0.2 NSValue


어떤 값이 냐면.. 그냥 임의의값?  꽤나 큰 개념이지..  임의라는 건.?.?

어떻게 써야되는거야?? 어케 생겨먹은거지??


**(NSValue*) valueWithBytes: (const void*) value objCType: (const char*) type


내가 썼지만 알아볼 수 가 없다.. 역시  함정카드야 함정카드...



편한 이해를 위해.. 일단 array를 먼저 만들어보았다!!

대략 메모리를 20으로잡고,, 배열안에 1과 2 를 넣었어! 다음으로..



이제 나왔지 NSValue! 음 위에 녀석은 뭐지?? 

일단 rect 값이 (3,3,10,20)을 가진다고 생각해! (NSRect에 관해선 아래서 자세히..ㅎㅎㅎ)

value값을 뒤에서 부터 보면  value자체의 type 형을 정해주고 있어 obCType을 통해! 

@encode는 ()안에 것을보고 알아서 적절한 Type 이름을 정해주는 컴파일러 지시자야! 

'음 적당한 이름을 지어줘야할것같다!'

그래서 정해진 타입명에 무엇이들어갈거냐?? 라고 물으면  바로 valueWithBytes 에 입력되어진 rect의 주소값! 이되어지는거지

그러므로... 

NSLog값은 다음과 같아!!



보면 좀 알겠지?? NSRect 이름의 (3,3) ,(10,20) 값이 들어가있는 것이지!

이제 array값에 추가해서 마무리를 지어보자!



요로콤 추가 해보면,  array맨마지막 배열에 value 값을 넣어준다는 이야기가 됨으로!

최종 로그값은!



깔끔하구만 ㅎㅎㅎㅎ







*NSRect ..

이놈이 의도치않게 튀어나와버렸네.. 이녀석

2번째 메모에서 조금 설명은 했지만.. 음.. 어쨋든 알아보자!


**typedf struct{

NSPoint origin;

NSSize size;

}


한마디로,, 포인터 위치와 크기를 정해주는 것이지.. 위에서 사용된게

NSMakeRect 였지?? 이녀석은 바로 사각형을 만들어주는 메소드인데.. 

(x좌표, y좌표, width, heigh)가 되는거지 ㅎㅎㅎ


위엣 사진처럼 여러가지 메소드를 포함하고 있고!!  

위아래로 수많은 응용 메소드들이 같이 출몰하고있어!! 

구글링하면 수없이 나오겠지????

사실 이많은것들을 꼭 알고갈 필요는 없거든요~~

그러므로 여기서 마무리이





크아! 이렇게!! 대략적인 object-c에관한 내용을 한번 흩어보았다!!

사실 내가 생각하는 ios 프로그래밍은..

기본적으로 이정도만 해서  대충~ 느낌만 알아가고!

실제  시뮬레이터로! 코딩하면서! 실질적인 결과물을 보면서 하는게 길지만 굵직 굵직하게 코딩하는 방법이라고 생각해!

그러므로!

'xcode에서 코딩하기' 에서 진짜 아이폰 어플을 만들어봅시다

거기서도 이렇게 내 수준에 맞게 아주아주 천천히 쉽게 설명할거야.. 


0 Comments (+add yours?)

Leave a Reply

Tracbacks (+view to the desc.)

Newer Entries Older Entries