iOS개발하기 #2. 개발준비(2)

오늘의 주제

  • iOS Developer Program에 등록하기
  • Xcode를 실행하여 첫 Application 만들어 보기 

두 번째 시간입니다.
지난 번에는 개발을 위한 준비와 ADC 등록, Xcode 설치 등 개발을 위한 기초준비를 해 보았습니다.
이번에는 iOS Developer Program 에 등록하고, Xcode를 한 번 실행해 볼까 합니다~
자 이제 본론으로 고고 ^^

iOS Developer Program 등록하기 

iOS Application을 개발 기기에서 테스트하고 App Store에 배포하기 위해서는 iOS Developer Program 에 등록을 해야 합니다.
하지만 이는 연 회비 $99입니다.
자, 당장은 이것에 가입할 필요는 없습니다. 다만, 애플리케이션 배포 최소 한 달 전에 등록하실 것을 권해드립니다.
그럼 시작해 봅시다~
다시 ADC로 이동합니다.

http://developer.apple.com/

자, 이제 좀 익숙해 지셔야 합니다 ㅎㅎ
iOS Dev Center로 이동합니다.

로그인 해주시구요~

아이디 비밀번호 입력하시고 Sign In 클릭!

Join the iOS Developer Program 클릭!

Enroll Now를 클릭해 줍니다.

자, 쭉쭉 계속~ Continue~

우리는 이미 ADC에 가입되어 있으니 Existing Apple Developer 이고, 이미 등록된 개발자이므로 위에 라디오버튼에 체크 해 주시고 Continue~ 

우리는 개인 개발자 입니다.
Individual클릭!
(만약 기업용 ID를 생성하시려면 Company를 클릭하세요~) 

로그인 해주세요~

자 이제 본격적인 등록절차입니다~
이름과 주소 등이 정확하게 입력되어있는지 확인해 주세요.
특히 이름과 성 등은 자신이 지불할 카드 앞면에 기재된 영문명과 일치하게 작성하셔야 합니다. 
다 확인하셨으면 Continue~ 

우리는 iOS Developer Program에 등록합니다.
선택해 주시고 Continue~
 

정보가 모두 정확히 작성되었는지 확인합니다.
Continue!

라이센스에 동의 합니다. I Agree.
 

개발자 프로그램은 상품 형식으로 지불을 하게 됩니다. 개발자 프로그램 상품을 장바구니에 담습니다.
Add to cart.
 

카트에 이쁜 상자가 담겨있습니다. 저넘이 뭐길래 도대체 $99나..ㅋㅋ
일단 결제하기로 마음먹은 이상 과감하게 쭉쭉 진행합시다!
지금 결제 클릭!
 

다시 한 번 로그인 해 줍니다.

배송 연락처와 주소를 입력한 후 계속을 누릅니다.
사실 크게 중요한 부분은 아니지만 너무 대충 쓰지는 마세요
이왕 쓰는거 한자 한자 정성스럽게 입력해 봅시다 🙂
 

이제 드디어 걸제정보를 입력하는 시간입니다.
국민카드, BC카드, 롯데카드, 삼성카드, 신한카드로 결제가 가능하네요.
자신이 소지한 카드와 할부개월수를 선택해 준 후 계속
 

약관에 동의를 해 주시고 또 계속
 

오른쪽에 결제 진행을 눌러줍니다

결제 창이 떡하니 뜹니다.
또 약관에 동의 해 주시고... 

결제 정보를 입력해 주시고 입력 클릭!
 

결제가 완료된 화면입니다.
화면 위쪽에 보시면
'고객님의 주문을 처리 중이며 곧 확인 이메일이 발송됩니다.' 라고 나오네요.
새 창을 열어 이메일을 확인 해 봅시다.
 

네, 메일이 와 있네요.
 

스토어 주문내역 주문확인 창입니다.
배송이 '이메일로 24시간 이내'라고 써있네요. (아마 제 생각에는 영업일 기준 24시간 인듯 합니다. 주말엔 일하지 않는듯...)
네, 아무리 $99를 결제했다고 해도 도도한 애플은 바로 떡하니 개발자 프로그램에 등록해 주지 않습니다.
내 정보가 신용이 가는 정보인지, 개발자로 등록을 해주고 이 사람이 개발한 앱을 자신들의 앱스토어에 등재해도 될 만큼 신용이 있는지 등을 파악하고 등록해 주는 것 같습니다.
그. 래. 서. 누차 말씀드리듯이 내 정보는 정확하고 깔끔하게 입력해 주시는 것이 좋습니다.

iOS Dev Center 화면입니다. 자신의 아이디로 로그인 해 보면 나의 등록 현황이 나옵니다.
24시간 내에 주문 확인 메일과 등록 메일이 온다고 하네요. 24시간 안쪽에 메일을 받는다..
언제 올지 모르잖아요? 그래서 그 기다림의 시간 동안 우리는 Xcode를 켜 봅시다.

드디어 켭니다!
Xcode 어떻게 실행하냐구요?
이런... 
힌트! 
/Developer/Applications
 

Xcode 첫 실행화면입니다.
네 개의 메뉴가 나오는군요.

1) Create a new Xcode project
   - 새로운 Xcode 프로젝트를 생성합니다.
   - 프로젝트는 하나의 애플리케이션을 만들기 위한 모든 것들의 묶음 이라고 생각하시면 됩니다. 하나의 애플리케이션을 만들기 위해서는 하나 또는 그 이상의 프로젝트의 묶음이 필요한데요, 기초적이고 간단한 애플리케이션은 하나의 프로젝트 안에서 모든 것들이 이루어 진다고 생각하시면 됩니다. 즉, 하나의 애플리케이션을 만들기 위한 큰 묶음이라고 생각하세요.
예를 들어, 우리가 하나의 책을 쓴다고 생각할 때 그 책 한권을 프로젝트라고 생각하시면 됩니다. 프로젝트(책)에는 책 표지부터 시작해서 목차, 내용, 저자 정보, 서문, 본문 등등 책의 모든 내용이 들어있을 것입니다. 그것이 프로젝트 입니다. 

2) Connect to a repository
    - 전문 개발자, 협업 개발자가 아니라면 지금 당장 이해하지 못할 부분이 많다는 판단이 들어 네이버 백과사전에게 설명을 넘기도록 하겠습니다. Repository(네이버 백과사전)

3) Learn about using Xcode
    - 말 그대로 Xcode사용법을 기술해 놓은 문서입니다. 영어 되시고 시간 되시면 쭉 정도해 보시길 권해드립니다. 제가 여기서 설명하지 못하는 많은 정보들이 담겨 있을테니까요^^

4) Go to Apple's developer portal
    - ADC 웹사이트로 이동합니다. 

자. 이제 메뉴에 대한 설명은 대충 끝났구요, 미친척 하고 Create a new Xcode project를 과감히 눌러 줘 봅시다.
여러가지 프로젝트 템플릿이 있습니다.
가장 기본적인 템플릿은 역시나 Empty Application이겠죠?
아주 기본적인 틀만 제공을 하고 개발자가 원하는 것들을 조금씩 추가해 나가는 형식입니다.
하지만 우리는 Single View Application을 선택하고 Next~

이제 프로젝트 옵션들을 선택할 수 있는 창이 나옵니다.

1) Product Name
저는 Product Name 을 MyFirstApp으로 지정해 주었습니다.
Product Name은 말 그대로 만들어질 애플리케이션 이름을 말하는데요, 추후에 앱스토어에 등록할 때나 애플리케이션 아이콘 아래에 나오는 이름은 변경 할 수 있으니 Product Name에 그리 큰 의미를 두지는 않으셔도 됩니다. 영어로만 작성하셔야 하며, 첫 글자는 대문자로 띄어쓰기 없이 생성하시기를 강력히 권고합니다.

2) Company Identifier
말그대로 회사 ID인데요, 일단 뭐 자신의 별명을 적어 봅시다.

3) Bundle Identifier
이 애플리케이션만의 고유식별 ID입니다. 자동으로 생성되어 입력되어집니다.

4) Class Prefix
클래스 접두어 입니다. 일단 기본적으로 XYZ라고 되어있는데, 그대로 놔둡니다.

5) Device Family
iPhone, iPad, Universal 세가지가 있는데, iPhone을 선택하면 iPod, iPhone, iPad 모두에서 동작 할 수 있구요, iPad버전은 iPad에서만, Universal도 모든 기기에서 동작할 수 있습니다.
iPhone과 Universal의 차이점이라면, iPad에서의 동작 방식의 차이에 있습니다.
iPhone 버전 애플리케이션을 iPad에서 동작시키면 화면을 확대해서 사용할 순 있지만 iPad전용 애플리케이션이 아니기 때문에 iPad전용 기능들을 사용할 수 없고 화질 또한 낮아지게 되겠지요.
Universal은 하나의 프로젝트에서 iPhone과 iPad 코드를 모두 관리하게 되며 앱스토어에서도 아이콘 하단에 + 표기가 되며, iPhone버전과 iPad버전 애플리케이션이 함께 나오게 됩니다.

일단 우리는 iPhone으로 선택해 주고 Next를 클릭!

이제 드디어 어디에 저장할 것이냐고 묻네요.
저처럼 목록 층계 방식으로 나오지 않으면  상단의 보기 옵션 아이콘들 중 자신이 편한 것으로 변경해 줍니다.
일단 저는 데스크탑(바탕화면)에 새 폴더를 만들어 보겠습니다.
 

withYagom이라는 폴더를 생성하고 그곳에 프로젝트를 저장해 보도록 하겠습니다.

프로젝트가 생성되었네요! 드디어 첫 화면입니다!
현재 나의 프로젝트가 선택되어 있고, 거기서 Summery탭에 있네요.
즉 이 프로젝트의 정보를 요약하고 있는 화면입니다.
화면구성이 저와 같지 않다면 우측 상단에 View 아이콘들을 클릭하여 화면 구성을 바꿔줄 수 있습니다.
또 뭐 이것저것 만져 보고 눌러보세요~ 절대 컴퓨터 폭발하지 않습니다. 🙂
이 화면에서의 많은 설명들은 다음으로 미뤄봅시다.
지금까지 한 것만으로도 머리아프잖아요^^

참, Xcode 사용 도중 갑자기 뜬금없이 창이 하나 뜨면서 암호를 입력하라고 나올 수 있습니다. 개발 문서와 라이브러리를 설치하기 위해 암호를 묻는 것입니다. (대부분의 맥 응용프로그램을 설치할 때에는 암호를 묻습니다.). 아마도 두 번을 묻게 될텐데요. 무시하지 마시고 암호 입력하여 문서와 라이브러리를 설치하도록 하세요^^

 

이것은 애플에서 제공한 Xcode화면 구성 설명 그림입니다. 뭐 그냥 한 번 봐두세요. 다음에 제가 설명 해 드릴게요~^^

자 그럼 좌측 Project Navigator에서 ViewController.xib라는 파일을 클릭해 봅시다. 위와 같은 그림이 나오는데요, 거기서 또 중간쯔음 View를 클릭해 줍니다. 그러면 오른쪽에 속성들이 주욱 나오는 화면을 보게 되실거예요~
만약 오른쪽 창같이 속성 창이 나오지 않으면 우측상단에 View라고 써있는 것 아래에 보이는 아이콘들 중에 네 번째 녀석을 클릭해 줘 봅시다.
그 후, 배경색을 바꿔볼게요. 속성 중에 Background에서 색상 옆의 화살표를 눌러봅니다.
 

아래 처럼 색상을 설정 할 수 있는 창이 뜨는데, 저는 검정색을 선택해 보았습니다.
다른 색을 골라보고 싶으시면 Other...누르시면 다른 색상 선택도 가능합니다~

자. 그런다음 Object들을 끌어와 봅시다.
우측 하단의 창에 보면 이상한 애들과 함께 설명들이 있습니다. 화면으로 마구 끌어잡아 와 봅시다.
 

화면에 올라오지 않는 애들은 그냥 두세요~ 안올라오는 애들이예요 ㅎㅎ
내 애플리케이션 화면 위로 그냥 무작위로 올려 봅시다.
 

그 후에 상단의 Scheme선택에서 iPhone 5.0 Simulator를 선택해 주고 좌측의 Run아이콘을 눌러줍니다. 혹은 커맨드 + R 키로 실행 해 볼 수도 있습니다.

짜잔!! 컴파일과 빌드가 끝난 후에 아이폰 시뮬레이터가 눈앞에 등장합니다!!
컴파일과 빌드가 뭐냐구요!? 너무 많이 알려고 하지 마세요... 다음 기회에^^

일단 여기까지 해서 아주 말도 안되는 초간단 앱 하나 만들어 보았습니다~

어떠세요? 점점 흥미로워 지나요?

다음 시간에도 저와 함께 해주실거죠?^^
 

다음에 뵙도록 해요!

by yagom

p.s 제 포스팅을 RSS 피드로 받아보실 수 있습니다.

RSS Feed 받기

댓글 남기기

Close