협업하는 디자이너 - #3 Android Studio 설치하기

DnD

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

Index

Android�Studio�설치하기

2.�안드로이드�앱을�수정해봅시다

사전준비

예제�프로젝트�받기

안드로이드�프로젝트�열기

Android�Emulator�에서�실행하기

One

이젠�아시죠�일단�설치해보는거�

Android�Studio�설치하기

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

Android�프로젝트를�편집하려면�무엇을�이용해야�할까요?

04

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

Android�Studio!�

안드로이드�개발자들의�포토샵?!�이라고�생각하면�됩니다

05

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

Android�Studio�가�작동하기�위해서는�JDK�가�필요합니다.�

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html�

06

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html


07

�Windows�Mac

#일단�설치해봅시다!�JDK�-�Mac

08

[Accept�License�Agreement]�클릭�후�‘Mac�OS�X’�옆�링크�클릭


09

다운로드�받은�파일�실행


10

pkg�파일�실행


11

[계속]�-�[설치]�- 성공

#일단�설치해봅시다!�JDK�-�Windows

12

[Accept�License�Agreement]�클릭�후�‘Windows�x64’�옆�링크�클릭


013



14

[Next]�-�[Next]�-�[다음]�-� 성공

#일단�설치해봅시다!�Android�Studio

https://developer.android.com/studio/index.html�

15

[ANDROID�STUDIO�다운로드]�클릭

https://developer.android.com/studio/index.html


16

혹시�Windows�에서�다운로드가�안된다면�아래에서��해당�링크�클릭


17

약관�동의�후�아래�버튼�클릭으로�다운로드�시작


18

�Windows�Mac

#일단�설치해봅시다!�Android�Studio�-�Mac

19



20

‘Android�Studio’�아이콘을�‘Application’�으로�드래그�앤�드랍


21

[응용�프로그램]�에�위처럼�들어가�있으면 성공

#일단�설치해봅시다!�Android�Studio�-�Windows

22



23

[Next]


24

모두�체크하고�[Next]


25

[I�Agree]


26

주의!�Android�SDK�경로에�한글이�들어가�있으면�안됩니다�계정�이름이�한글이어서�한글이�들어가�있는�경우�

(다음�장으로)�


27

위와�같이�경로를�변경해주도록�합시다�(경로에�한글,�특수문자,�공백이�없어야�합니다)


28

[Install]�-�[Next]�-�[Finish]�-� 성공

Two

처음�실행할�때�할게�좀�있습니다�

Android�Studio�설정하기

#실행해봅시다�Android�Studio

30

�Windows�Mac

#실행해봅시다�Android�Studio�-�Mac

31

Android�Studio�를�실행해봅시다


32

[열기]


33

이전에�쓰던�설정을�가져올�것인지�묻는�창입니다�그런거�없다고�하고�[OK]


34

개발�환경�설정을�시작합니다�[Next]


35

‘Standard’�를�선택하고�[Next]


36

[Finish]�-� 성공

#실행해봅시다�Android�Studio�-�Windows

37

이전에�쓰던�설정을�가져올�것인지�묻는�창입니다�그런거�없다고�하고�[OK]


38

개발�환경�설정을�시작합니다�[Next]


39

‘Standard’�를�선택하고�[Next]


40

항목을�모두�체크하고�아래�Android�SDK�Location�을�아까�설치한�경로로�설정한�후�

[Next]


41

[Finish]�-�[Finish]�-� 성공

Three

안드로이드�프로젝트를�직접�열어봅시다

안드로이드�프로젝트�열기

#복습해봅시다�Git

안드로이드�프로젝트는�어디서�가져오나요?

43

#복습해봅시다�Git

GitHub�에서!�

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

저번�수업에�했던�것을�따라�차근차근�받아보세요.폴더는�여러분이�원하는�곳에�두시면�됩니다.�

Clone�-�Branch!

44

https://github.com/designers-developers/AndroidPractice

#열어봅시다�Android�Studio�Project

45

Android�Studio�첫�화면에서�[Open�an�existing�Android�Studio�project]


46

Git�clone�을�한�폴더�위치를�찾아가면�해당�폴더�앞에�Android�Studio�아이콘이�있을껍니다�

선택하고�[OK]


47

오른쪽�위에�위와�같은�메시지가�뜬다면�‘Add�root’�를�눌러주세요


48

오른쪽�위에�위와�같은�메시지가�뜬다면�‘update’�를�눌러주세요


49

[Update�Now]


50

알아서�잘�설치됩니다�별거�없죠?�

앞으로도�이런식으로�업데이트�하시면�됩니다�[Finish]

Four

컴퓨터에서도�안드로이드�앱을�실행해볼�수�있습니다

Android�Emulator�에서�실행하기

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

안드로이드�앱을�돌려보려면�꼭�안드로이드�폰이�필요할까요?

52

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

Android�Emulator�를�이용해�컴퓨터에서�돌려볼�수�있습니다!

53

#설치해봅시다�Android�Emulator

54

Android�Studio�창�위쪽의�메뉴�중에서�[AVD�Manager]�클릭


55

[Create�Virtual�Device]


56

적당한�‘Nexus�5’�를�선택합니다


57

지금�많이�쓰이고�있는�Marshmallow�를�설치해봅시다�ABI�가�x86_64�인�Marshmallow�옆의�[Download]�클릭


58

‘Accept’�선택하고�[Next]


59

설치가�완료되면�[Finish]


60

Windows�에서�HAXM�is�not�installed�가�보인다면�[Install�Haxm]�클릭


61

추천해주는대로�RAM�을�할당하고�[Next]


62

[Finish]


63

한�번�설치했으면�계속�보여도�무시하세요


64

설치된�Marshmallow�를�선택하고�[Next]


65

[Finish]


66

설치가�완료되었습니다

#실행해봅시다�Android�Emulator

67

[Run�‘app’]�클릭


68

아까�설치한�‘Nexus�5�API�23’�을�선택하고�[OK]


69

이런�창이�뜬다면�[Install�and�Continue]�뭔가�설치되면�설치하고�지나가세요


70

이렇게�뜬다면�성공!

E N D

Design

협업하는 디자이너 - #3 Android Studio 설치하기