디자이너와 디벨로퍼가 서로 이해해나가는 공간 DnD 에서 강의하는 '협업하는 디자이너' 수업자료입니다. https://www.facebook.com/groups/designersndevelopers/

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

2. Index
Android Studio 설치하기
2. 안드로이드 앱을 수정해봅시다
사전준비
예제 프로젝트 받기
안드로이드 프로젝트 열기
Android Emulator 에서 실행하기

3. One
이젠 아시죠 일단 설치해보는거
Android Studio 설치하기

4. #무엇에 쓰는 물건인고? Android Studio
Android 프로젝트를 편집하려면 무엇을 이용해야 할까요?
04

5. #무엇에 쓰는 물건인고? Android Studio
Android Studio!
안드로이드 개발자들의 포토샵?! 이라고 생각하면 됩니다
05

6. #일단 설치해봅시다! JDK
Android Studio 가 작동하기 위해서는 JDK 가 필요합니다.
http://www.oracle.com/technetwork/java/javase/downloads/
jdk8-downloads-2133151.html
06

7. #일단 설치해봅시다! JDK
07
WindowsMac

8. #일단 설치해봅시다! JDK - Mac
08
[Accept License Agreement] 클릭 후
‘Mac OS X’ 옆 링크 클릭

9. #일단 설치해봅시다! JDK - Mac
09
다운로드 받은 파일 실행

10. #일단 설치해봅시다! JDK - Mac
10
pkg 파일 실행

11. #일단 설치해봅시다! JDK - Mac
11
[계속] - [설치] - 성공

12. #일단 설치해봅시다! JDK - Windows
12
[Accept License Agreement] 클릭 후
‘Windows x64’ 옆 링크 클릭

13. #일단 설치해봅시다! JDK - Windows
013
다운로드 받은 파일 실행

14. #일단 설치해봅시다! JDK - Windows
14
[Next] - [Next] - [다음] - 성공

15. #일단 설치해봅시다! Android Studio
https://developer.android.com/studio/index.html
15
[ANDROID STUDIO 다운로드] 클릭

16. #일단 설치해봅시다! Android Studio
16
혹시 Windows 에서 다운로드가 안된다면 아래에서
해당 링크 클릭

17. #일단 설치해봅시다! Android Studio
17
약관 동의 후 아래 버튼 클릭으로 다운로드 시작

18. #일단 설치해봅시다! JDK
18
WindowsMac

19. #일단 설치해봅시다! Android Studio - Mac
19
다운로드 받은 파일 실행

20. #일단 설치해봅시다! Android Studio - Mac
20
‘Android Studio’ 아이콘을 ‘Application’ 으로 드래그 앤 드랍

21. #일단 설치해봅시다! Android Studio - Mac
21
[응용 프로그램] 에 위처럼 들어가 있으면 성공

22. #일단 설치해봅시다! Android Studio - Windows
22
다운로드 받은 파일 실행

23. #일단 설치해봅시다! Android Studio - Windows
23
[Next]

24. #일단 설치해봅시다! Android Studio - Windows
24
모두 체크하고 [Next]

25. #일단 설치해봅시다! Android Studio - Windows
25
[I Agree]

26. #일단 설치해봅시다! Android Studio - Windows
26
주의!
Android SDK 경로에 한글이 들어가 있으면 안됩니다
계정 이름이 한글이어서 한글이 들어가 있는 경우
(다음 장으로)

27. #일단 설치해봅시다! Android Studio - Windows
27
위와 같이 경로를 변경해주도록 합시다
(경로에 한글, 특수문자, 공백이 없어야 합니다)

28. #일단 설치해봅시다! Android Studio - Windows
28
[Install] - [Next] - [Finish] - 성공

29. Two
처음 실행할 때 할게 좀 있습니다
Android Studio 설정하기

30. #실행해봅시다 Android Studio
30
WindowsMac

31. #실행해봅시다 Android Studio - Mac
31
Android Studio 를 실행해봅시다

32. #실행해봅시다 Android Studio - Mac
32
[열기]

33. #실행해봅시다 Android Studio - Mac
33
이전에 쓰던 설정을 가져올 것인지 묻는 창입니다
그런거 없다고 하고 [OK]

34. #실행해봅시다 Android Studio - Mac
34
개발 환경 설정을 시작합니다
[Next]

35. #실행해봅시다 Android Studio - Mac
35
‘Standard’ 를 선택하고
[Next]

36. #실행해봅시다 Android Studio - Mac
36
[Finish] - 성공

37. #실행해봅시다 Android Studio - Windows
37
이전에 쓰던 설정을 가져올 것인지 묻는 창입니다
그런거 없다고 하고 [OK]

38. #실행해봅시다 Android Studio - Windows
38
개발 환경 설정을 시작합니다
[Next]

39. #실행해봅시다 Android Studio - Windows
39
‘Standard’ 를 선택하고
[Next]

40. #실행해봅시다 Android Studio - Windows
40
항목을 모두 체크하고
아래 Android SDK Location 을 아까 설치한 경로로 설정한 후
[Next]

41. #실행해봅시다 Android Studio - Windows
41
[Finish] - [Finish] - 성공

42. Three
안드로이드 프로젝트를 직접 열어봅시다
안드로이드 프로젝트 열기

43. #복습해봅시다 Git
안드로이드 프로젝트는 어디서 가져오나요?
43

44. #복습해봅시다 Git
GitHub 에서!
https://github.com/designers-developers/AndroidPractice
저번 수업에 했던 것을 따라 차근차근 받아보세요.
폴더는 여러분이 원하는 곳에 두시면 됩니다.
Clone - Branch!
44

45. #열어봅시다 Android Studio Project
45
Android Studio 첫 화면에서
[Open an existing Android Studio project]

46. #열어봅시다 Android Studio Project
46
Git clone 을 한 폴더 위치를 찾아가면
해당 폴더 앞에 Android Studio 아이콘이 있을껍니다
선택하고 [OK]

47. #열어봅시다 Android Studio Project
47
오른쪽 위에 위와 같은 메시지가 뜬다면
‘Add root’ 를 눌러주세요

48. #열어봅시다 Android Studio Project
48
오른쪽 위에 위와 같은 메시지가 뜬다면
‘update’ 를 눌러주세요

49. #열어봅시다 Android Studio Project
49
[Update Now]

50. #열어봅시다 Android Studio Project
50
알아서 잘 설치됩니다
별거 없죠?
앞으로도 이런식으로 업데이트 하시면 됩니다
[Finish]

51. Four
컴퓨터에서도 안드로이드 앱을 실행해볼 수 있습니다
Android Emulator 에서 실행하기

52. #무엇에 쓰는 물건인고? Android Emulator
안드로이드 앱을 돌려보려면 꼭 안드로이드 폰이 필요할까요?
52

53. #무엇에 쓰는 물건인고? Android Emulator
Android Emulator 를 이용해 컴퓨터에서 돌려볼 수 있습니다!
53

54. #설치해봅시다 Android Emulator
54
Android Studio 창 위쪽의 메뉴 중에서
[AVD Manager] 클릭

55. #설치해봅시다 Android Emulator
55
[Create Virtual Device]

56. #설치해봅시다 Android Emulator
56
적당한 ‘Nexus 5’ 를 선택합니다

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

58. #설치해봅시다 Android Emulator
58
‘Accept’ 선택하고 [Next]

59. #설치해봅시다 Android Emulator
59
설치가 완료되면 [Finish]

60. #설치해봅시다 Android Emulator
60
Windows 에서 HAXM is not installed 가 보인다면
[Install Haxm] 클릭

61. #설치해봅시다 Android Emulator
61
추천해주는대로 RAM 을 할당하고 [Next]

62. #설치해봅시다 Android Emulator
62
[Finish]

63. #설치해봅시다 Android Emulator
63
한 번 설치했으면 계속 보여도 무시하세요

64. #설치해봅시다 Android Emulator
64
설치된 Marshmallow 를 선택하고 [Next]

65. #설치해봅시다 Android Emulator
65
[Finish]

66. #설치해봅시다 Android Emulator
66
설치가 완료되었습니다

67. #실행해봅시다 Android Emulator
67
[Run ‘app’] 클릭

68. #실행해봅시다 Android Emulator
68
아까 설치한 ‘Nexus 5 API 23’ 을 선택하고 [OK]

69. #실행해봅시다 Android Emulator
69
이런 창이 뜬다면 [Install and Continue]
뭔가 설치되면 설치하고 지나가세요

70. #실행해봅시다 Android Emulator
70
이렇게 뜬다면 성공!

71. E N D