플러터 실습/앱개발 환경설정부터 앱출시까지 빠르게 해보고 전체과정 이해하기

플러터 앱개발 환경설정부터 앱출시까지 빠르게 해보고 전체과정 이해하기 - 0.소개편

플기차차 2023. 5. 20. 06:13

ㅁ 개요

 

O 프로그램 소개

 

 

 - 오늘은 플러터로 앱을 개발하기위한 전체 과정을 알아보겠습니다.

앱을 개발하는 일은 말 처럼 그렇게 쉽지 않습니다. 다만, 이번 글을 통해서 전체 과정을 빠르게 알아 보고, 앱개발에 대한 막연한 두려움을 없애겠습니다.

그리고, 이후 쉬운 앱부터 하나씩 개발하면서 앱개발자로서의 실력과 스킬을 어제보다 나은 오늘의 나로 성장시키는데, 목표를 두고 진행하겠습니다.

 

 

 

 

- 플러터를 우리의 앱개발 언어로 선정한 이유는 다음과 같습니다.

1. 구글에서 개발

> 망하지는 않겠지, 오래 가겠지..

2. 대부분의 앱 개발 가능(모바일 앱, 앱 웹, 데스크톱 앱 개발 가능)

3. 그나마 상대적으로 쉽고 빠르게 개발 가능

4. 크로스 플랫폼으로 안드로이드와 애플 IOS모두 개발 가능

5.개발시 코드 변경 시 바로 화면에서 보면서 개발 가능

 

 

 

Flutter는 Google에서 개발한 오픈 소스 사용자 인터페이스(UI) 소프트웨어 개발 프레임워크입니다. Flutter를 사용하면 모바일 앱, 웹 앱, 데스크톱 앱을 위한 고품질의 사용자 인터페이스를 빠르고 효율적으로 개발할 수 있습니다.

Flutter는 단일 코드베이스로 Android와 iOS 모두를 대상으로 하는 크로스 플랫폼 개발을 지원합니다. 또한 Flutter는 네이티브 수준의 성능을 제공하기 위해 하드웨어 가속을 사용하며, UI를 빌드하기 위해 재사용 가능한 위젯을 제공합니다. 이러한 위젯은 캔버스에 직접 렌더링되므로 높은 성능과 부드러운 애니메이션을 제공합니다.

 

Flutter는 Dart라는 현대적인 프로그래밍 언어로 앱을 작성하며, 다양한 UI 구성 요소와 기능을 제공하는 다양한 라이브러리와 도구를 포함하고 있습니다. 또한 Flutter 개발자는 Hot Reload 기능을 사용하여 코드 변경을 실시간으로 적용하고 앱의 개발과 테스트를 빠르게 반복할 수 있습니다.

 

앱 개발자에게는 Flutter가 앱 개발 생산성을 높이고 코드를 공유하고 유지 관리할 수 있는 강력한 도구이며, 사용자에게는 아름답고 풍부한 경험을 제공하는 앱을 구축하는 데 유용한 선택이 될 수 있습니다.

 

 

 

 

O 향후 진행 순서

 

이후 글부터 진행되는 세부적인 내용은 다음과 같습니다.

 

 

 

1. vscode 에서 플러터 개발환경 구축하기

아래와 같은 개발환경을 구축하는 방법을 알아봅니다.

-cmd 등에서 아래 명령으로 확인하면서 진행할 예정입니다.

>flutter doctor

1.flutter 다운로드 및 환경설정

2.크롬설치

3.vscode 설치 및 세팅

4.안드로이드 스튜디오 설치 및 세팅

5.안드로이드 툴체인(라이선스 체크)

 

2. 간단한 앱 빠르게 만들기

여기서는 아날로그 시계 + 서울의 날씨를 함께 보여주는 앱을 빠르게 만들어 보겠습니다.

  

 

3.안드로이드 앱 아이콘 및 이름 변경

앱을 배포하기 위해 필요한 적정한 사이즈의 아이콘 크기 및 이름 변경 방법에 대해 설명합니다.

 

 

4.안드로이드 앱에 디지털 서명하기

안드로이드 앱에 디지털 서명하는 방법을 아래 순서대로 설명합니다.

 

1)  KeyStore 만들기(서명키 생성)

>keytool -genkey -v -keystore c:/Users/SEC/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key

SEC : 사용자명

 

KeyStore 파일은 개발자의 개인 키를 저장하고, 앱의 무결성(변조여부 확인)과 신원을 보장하기 위해 사용되는 중요한 파일입니다.

한번 만들고 나면 향후 해당앱의 업데이트 시 계속 이 파일을 사용해야 하므로  반드시 백업을 하는 것이 좋습니다.

(예: A, B 2개의 앱을 배포시 A에 대한 KeyStore 파일과 B에 대한 KeyStore 파일을 각 각 만들어도 되고 KeyStore 하나로 같이 사용해도됩니다. 다만, A 앱과 B 앱은 각각 독립적인 앱으로 간주되므로 개별적인 KeyStore 파일을 생성하여 사용하는 것이 좋습니다. 단, A앱의 향후 기능 추가시 업데이트를 하는 경우 기존의 KeyStore를 사용해야 합니다.)

 

2) 앱으로부터 KeyStore참조하기

3)  Gradle에서 서명 구성하기

 

5.flutter 빌드 실행하기(release 앱 번들 빌드하기)

안드로이드 앱을 배포하기 바로 전단계인 .aab파일(번들파일)을 만들고 실행하는 방법에 대하여 알아 보겠습니다.

>flutter build appbundle

 

 

6.google playconsole 에 위에서 만든 앱 업로드 하기

마지막 글로 배포 및 출시를 위해 구글 플레이콘솔에 위에서 만들었던 앱을 업로드하는 방법에 대하여 알아 보겠습니다.

 

 

 

7.심사 대기

 

 

 

 

 

 

 

O 완성된 프로그램 실행 화면

 - 최종 완성된 프로그램의 결과화면은 아래와 같습니다.

 

 

 

1.앱 출시 후 구글 지메일로 우리가 만든 happywatch 앱에 대한 등급안내 메일을 받았습니다.

(5/29 앱출시를 하였고, 메일은 6/1일 받았습니다. 특별한 이슈가 없는 경우 약 3일정도 소요)

 

 

 

2. 메일의 세부 내용을 보면 앱의 등급 및 약관에 관한 내용으로 보입니다.

 

 

 

 

3. 플레이스토어에서 'happywatch'로 검색하면 앱이 검색됩니다. 

 

 

 

 

4. 앱을 클릭하여 세부 정보를 살펴보니 우리가 출시할 때 등록한 정보들이 잘 등록된 것을 볼 수 있습니다.

 

 

 

 

5. 휴대폰에서 앱을 설치하였습니다.

 

 

 

6. 설치한 앱을 실행하니 잘 실행 됩니다.

 

 

 

 

 

 

이후 글부터 위의 '향후 진행 순서'에서 말씀 드린 내용대로 하나씩 자세해 설명 드리겠습니다.

 

오늘은 여기까지이며, 위의 내용이 유익하셨다면, 좋아요와 구독 부탁드립니다.

 

 

감사합니다.