그것만이 내 세상

이번 강좌는 짧게 끝날것 같네요 스샷도 7장정도? 면 끝날것같습니다

그정도로 간단하네요 ㅎㅎ

지난번...그러니까 이 강좌 바로 아래에 있는

"스토리보드로 탭바컨트롤러를 쉽게 사용해보자!"

에서 사용한 프로젝트를 그대로 이어서 하겠습니다

그럼 시작~! 

지난번에 여기까지 했었지요,,?

이번강좌의 목표는 첫번째 탭에 네비게이션컨트롤러를 넣는것 입니다. 

따라서 일단 첫번째 탭과 연결된  redsubmarine1 의 뷰와 연결된 Segue를 끊어줍니다

그리고 그사이에 네비게이션 컨트롤러를 갖다 붙입니다 우측에 보시면 선택된 네비가 보입니다.

그리고 네비게이션 컨트롤러를 끌어오면 따라서 끌려오는 루트뷰는 제거해줍니다

기존 갖고 있던 redsubmarine1뷰를 그대로 쓰려하거든요

그리고 네비게이션 컨트롤러가 제대로 작동하는지 확인하기 위해 redsubmarine1 뷰에

버튼을 넣고 그 버튼을 누르면 넘어갈 또 다른 뷰를 만들겠습니다

우측 하단 제일 위에 보시면 view controller가 있는데 끌어다 셋팅합니다.

여기까지가 사용할 뷰를 끓어다 놓은 모습이고 이제는 해당 뷰들을 이어주기만 하면 됩니다.


지난번에 했듯이 뷰와 뷰사이를 마우스 우클릭 드래그로 이어주시면 되겠습니다

탭바 컨트롤러와 네비게이션 컨트롤러를 relationship-viewControllers로 이어줍니다.

네비게이션 컨트롤러와 redsubmarine1뷰는
relationship-rootviewController 로 이어주시구요~!

마지막으로 redusubmarine1과 옆의 뷰는 (저는 redsubmarine1-1이라 했습니다)
push로 이어줍니다 navigation으로 작동할거니깐요~

그리고 실행해보시면~!

이렇게 네비로 떠있는 화면을 볼수 있습니다
나 네비요~! 라고 위에 바도 떠있는걸 볼수 있네요 ㅎㅎ 
버튼을 눌러보면~

이렇게 푸시로 잘뜨고 위에 Back버튼도 제대로 작동하는것을 볼수 있습니다

물론 하단 탭을 누르면..~

지난시간에 했듯 이런화면이 잘뜨네요



아마 다음 강좌가 스토리보드 관련 마지막 강좌가 될텐데요

스토리보드에서 테이블뷰를 이용해보도록 하겠습니다

코딩을 지양하는 저로서는 반가운 기능이 생겼더군요

매번 약속을 못지키는 느낌인데...

이번에는 최소한 화요일까지.. 진짜.. 올려보도록 하겠습니다 ㅋㅋ

그럼 저는 이만 리버풀VS첼시 전을 보러 안뇽~!

리버풀이겨라!! ㅋ 

안녕하세요 포스팅이 늦었습니다.
이게 다 iPhone4S 때문인거 아시죠?? -_-;;
4s 리뷰 이런거는 다른분들 많이 하시니 패스하고...

저는 기초 개발 포스팅에 몰두하겠습니다..ㅋㅋ;;

이번 포스팅은 스토리보드를 이용해서 탭바컨트롤러를 쉽게 사용하는 것입니다.

스토리보드로 탭바 껍데기만 만들어 놓으면
각 탭바..예를 들어 1,2,3,4 탭이 있다고 한다면

각 1,2,3,4의 뷰에 대한 클래스를 따로 구현해놓고 연결해주시면 될것 같네요

이번 강좌는 탭바에 탭 2개를 만들고 실행하는걸로  가보겠습니다

그럼 시작할게요~!

먼저 empty 프로젝트를 만듭니다
이름은 StroyTabbar 로 하겠습니다

4.2 에서는 ARC (오토매틱 레퍼런스 카운터)라고 새로운게 생겼습니다..만
아직 남들한테 알려줄정도는 아니라...설명은 생략하고... 일단 사용하지 않는걸로 강좌를 쓰겠습니다.사용해도 강좌에는 지장은 없어요 코딩이 없기때문에~! ;)

다음은 스토리보드강좌이므로 스토리보드파일을 만들어야겠죠
CMD +N으로 유저인터페이스 - 스토리보드를 만들어줍니다 이름은 Stroyboard 그대로 사용했어요

 

스토리보드가 만들어지면 스토리보드에서 우측하단에서 뷰컨트롤러를 끌어다 놓아줍니다.
요놈이요~ 

그러면 스토리보드상에 이렇게 등장하게 됩니다 뷰가요
지난번 강의때 앱델리게이트.m 파일에서 디드피니쉬런칭 머시깽이 메소드 기억하시죠??
거기서 window를 자동 생성하고 뿌려주던것 기억하시나요?? 기억하셔야할텐데...
거기서 return self; 문장만 남기고 주석처리해주셔야합니다! 모르시겠다면 일단 스샷보면서 따라와주세요 이따가 나올겁니다..ㅎㅎ

다음으로 이 뷰에다가 탭바를 올려줘야하죠
 

스샷을 봐주세요
먼저 해당 뷰컨트롤러가 선택이 되어있어야 합니다!
Editor - 임베디드 인 - 탭바 컨트롤러를 선택해주세요.
회색으로 나오면 해당 뷰컨트롤러가 선택이 되었는지 다시 확인해주세요!
 

 그러면

요렇게 떠야합니다 잘 되고 있나요~?

탭바는 두개이상의 뷰가 있어야 효력을 발휘하죠
뷰가 하나라면 탭바가 있을 이유가 없잖아요 자리만 차지하고...
차라리 광고다는게 낫겠다 고자리에... 

해서... 뷰를 추가하기 위해 뷰컨트롤러를 추가해줍니다
처음에 추가하듯이 우측하단 뷰컨트롤러를 끌어다 놓아줍니다
이놈이요 이놈..

추가해주셨나요~?

추가한 뷰컨트롤러를 탭바컨트롤러와 연결하기 위한 작업을 해줘야겠죠?
우측하단에 탭바 아이템이란 항목이 있습니다 이놈이요~

이놈을 새로 만든 뷰에 떨궈주면 아래스샷과같 이
탭바가 생기게 됩니다 

탭바컨트롤러 화면과 새로 만든화면을 이어줍니다
방법은 탭바컨트롤러 화면을 우클릭하고 끌어다가 새로만든화면에 이어주면 아래스샷처럼 뜰겁니다
 

릴레이션십 - 뷰컨트롤러스 를 선택해줍니다 탭바컨트롤러와 이어주기위한 작업이니깐요.
셋팅은 끝났습니다 아까 잠깐언급했듯이
스토리보드를 프로젝트와 연결을 해줘야하죠 또한 소스상에서 자동생성된 윈도를 없애줘야합니다 

먼저 스토리보드를 이어주도록 하죠

프로젝트의 - 타겟 부분에 보시면 메인스토리보드 항목이 있습니다
이부분에서 만들어놓은 스토리보드를 선택해주도록 합니다

그리고 앱델리게이트.m파일에서 아래스샷과 같이 저 부분을 주석처리해줍니다
삭제하시든지요...ㅎㅎ

그리고 실행해보시면~!
아래와 같이 나오게 됩니 다!

아이콘과 레이블은 다 넣으실줄 아실테니까 설명 패스~!ㅎㅎ

이상 스토리보드로 탭바컨트롤러를 다루는 방법에 대해 강좌를 마치겠습니다


P.S
블로그에 구글 애드센스를 달았습니다
강좌를 쓰기 시작하면서 반응이 좋아서 달아놓은것은 절대 아니고...
기존부터 있었는데.. 사정이 있어 보이지 않았었을뿐...ㅠㅠ 

방해되지 않는선에서 달아 놓았으니 신경쓰지 말아주세요~^^

좀 쉬었다... 혹은 내일이나 모레..(아마 결국 오늘 쓰게 될지 모르겠습니다만...)
다음 강좌는 위 탭바 프로젝트를 이용해서 탭바안에 네비게이션 컨트롤러도 추가하는것을
준비하겠습니다.

일단 이번 강좌는 여기까지~~ 안뇽~

Storyboard 강의 이어서 마저 써야하는데...약속한 이번주 포스팅을 지킬수 있을지 모르겠네요..;

최대한 빨리해서 늦어도 월, 화요일까지는 써보겠습니다

공모전 준비하는중이라 살짝 바쁜것도 있네요



공모전 준비중인 앱입니다.

http://itunes.apple.com/kr/app/id463712340?mt=8

이 앱인데 아직 승인대기중이라 영상속 UI는 아직 적용되지 않았습니다. 

http://itunes.apple.com/kr/app/id459826703?mt=8

같은앱의 무료버전입니다 

현재 이벤트 중입니다 
 

무료버전을 써보시고 리뷰에..

무료버전을 써보시고

추가됐으면 하는기능..이나

버그 남겨주시면

선착순... 15분 리딤코드 드리겠습니다.

***리뷰 적어주시고 redwsky@gmail.com 으로 메일주시면 신청완료입니다***
댓글로 적어주셔도 됩니다~

혹시나 이벤트 끝났을까? 고민하지마시고 이 이벤트 내용이 보이는 시점에서는

아직도 리딤 배포중이니 신청해주시면됩니다^^ 


 

프로젝트는 1편의 프로젝트를 이어서 하겠습니다

먼저 버튼을 달아야 액션을 줄수가 있죠 버튼을 달아줍니다
레이블은 뽀나쓰~ 

우측에서 뷰컨트롤러를 끌어다가 옆에다 놔줍니다 버튼을 눌렀을때 나오게 하려는 뷰예요
꾸미기 귀찮으니 화이트 그대로 가겠습니다!


버튼을 마우스 우클릭하시고 끌어다가 해당 뷰에 놓아주면 항목에 3개가 나올겁니다
모달, 네비, 커스텀...
모달로 연결해줍니다 일단은 화면 전환이 되는것을 보는게 목표니깐요!

그러면 하단과 같이 메뉴가 뜰겁니다.
아까와 같이 3개에 하나더 생겼죠?? 네비게이션의 루트뷰로 쓸것이므로
맨위의 릴레이션쉽 - 루트뷰컨트롤러에 이어줍니다
 

그리고 화면정리를 해주시면서.... 스샷이 하나가 빠졌는데...
이 쯤되면... 막나가자는거...가 아니라.. 빨강화면 좌측에 화살표가 2개 있었을겁니다
그중에 화살표 반쪽짜리를 끌어다가 네비게이션컨트롤러에 놓아줍니다
아래와 같이나오면 성공!
그리고 실행을 해주죠...아.. 실행해주기전에 하단 스샷에 또 빠졌는데...
아까 빨강화면과 하양화면을 이어줄때 모달로 했던것을 네비로 바꿔주셔야합니다!!
이점 잊지 말고 실행해주시면 짜잔!!

초기화면은 빨강화면이 나오고 버튼이 눌리면 아래 화면과 같이 나오면서 네비게이션이 제대로 작동하는것을 볼수 있습니다.

이상으로 일단 스토리보드 첫 강의를 마치도록 하겠습니다 스샷보면 아시겠지만...
새벽 3시라 슬슬 눈이 감기네요;;

다음강좌는 스토리보드를 사용해서 탭바, 네비게이션, 둘다 짬뽕해서 쓰는법을 써볼 생각입니다.
별일 없으면 이번주내로 쓰게 될것 같네요

질문 해주시면 아는선에서 답변드리겠습니다

그럼 오늘은 이만 뿅! 

안녕하세요
근 한달만의 포스팅입니다
이번에는 스토리보드 사용법에 대해 강의를 진행하도록 하죠
초보자분들을 위해,
또 초보자인 제가 편하기 위해...
이번 강좌에는 코딩이 거~의 없다는 것을 선포(?)하고 시작하겠습니다 !

 강의 순서는
음... 먼저 Empty 프로젝트를 만들어서
스토리보드를 추가하고 이를 프로젝트에 어떻게 연결시키는지...(정말 간단합니다)
또 프로젝트상에서 화면 전환은 어떻게 하는지
그리고 네비게이션, 탭바 컨트롤러 추가도 알아보겠습니다

그럼 시작해보도록 하지요~


먼저 아래와 같이 Empty 프로젝트를 하나 생성해주세요

프로젝트 이름은 StoryboardTest로 하겠습니다
Xcode4.2에 맞게 ARC도 활성화 시키도록 하죠 체크해주고 넘어갑니다~!
Class Prefix 항목을 궁금해하시는분도 계실텐데요
Xcode4.2에 올라오면서 ApplicationNameAppDelegate.h 처럼 앞에 프로젝트 이름이 붙던것이 없어지고 AppDelegate.h로 이름이 간단해졌습니다.
하지만 예전이 그리우신분들... 해당항목에 StoryboardTest를 써주시면
프로젝트이름이 앞에 붙던 기존방식대로 소스파일이 만들어지게 됩니다
저는 새로워진게 편하네요 비워놓고 진행하겠습니다

얍~! 만드셨으면 싸~~~한게...
앱 델리게이트 파일만 뎅그러니 있을겁니다. 아 물론 서포팅파일 안에는 메인파일도 있고
잡다한것도 몇개 있지만요.

바로 스토리 보드파일을 만들도록 하죠
커맨드+N을 누르시면 다음 화면이 나오게 됩니다
죄측 상단에 세번째 User Interface를 선택하시고 스토리보드 선택하시고 넥스트~!
이름은 초기이름 그대로 Storyboard.storyboard 를 사용하겠습니다

만들어졌으면 휑~~하죠?? 수학시간도 아니고 모눈종이만 있는것이...
우측 하단에 롸이브러리에서 뷰컨트롤러를 가져다 놓아줍니다
그러면 아래 스샷처럼 나오게 될겁니다

일단 스토리보드를 소스와 연결시키도록 하죠 스토리보드와 소스가 잘 연결되었는지 확인하기 위해 스토리보드의 뷰를 빨강색으로 칠해보도록 하겠습니다
우측에 Background에 맘에드는색을 칠해주세요 저는 역시 빨강선택~!
그러면 아래 스샷처럼 되셨을겁니다

스토리보드와 소스를 연결합시다 프로젝트에 타겟으로 가셔서
아래스샷에 저부분에 스토리보드를 선택해줍니다!
그리고 실행!하면 빨강화면이 뜰까요 안뜰까요~?? 유후~~

짜잔!~!
헉...

머야... 안되네...-_-;; 가 아니고...아래 스샷을 봐주세요
기존 xib파일, 즉 닙파일은 소스보다 나중에 불려왔습니다 그래서 스토리보드도 그렇지 않을까..
해서 실행한 결과가 위와 같습니다. 스토리보드가 먼저 불려오고 소스가 나중에 불려진것이지요

AppDelegate.m파일에서 디드삐니쉬옵션스 항목을 봐주세요
아래스샷에 있네요 선택된부분에서 화이트로 칠하라는 명령이 나중에 불려오기때문에
위에서 하얀화면이 나온것을 짐작할수 있습니다.
전부 주석처리 해줍니다
선택하고 커맨드 + / 해주면 한방에 주석처리~!

주석처리를 해주시고 실행해주시면~!

봐요 빨강화면 나왔죠~?? 후후~
여기까지 매우 쉬운편입니다;; 이제 버튼을 만들고 다음 뷰를 만들고 전환까지 해보겠습니다

처음에 선포한대로 소스한줄 없이요 +_+;;



To Be Continue... -_-a;;ㅎㅎ;











 

iPhone4용입니다

잘 쫒아 오고 계신가요~??

이제 MySQL 설치만 남았죠??

MySQL은 Database 입니다 스노레오파드, 라이언에서는 기본적으로 설치가 안되어 있기에..

일단 설치부터 해야합니다 Apache, PHP는 설정만 바꾸면 됐는데...ㅠ

먼저 다운로드를 해야 설치를 하겠죠..

http://www.mysql.com 으로 가셔서 download를 선택해줍니다

글고 Download를 눌러주시!!!면 윈도우 용이 받아집니다...

MySQL Community Server 를 눌러주시면

select Platform 에서 선택할수 있게 선택창이 있는걸 볼수 있습니다

Mac OS X 용에서 자신의 버전에 해당하는 파일을 받아줍니다

여기서 잠깐!

라이언 버전이 없죠?? 어쩔수 없습니다 10.6 스노레오파드용으로 받아주세요

저는 현재 10.7.2 GM버전을 쓰고 있지만 문제없이 설치 되네요

저는 10.6 64bit DMG를 선택했습니다 
 
다운로드를 누르시면 로긴하라는 창이 뜨실텐데

훼이크!입니다 바로 아래 NO thanks, just take me to the downloads! 를 눌러줍니다 후후~

많은 나라가 뜨면서 HTTP, FTP 를 누르게 되어있는데 아무거나 상관없습니다 다 같은 파일이에요

운에 맞기고 속도 빠르게 나올만한 나라를 골라서 다운로드 해줍시다 

다운로드가 다되시고 dmg파일을 실행하시면 

mysql-5.5.16-osx10.6-x86_64.pkg  
MySQLStartupItem.pkg
MySQL.prefPane

세 파일이 보이실텐데 이것들이 다 무어냐!
mysql-5.5.16-osx10.6-x86_64.pkg  이 파일은 MySQL 설치파일입니다
MySQLStartupItem.pkg 이 파일은 MySQL을 구동하기위해 필요한 파일들입니다
MySQL.prefPane 이 파일은 시스템환경에서 MySQL구동,정지를 쉽게 설정하기위한 파일입니다

pkg파일은 간단합니다 실행하시고 다음다음 눌러줍니다

prefPane파일은 /Library/PreferencePanes 위치에 복사해주면 됩니다 ^^ 쉽죠~?


이제 터미널에 
sudo /Library/StartupItems/MySQLCOM/MySQLCOM start
를 입력해서 MySQL을 구동해봅니다
또는 시스템환경설정에 가보시면 MySQL 항목이 생긴것을 볼수 있는데
거기서 start MySQL Server 를 눌러주셔도 됩니다~

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

여기까지가 Mac OS X에 APM을 설치하는 방법입니다

이것을 어떻게 사용하느냐!? 하는것은....

강력히 강좌를 원하는분이 있으시다거나... 제가 좀더 배워본 뒤에...

정리를 해서 써보도록 하죠..

아직 저도 배우는 단계다 보니까요...ㅎㅎ

이것으로 APM 설치방법 강좌를 마치도록 하겠습니다!

다음에 또 봐요~

개발 관련 두번째 포스팅입니다

개인적으로 서버 데이터 처리라든지, 연동이라든지... 아직 배운게 없네요..

이걸 어떻게 이용하느냐 보다는...

서버 연동을 위한 기본 세팅법 정도만 다루겠습니다 아직 저도 배우는중이라서요 ^^ 

먼저 APM이 뭐냐!

Apache, PHP, MySQL 3총사를 말합니다

이걸로 뭘 어떻게 할건데??

서버가 필요한 앱이나 프로그램을 만드려는데 서버가 없으면 안되겠죠?
개인 맥을 서버로 사용하도록 만드는 툴이라고 보시면 될 것 같네요

이 3총사는 무료기 때문에 많이 사용됩니다 ^^

먼저 맥에는 기본적으로 Apache와  PHP 모듈을 탑재하고 있습니다 (Mac OS X Server에는 MySQL도 설치 되어있습니다)

이번 1편에서는 이 두 가지를 먼저 활성화 시키도록 하겠습니다

1. 먼저 Apache부터 시작하죠 ^^

 
스팟라이트에서 시스템 환경설정을 열어줍니다 하단 독에서 찾는게 쉽겠군요

그리고 "공유" 아이콘을 선택해줍니다


아래와 같은 창이 뜰겁니다

아니라구요? 

제가 라이언이라서 약간 다르겠지만 큰차이는 없습니 다^^;

좌측 동그라미, 웹공유를 체크해주시면 우측에 웹 공유가 켜졌다고 켬 이라고 뜨면서

그 아래 네모칸이 라이언에서는 뜨는데 스노레오파드에서는 없을겁니다

스노레오파드에서는 켜져있기만하면 설정은 끝납니다!

라이언은요?? 위에 네모칸은 이미 바껴있는데... 개인 웹사이트 시작 이었나..? 그 버튼이었을겁니다

위 화면과 같이 나오게 지긋이 눌러줍니다 ^^

이것으로 아파치는 설정 끝!! 진짜 끝!! 간단히 끝!! 쉽죠?? 후후~

진짜 설정됐는지.. 사파리를 열어서..(크롬도 됩니다 불여우도 돼요..;;)

주소창에 http://localhost 를 입력해봅니다!

It Works! 라는 텍스트가 나오면 정상적으로 구동된겁니다^^

애플 키노트에서 많이 들은 단어 같은데... It just works!! ^^

2. 이제 PHP를 활성화 시켜보자구요~! 고고싱!

음... 그전에.. 앞으로 모든 작업은 터미널에서 작업하게 될겁니다

'헉.. 나 유닉스 명령어 전혀모르는데?? 문법도 모르고...으악!'

여러분의 고민, 저도 똑같이 하고 있습니다.. 저도 전혀 몰라요...

하지만 활성화, 설치하는데 문제는 없습니다

제가 애초에 이렇게 배운것도 있지만... 개인적으로 터미널로 작업할줄 알아야

나중에 한방에 설치되는 툴을 이용하더라도 잘 이해하고 써먹을수 있지 않을까...

하는 생각도 들어서요...^^(제가 배운 선생님도 이런 말씀하셔서 크게 공감한터라..)

그럼 이제 터미널을 열어줍시다! 응용프로그램 -유틸리티에 터미널 구동하세요~!

저는 스팟라이트로 한번에 구동할테니...ㅋㅋ

구동하셨으면

$ sudo vi /etc/apache2/httpd.conf
를 쳐줍니다!

의미는 이렇습니다 루트권한으로 vi에디터를 열어서 편집을 시작하는데

어떤걸 편집하냐면 뒤의 경로에 있는 httpd.conf 라는 파일을 편집합니다

뭔가 좌르륵 뜨죠??

여기서
#LoadModule php5_module libexec/apache2/libphp5.so
문장을 찾습니다 찾는법은?

/  <- 요놈을 눌러주면 아래에 텍스트를 입력하는 창이 하나 뜹니다

거기서 php5_module를 쳐주고 엔터! 하시면

위 문장을 찾아줄겁니다

우리는 php5를 사용할것이기 때문에 주석표시인 #을 지워줍니다!

del!!!! 눌러도  삭제가 안되죠!

편집모드가 아니기 때문이죠..후후~

i를 눌러보시면! 하단에 --INSERT-- 라고 뜨면서 편집이 가능해집니다

#을 지워줍시다!

이렇게요!

글고 저장하고 나와야하는데요

esc를 누르고  :wq를 입력하고 엔타~!

그러면 다시 터미널로 나오게 될것입니다~!

여기서 잠깐!

혹시 권한문제가 뜨면서 저장이 안되시는분 계시...겠죠?? 저도 겪었으니까요..ㅎㅎ

터미널상에서 

sudo chmod 777 httpd.conf 를 입력해주셔서 해당파일의 권한을 변경해줍니다

그리고 위의 작업들을 수행해주시면 저장까지 잘 될겁니다

그리고 잊지말고

 sudo chmod 644 httpd.conf 를 입력하고 권한을 원래대로 복구시켜줍니다

PHP가 정상적으로 활성화되었는지 확인을 위해 Apache를 재구동해줍니다

방법은 시스템환경설정 - 공유 웹공유에서 체크를 풀었다 다시 체크! 해주시거나
터미널에서

sudo apachectl restart  입력해줍니다 

아파치가 재구동되고 나면 테스트용 PHP파일을 하나 만듭니다

어떻게요?? 이렇게요

cd /Library/WebServer/Documents/

로 이동하셔서  

sudo vi phpinfo.php  파일을 생성합니다

그리고 이렇게 입력합니다 입력은 역시 i를 누르고 입력해야겠죠

<?php
phpinfo();
?>

입력하셨으면 esc 누르고 :wq로 빠져나옵니다

 이제 끝입니다

확인을 위해 웹브라우져를 열고

http://localhost/phpinfo.php 를 입력해봅니다

 PHP Version 5.3.4가 뜨시는분도 계실것이고 5.3.6이 뜨시는분도 계시고 여러버젼이 있겠지만

버전화면이 뜨면 정상적으로 PHP가 활성화 된겁니다^^


자 이제 고난의 시간인 MySQL을 설치하러 다음장으로 고고싱!!