협업하는 디자이너 - #5 xcode 설치하기

DnD

디자이너에서�협업하는�디자이너로!배우자마자�바로�적용�해볼�수�있는�실전�협업�수업!

OperaCoffee

Index

Xcode�설치하기

3.�아이폰�앱을�수정해봅시다

사전준비

예제�iOS�프로젝트�열기

iOS�Simulator�에서�실행하기

One

완전�간단합니다

Xcode�설치하기

#무엇에�쓰는�물건인고?�Xcode

이젠�식상하죠?�

iOS�프로젝트는�Xcode�를�이용해서�만듭니다!

04

#일단�설치해봅시다!�Xcode

이미�Xcode�7�이상이�설치되어�있는�경우에는이번�실습을�위해�설치할�필요가�없습니다�

버전�확인은�Xcode�를�실행하고�[Xcode]�-�[About�Xcode]�

05

#일단�설치해봅시다!�Xcode

06

먼저�Mac�에서�‘App�Store’�을�엽니다

#일단�설치해봅시다!�Xcode

07

오른쪽�위�검색창에�‘xcode’�를�입력하고�엔터

#일단�설치해봅시다!�Xcode

08

Xcode�를�눌러�들어가봅시다

#일단�설치해봅시다!�Xcode

09

Xcode�에�대한�여러가지�정보가�나옵니다�[설치]�를�눌러�설치를�시작합니다

#일단�설치해봅시다!�Xcode

10

엄~청�오래걸립니다�돌려놓고�다른�일�하세요�ㅎㅎ

#일단�설치해봅시다!�Xcode

11

[설치]�가�[열기]�로�바뀌었으면�설치가�다�된것입니다�간혹�버그로�아래�바가�없어지지�않으니�[열기]�인지로�확인하세요

Two

예제�프로젝트를�받아서�Xcode�에서�열어봅시다

예제�iOS�프로젝트�열기

#이제는�좀�익숙해지셨나요?�Git

GitHub�주소입니다�

https://github.com/designers-developers/iOSPractice�

모르시겠으면�복습!�

Clone�-�Branch�해주세요�:-)

13

#Xcode�에서�열어봅시다

14

Xcode�를�처음�실행하면�위와�같은�창이�뜹니다�[Agree]�클릭

#Xcode�에서�열어봅시다

15

설치를�마무리하는데�시간이�좀�걸립니다

#Xcode�에서�열어봅시다

16

Xcode�의�첫�화면입니다�오른쪽�아래�‘Open�another�project…’�클릭

#Xcode�에서�열어봅시다

17

GitHub�에서�받은�파일의�‘DnDDemo.xcodeproj’�선택하고�[Open]�클릭

#Xcode�에서�열어봅시다�Xcode�8.0

18

Xcode�을�설치하신�경우�8.0�버전일텐데�그�경우�위와�같은�창이�뜹니다�

[Later]�클릭

#Xcode�에서�열어봅시다�Xcode�8.0

19

그�다음에�또�나오는�것도�[Later]�클릭

#Xcode�에서�열어봅시다

20

이것과�비슷한�창이�뜨면�성공!

Three

iOS�프로젝트를�실행해봅시다

iOS�Simulator�에서�실행하기

#실행해봅시다!�iOS�Simulator

22

위의�네모친�부분들�클릭하면�원하는�iOS�Simulator�를�선택할�수�있습니다

#실행해봅시다!�iOS�Simulator

23

위의�네모친�부분들�클릭하면�원하는�iOS�Simulator�를�선택할�수�있습니다

#실행해봅시다!�iOS�Simulator

24

재생�모양의�버튼을�눌러�실행해봅시다

#실행해봅시다!�iOS�Simulator

25

처음�실행할�때는�이런�창이�뜰�수도�있습니다�[Enable]�클릭

#실행해봅시다!�iOS�Simulator

26

이렇게�뜬다면�성공!

E N D