본문 바로가기
  • 인공지능
  • 블록체인
  • 정보보안
코딩 알로하 :: two/하이브리드앱

패스트캠퍼스 챌린지 1일차

by nathan03 2021. 11. 1.
반응형

# 강의 제목 : 누적다운로드 120만+ 1인 개발자와 함께하는 앱 개발 입문 Online 

# 강의 목표 : 기초부터 운영까지 앱 개발의 전체 프로세스를 이해한다. 
                  내 이름으로 된 앱을 최대 10개까지 만들어 출시할 수 있다. 
                  앱 개발자로 성장할 수 있는 초석을 다진다. 
                  반응 얻는 앱의 특징과 노하우를 알아간다. 
                  향후 강의 없이도 나만의 앱을 개발할수 있는 실력을 가진다. 

# 강의 요약 : 프로그램 설치부터 기본 문법, 광고 다는 법, 클론코딩을 진행하며 필수 지식을 학습한다. 
                 총 10개의 다른 주제로 실제 사용화 가능한 수준의 앱을 만들어본다.
                 나의 앱을 세상에 선보이기 위한 개발자 등록 및 배포를 진행한다. 
                 강사님의 리뷰/클레임 대응사례 등 앱 성공 포인트를 참고해 1인 개발자로서의 입지를 다진다. 

 # 강의 목차 :  Flutter, Android Studio 설치 및 설정 (1일차)
                   변수, 변수타입, 리스트, 맵 개념 및 사용 
                   조건문, 반복문, 클래스, 함수 개념 및 사용 
                   위젯 넣어보기(MaterialApp, Scaffold, Text, Icon, Image)
                   UI 만들어보기 (앱의 타이틀, 화면에 표시되는 텍스트 표현 등)
                   여러 위젯 같이 써보기(가로, 세로로 다양한 위젯 배치)
                   Stateless, Stateful 위젯 넣어보기 
                   Firebase, Admob(앱 광고) 사용해보기 
                   기능 종합해서 간단한 어플 만들어보기 (숫자카운트어플)
                   앱 기획 궁금증 해소 및 앱 제작 꿀팁 

 # 강의 화면 : 

 

 # 강의 내용 : 플로터 배우기 (Dart 언어 배우기, 어플리케이션 기획/개발/운영/배포)

1. 플로터(Flutter)란? 어플리케이션 개발 프레임워크(Framework)
                           하나의 코드(Dart언어)로 모바일, 웹, 데스크톱 어플리케이션을 개발할 수 있는 프레임워크 
                           쉽고 빠르게 애플리케이션 개발 가능 (iOS, 안드로이드, 웹페이지 개발 가능)
2. 왜 플로터? 
   - 빠른 개발 : Hot Reload를 통해 앱을 빠르게 개발 가능
   - 유연한 UI : 기존의 앱 개발 프레임워크 대비 빠른 렌더링으로 유연한 디자인 구축 가능 
   - 네이티브 수준의 성능 : 플랫폼별 차이를 통합해서 iOS, 안드로이드 모두에서 네이티브 수준의 성능을 제공 

3. 프레임워크(Framework)란? 
   - 애플리케이션 개발에 필요한 뼈대(프레임워크)개발의 기본 틀을 제공해주고, 개발에 필요한 기본 기능을 제공함 
   - 플로터(Flutter)는 모바일 어플리케이션에 필요한 기본 기능을 제공해주는 프레임워크 
   - 개발 프레임워크 == 케이크의 기본 시트 (생크림빵이되냐 초코빵이되냐)

4. 플로터는 어디에 쓰이나요? 
   - 웹 애플리케이션
   - 안드로이드 애플리케이션 (안드로이드/iOS)
   - iOS 애플리케이션 
   - 대스크톱 애플리케이션 

5. Dart란? 프로그래밍언어(Programming language)
   - 구글이 개발한 프로그래밍 언어 
   - 다양한 플랫폼(iOS, Android)에서 동작되도록 하는 애플리케이션 개발을 위해 디자인된 프로그래밍 언어 

6. 프로그래밍 언어란? 
    - 언어란 생각이나 느낌을 전달하는 수단
    - 프로그래밍 언어는 컴퓨터에게 나의 생각을 전달하기 위한 수단 
    - 컴퓨터에게 명령을 내려 나의 명령에 맞게 움직이게 할 수 있는 수단 
    - ex) print("안녕하세요") => 안녕하세요 출력해 

7. 안드로이드 스튜디오 설치 및 플러터 설정 ( Get started > Install > Windows ) 
   - Git 설치 받기 
https://git-scm.com/

 

Git

 

git-scm.com


   - 플로터 다운로드 받기(1.22.3)
https://flutter.dev/?gclid=CjwKCAjwoP6LBhBlEiwAvCcthM-Fc6kODXMfDqkbApsMCSwIyqX8suQbene05lGtCCCd_7Ys6J_gixoC2TkQAvD_BwE&gclsrc=aw.ds

 

Beautiful native apps in record time

Flutter SDK is Google's UI toolkit for crafting beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

flutter.dev

   - 안드로이드 스튜디오 다운받기
https://developer.android.com/

 

Android 개발자  |  Android Developers

Android 앱 개발자를 위한 공식 사이트입니다. Android SDK 도구 및 API 문서를 제공합니다.

developer.android.com

8. flutter 설치 확인 (사용자 이름이 한글로 되어있으면 안됨, 영어로 바꾸어야함)

fluuter 환경이 잘 설치되었는지 확인

9. 안드로이드스튜디오 설치 확인 

Plugins > Flutter install 설치 후 재실행 

설치 완료 하면, New Flutter Project + 창이 생긴다. 

AVD 매니저 설치하기 


안드로이드스튜디오 동의 하기 

위 오류의 원인 Android SDK Command-line Tools (latest) 설치 

모두 동의를 하면 환경 구축이 완료 된다. 

# 교육 소감 

Flutter 를 통해 어떻게 안드로이드와 iOS 를 동시에 개발할수 있을지 의문에서 교육을 수강하게 되었다. Dart 라는 프로그래밍언어가 이 두 기기에서 호환 가능하게 프로그래밍 해줄수 있다고 하니, 교육을 잘 수강해서 나만의 앱 안드로이드와 iOS 두가지 모두 동작 가능한 앱을 만들고 싶다. 모든 언어가 비슷하듯 IDE 개발도구 설치 부터 시작되고, 다양한 환경 설정 등을 거쳐야 비로서 Dart 라는 언어로 프로그래밍하고, 결과론적으로 애뮬레이터도 띄워 직접 가상 스마트폰에서 앱을 설치하고 테스트해볼수 있는 것 같다. 혼자서 공부한다면 환경 셋팅하는데만 많은 시행착오를 겪었을 듯한데, 온라인 교육 들으면서 함께 따라하니 훨씬 쉽게 개발 환경을 셋팅할 수 있었다. 다만 온라인 강의의 가장 큰 단점은 개발환경도 버전이 계속 변경되고 IDE 툴도 버전이 변경되는지라, 간혹 동영상과 아주 똑같지 않은 문제점은 있다. 이런 문제점들은 IT 교육을 담당하는 측에서, 미리미리 최신 버전으로 재녹화를 하거나 다른 영상으로 대체 해주는 센스가 필요한 것 같다. 하지만, 이런 단점도 있지만,,, 필요 할때 마다, 막히는 부분마다, 원하는 장소에서 시간을 구애받지 않은 환경에서 공부할수 있는 부분은 온라인 교육의 가장 큰 장점도 있다. 30일 동안 열심히 포스팅하고 따라하면서 나만의 앱을 최종적으로 이쁘게 만들어보고, 배포도 해보고 운영도 해볼 계획이다. 바쁜 직장인이지만, 퇴근후에 좀더 나은 내일을 위해 열심히 코딩하고 배우고, 응용해서 부수입도 창출하는 아주아주 멋진 앱을 한번 만들어보자. 힘들지만, 오늘도 수고해 ~!

 

# 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

https://bit.ly/3FVdhDa

 

수강료 100% 환급 챌린지 | 패스트캠퍼스

딱 5일간 진행되는 환급챌린지로 수강료 100% 환급받으세요! 더 늦기전에 자기계발 막차 탑승!

fastcampus.co.kr

 

반응형

댓글