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

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

Upload: jinkyou-son

Post on 14-Apr-2017

162 views

Category:

Design


6 download

TRANSCRIPT

Page 1: 협업하는 디자이너 - #5 Xcode 설치하기

DnD

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

OperaCoffee

Page 2: 협업하는 디자이너 - #5 Xcode 설치하기

Index

Xcode�설치하기

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

사전준비

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

iOS�Simulator�에서�실행하기

Page 3: 협업하는 디자이너 - #5 Xcode 설치하기

One

완전�간단합니다

Xcode�설치하기

Page 4: 협업하는 디자이너 - #5 Xcode 설치하기

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

이젠�식상하죠?�

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

04

Page 5: 협업하는 디자이너 - #5 Xcode 설치하기

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

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

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

05

Page 6: 협업하는 디자이너 - #5 Xcode 설치하기

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

06

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

Page 7: 협업하는 디자이너 - #5 Xcode 설치하기

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

07

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

Page 8: 협업하는 디자이너 - #5 Xcode 설치하기

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

08

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

Page 9: 협업하는 디자이너 - #5 Xcode 설치하기

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

09

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

Page 10: 협업하는 디자이너 - #5 Xcode 설치하기

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

10

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

Page 11: 협업하는 디자이너 - #5 Xcode 설치하기

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

11

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

Page 12: 협업하는 디자이너 - #5 Xcode 설치하기

Two

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

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

Page 13: 협업하는 디자이너 - #5 Xcode 설치하기

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

GitHub�주소입니다�

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

모르시겠으면�복습!�

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

13

Page 14: 협업하는 디자이너 - #5 Xcode 설치하기

#Xcode�에서�열어봅시다

14

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

Page 15: 협업하는 디자이너 - #5 Xcode 설치하기

#Xcode�에서�열어봅시다

15

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

Page 16: 협업하는 디자이너 - #5 Xcode 설치하기

#Xcode�에서�열어봅시다

16

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

Page 17: 협업하는 디자이너 - #5 Xcode 설치하기

#Xcode�에서�열어봅시다

17

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

Page 18: 협업하는 디자이너 - #5 Xcode 설치하기

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

18

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

[Later]�클릭

Page 19: 협업하는 디자이너 - #5 Xcode 설치하기

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

19

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

Page 20: 협업하는 디자이너 - #5 Xcode 설치하기

#Xcode�에서�열어봅시다

20

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

Page 21: 협업하는 디자이너 - #5 Xcode 설치하기

Three

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

iOS�Simulator�에서�실행하기

Page 22: 협업하는 디자이너 - #5 Xcode 설치하기

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

22

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

Page 23: 협업하는 디자이너 - #5 Xcode 설치하기

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

23

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

Page 24: 협업하는 디자이너 - #5 Xcode 설치하기

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

24

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

Page 25: 협업하는 디자이너 - #5 Xcode 설치하기

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

25

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

Page 26: 협업하는 디자이너 - #5 Xcode 설치하기

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

26

이렇게�뜬다면�성공!

Page 27: 협업하는 디자이너 - #5 Xcode 설치하기

E N D