Flutter 응용 - 공공 API를 활용한 앱 만들기
공적 마스크 재고 API활용과 MVVM 패턴 설계
주제 소개
플러터로 공적 마스크 재고 앱을 만들고 MVVM 패턴을 적용합니다.
왜 배워야 하는지
플러터는 공공 API를 활용한 앱을 만드는데 아주 적절한 프레임워크입니다.
플러터 입문자를 벗어나려면 패턴을 활용하여 구조화된 앱을 만들어야합니다.
모바일 앱에서 자주 사용되는 MVVM 패턴을 사용하여 앱을 구조화 하는 방법을 배울 수 있습니다.
✏️ 이 강의에서 배우는 것들
공적 마스크 재고 앱을 만들고 MVVM 패턴을 적용하여 리팩터링을 합니다.
- 공공 정보 API를 사용한 HTTP 통신
- 현재 위치 정보 사용
- Provider를 사용한 상태 관리
- MVVM 패턴 적용
- 리팩터링
💡 강의 특징
어려운 개념은 도해를 사용하여 설명합니다.
📖 섹션마다 간단한 소개
1. 일단 만들어 보는 마스크 재고 앱
먼저 앱을 빠르게 만듭니다.
2. 설계를 고려한 앱 개발
그리고 MVVM 패턴을 배우고 적용해 나가며 기능을 완성해 나갑니다.
🛠 여기서 다루는 툴
이 강의에서는 안드로이드 스튜디오와 안드로이드 에뮬레이터를 기준으로 설명합니다.
🙋🏻♂️ 예상되는 질문 QnA
Q. 플러터를 아직 사용해 본 적이 없는데 들어도 되나요?
A. 아니요. 플러터와 Dart언어 기초 지식이 필요하므로 입문서나 최소한 플러터 입문 강좌의 무료로 공개된 영상을 보셔야 이 강좌를 들을 수 있습니다.
참고 사항
- Flutter 2와 Dart 2.12부터 지원하는 Null Safety 적용 전에 찍은 영상입니다.
- 따라서 영상대로 따라가려면 강의내용을 참고하여 Dart 버전을 2.7 이하로 설정하고 수강하셔야 합니다.
- 강의영상과 동일한 라이브러리 버전을 사용하시면 영상대로 진행할 수 있습니다.
- 라이브러리 버전을 최신으로 할 경우에는 직접 해당 문서를 통해 해결하셔야 합니다.
- 비정기적으로 최신 버전을 적용하여 Github을 업데이트 합니다.
강의자
교육하고 책 쓰는 개발자 오준석입니다. 저는 최근 10여년간 모바일 소프트웨어 개발을 해 왔으며, 온오프라인 강의와 Youtube 채널을 통해서 2000명이 넘는 사람들에게 개발자가 되는 방법이나 코딩 기술을 가르쳤습니다.
강좌 커리큘럼
-
미리보기강좌 소개 (5:04)
-
미리보기[필독] 공적 마스크 조회 API의 서비스가 종료되어 백업용 URL을 제공합니다.
-
미리보기수업 전에 다트 버전 2.7로 수정하기
-
미리보기(21. 9.12 업데이트) Flutter 2.5 릴리즈에 따른 초급자용 변경점 안내 (Arctic Fox가 사용가능)
-
시작[해설] 마스크 재고 API 분석 (9:27)
-
시작[해설] Postman으로 API 사용해보기 (3:27)
-
시작모델 클래스 작성하기 (9:26)
-
시작http 라이브러리를 사용하여 값 가져오기 (6:58)
-
시작한글 깨짐 처리 (3:21)
-
미리보기[해설] 동기와 비동기 (7:58)
-
시작json 데이터를 List 로 변환 (10:52)
-
시작메인 화면 UI 작성 (11:42)
-
시작재고 수, 새로고침, 로딩중 표시 (8:37)
-
시작판매수량 UI 수정 (12:11)
-
시작재고가 있는 곳만 표시하기 (7:13)
-
미리보기[해설] MVVM 패턴 (4:02)
-
시작Repository 만들기 (11:00)
-
미리보기[해설] 플러터에서의 ViewModel 구성 (6:15)
-
시작ViewModel 만들기 (12:12)
-
시작로딩 처리와 View 나누기 (5:21)
-
시작[리팩터링] 공통 위젯 분리 (7:44)
-
시작[기능추가] 현재 위치 기반으로 검색 (9:04)
-
시작[문제해결] WidgetsFlutterBinding.ensureInitialized() (5:48)
-
시작[기능추가] 구글 지도에 표시 (7:57)
-
시작[기능추가] 거리 표시하기 (6:19)
-
시작[기능추가] 가까운 순서로 정렬하기 (2:42)
-
시작인터넷 연결이 안 되어 있을 때의 처리 (5:42)
-
시작완성 코드 (0:52)
총 학습기간 :
정상 수강기간(유료 수강기간) 최초 2개월(60일), 무료 수강 기간은 61일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.