c0ffee
2021. 6. 29. 14:21
안녕하세요.
APP을 개발할 수 있는 Flutter를 소개해드립니다.
Windows Flutter 다운로드부터 사용까지 저와 함께 진행해 봅시다.
1. Flutter sdk 키워드로 검색 후 해당사이트에 접근합니다.
2. "Get started" 버튼을 클릭합니다.
3. 사용하고 있는 OS 버튼을 클릭하며, 해당 게시글에서는 Windows 로 진행합니다. "Windows" 클릭합니다.
4. "flutter_windows_2.2.2-stable.zip" 버튼을 클릭합니다. (버전은 변경될 수 있습니다.)
5. 다운로드 받은 파일을 "내컴퓨터 > 로컬 디스크 (C:) 로 옮긴 뒤, 압축을 풀어줍니다.
6. 키보드 win 키를 눌러 "환경 변수"를 입력하여 "시스템 환경 변수 편집"을 클릭합니다.
7. "환경 변수(N)...." 버튼을 클릭합니다.
8. 시스템 변수(S) > Path 선택 후 "편집(I)...." 버튼을 클릭합니다.
9. "새로 만들기(N)" 버튼 클릭 후 flutter 설치 위치(C:\flutter\bin)를 입력하고 "확인" 버튼을 클릭합니다.
10. 키보드 win키 + R 을 누른 뒤, "cmd"를 입력하여 "확인" 버튼을 클릭합니다.
11. flutter 을 입력하면 실행되는 것을 확인할 수 있습니다.
12. "flutter doctor --android-licenses" 입력합니다.
13. "flutter doctor" 입력하여 필요 요소들을 확인합니다.
14. URL(developer.android.com/studio) 접근하여, "Download Android Studio" 버튼을 클릭합니다.
15. "본인은 상기 사용 약관을 읽었으며 이에 동의합니다." 체크 후 "다운로드: Android Studio (Windows 용)" 버튼을 클릭합니다.
16. 다운로드 받은 설치 파일을 실행합니다.
17. Next 버튼을 클릭합니다.
18. Next 버튼을 클릭합니다.
19. Next 버튼을 클릭합니다.
20. Install 버튼을 클릭합니다.
22. Next 버튼을 클릭합니다.
23. Finish 버튼을 클릭합니다.
24. 설치가 완료되어 실행됩니다. OK 버튼을 클릭합니다.
25. "Send usage statistics to Google" 버튼을 클릭합니다.
26. Next 버튼을 클릭합니다.
27. Next 버튼을 클릭합니다.
28. Next 버튼을 클릭합니다.
29. Finish 버튼을 클릭합니다.
30. Finish 버튼을 클릭합니다.
31. Android Studio를 사용할 수 있습니다.
32. 다시 cmd 창에서 "flutter doctor" 입력하면, licenses 동의가 필요한 것을 확인할 수 있습니다.
33. "flutter doctor --android-licenses" 입력하면, licenses 동의 절차가 진행됩니다. "y" 를 입력합니다.
34. "y" 를 입력합니다.
35. "y" 를 입력합니다.
36. "y" 를 입력합니다.
37. "y" 를 입력합니다.
38. "y" 를 입력합니다.
39. "y" 를 입력합니다.
40. "y" 를 입력합니다.
41. "y" 를 입력합니다.
42. "flutter doctor --android-licenses" 입력하면, Android Studio에 느낌표 외 전부 체크가 되어 있는 것을 확인할 수 있습니다.
43. Android Studio를 실행하여 "Configure" 버튼을 클릭합니다.
44. "Settings" 버튼을 클릭합니다.
45. Plugins 선택 후 "flutter" 입력합니다. "Install" 버튼을 클릭하여 flutter plugin을 설치합니다.
46. "Accept" 버튼을 클릭합니다.
47. "Install" 버튼을 클릭합니다.
48. flutter plugin 설치가 완료되었습니다. "Restart IDE" 버튼을 클릭합니다.
49. "Restart" 버튼을 클릭합니다.
50. Android Studio에 "Create New Flutter Project" 버튼을 클릭합니다.
51. Flutter SDK path 에 flutter 압축풀기 한 위치(C:\flutter)를 선택한 뒤 Next 버튼을 클릭합니다.
52. "Creating Flutter project"
53. 이제 Windows 에서 Android Studio 를 이용하여 Flutter 개발이 가능합니다.
54. 가상 디바이스(Android) 실행을 위해 "sdk gphone x86 arm (mobile)" 클릭합니다.
55. 가상 디바이스가 실행됩니다.
56. 재생 버튼(?) 클릭하여 Flutter Demo 코드를 실행합니다.
57. Flutter Demo app이 실행되는 것을 확인할 수 있습니다.
