Thumbnail
BEST
개발 · 프로그래밍 모바일 앱 개발

Flutter 응용 - 공공 API를 활용한 앱 만들기 (MVVM 패턴) 대시보드

(4.9)
71개의 수강평 ∙  790명의 수강생

66,000원

지식공유자: 오준석
총 28개 수업 (3시간 22분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

중급자를 위해 준비한
[모바일 앱 개발] 강의입니다.

공적 마스크 재고 앱을 만들고 스마트폰에서 가장 많이 사용되는 패턴 중 하나인 MVVM 패턴을 적용하고 기능을 추가해 보며 플러터 앱 개발을 익힙니다.

✍️
이런 걸
배워요!
공공 API 활용 방법
MVVM 패턴을 적용 한 앱 개발 방법

공공 API로 재미있게 배우는
실전 플러터 모바일 앱 개발.

플러터 앱 개발 응용,
왜 배워야 하나요?  

✔️ 이 강의에서는!
플러터로 공적 마스크 재고 앱을 만들고
MVVM 패턴을 적용해 봅니다.

플러터는 공공 API를 활용한 앱을 만드는데 아주 적절한 프레임워크입니다.
플러터 입문자를 벗어나려면 패턴을 활용하여 구조화된 앱을 만들어야합니다.

모바일 앱에서 자주 사용되는 MVVM 패턴을 사용하여 앱을 구조화 하는 방법을 배울 수 있습니다.


강의에서 배우는 내용

공적 마스크 재고 앱을 만들고 MVVM 패턴을 적용하여 리팩터링을 합니다.

  • 공공 정보 API를 사용한 HTTP 통신
  • 현재 위치 정보 사용
  • Provider를 사용한 상태 관리
  • MVVM 패턴 적용
  • 리팩터링


강의 특징

어려운 개념은 도해를 사용하여 시각적으로 설명합니다.


섹션별 소개

  1   일단 만들어 보는 마스크 재고 앱
• 먼저 앱을 빠르게 만듭니다. 

  2   설계를 고려한 앱 개발
• 그리고 MVVM 패턴을 배우고 적용해 나가며 기능을 완성해 나갑니다.


다루는 툴

이 강의에서는 안드로이드 스튜디오와 안드로이드 에뮬레이터를 기준으로 설명합니다.

수강 전 참고해주세요!

  • Flutter 2와 Dart 2.12부터 지원하는 Null Safety 적용 전에 찍은 영상입니다.
  • 비정기적으로 최신 버전을 적용하여 Github을 업데이트 합니다.
  • 스스로 또는 제공되는 Github을 참고하면서 최신 코드로 적용할 수 있는 분이 듣는 것을 추천합니다.

예상 질문 Q&A

Q. 플러터를 아직 사용해 본 적이 없는데 들어도 되나요?

아니요. 플러터와 Dart언어 기초 지식이 필요하므로 입문서나 최소 무료로 공개된 플러터 입문 동영상 강의 과정을 수강해야 강의를 들을 수 있습니다.


 

강의 선택 가이드

본인이 공부해야 할 강의가 맞는지 확인해 보세요.

 

연관 로드맵

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
Flutter 입문, 중급 강좌를 보신 분
플러터 기초, Dart 문법을 숙지한 분 중에서 MVVM 패턴을 적용하고 싶은 분
📚
선수 지식,
필요할까요?
플러터 기초
Dart

안녕하세요
오준석 입니다.
오준석의 썸네일
교육하고 책 쓰는 개발자 오준석입니다.
'오준석의 생존코딩' 유튜브 채널과 생존코딩 (https://survivalcoding.com) 교육 플래폼을 운영중입니다.
저서
오준석의 플러터 생존코딩 (한빛미디어 2020)
오준석의 안드로이드 생존코딩: 코틀린 편 (한빛미디어 2018)
될 때까지 안드로이드 (루비페이퍼 2018)
주요경력
현) 세민직업전문학교 정보기술개발 직업훈련교사
수원스마트앱개발학원 운영
LG전자 MC사업부
일본 아이치현 (株)東海理科 Security사업부
일본 아이치현 (株)日本テクシード IT사업부
LinkedIn: https://www.linkedin.com/in/%EC%A4%80%EC%84%9D-%EC%98%A4-295623b0/
커리큘럼 총 28 개 ˙ 3시간 22분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 일단 만들어 보는 마스크 재고 앱
강좌소개 미리보기 05:04 [필독] 공적 마스크 API 서비스 종료로 인해 API URL 변경 안내 미리보기 [필독] 수업 전에 다트 버전 3.0 이후의 수정 사항 확인하기 미리보기 15:12
[해설] 마스크 재고 API 분석 09:27
[해설] Postman으로 API 사용해보기 03:28
모델 클래스 작성하기 09:27
http 라이브러리를 사용하여 값 가져오기 06:59
한글 깨짐 처리 03:22
[해설] 동기와 비동기 미리보기 07:58
json 데이터를 List<Store> 로 변환 10:53
메인 화면 UI 작성 11:43
재고 수, 새로고침, 로딩중 표시 08:38
판매수량 UI 수정 12:11
재고가 있는 곳만 표시하기 07:13
섹션 1. 설계를 고려한 앱 개발
[해설] MVVM 패턴 미리보기 04:02
Repository 만들기 11:01
[해설] 플러터에서의 ViewModel 구성 미리보기 06:16
ViewModel 만들기 12:13
로딩 처리와 View 나누기 05:21
[리팩터링] 공통 위젯 분리 07:44
[기능추가] 현재 위치 기반으로 검색 09:04
[문제해결] WidgetsFlutterBinding.ensureInitialized() 05:48
[기능추가] 구글 지도에 표시 07:58
[기능추가] 거리 표시하기 06:19
[기능추가] 가까운 순서로 정렬하기 02:42
인터넷 연결이 안 되어 있을 때의 처리 05:43
완성 코드 (업데이트 23. 7. 11) 00:53
강의 게시일 : 2020년 04월 09일 (마지막 업데이트일 : 2021년 09월 12일)
수강평 총 71개
수강생분들이 직접 작성하신 수강평입니다.
4.9
71개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
Christy_Vicky_ Kim thumbnail
5
많은 도움이 되었습니다!
2024-01-08
성실한 나비 thumbnail
5
MVVM 패턴에 대해 잘 배울 수 있었습니다~
2024-01-03
nova020510 thumbnail
5
보통 mvvm 강의를 보면 바로 mvvm 강의만 하지 이게 왜 필요한지는 설명안해주는곳이 많은데 이 강의는 기능 먼저 구현하고 리팩터링 하면서 mvvm 적용하는게 너무 좋았던것같아요. 강의도 짧막하면서 핵심 내용이 잘 들어있어서 좋은것같네요. 아쉽게도 공공API 가 종료되서 제한된 데이터로 해야되지만 직접 공공 API 찾아서 해보는것도 재밌을것같아요
2023-10-17
오상수 thumbnail
5
mvvm 패턴 과 provider 알수있는 좋은 강의였습니다. 감사합니다.
2024-01-01
Ed.M thumbnail
5
바로 정주행 했습니다. 최고의 플러터 실무 강의입니다. 네트워크 통신 앱 개발을 위한 모든 게 군더더기 없이 핵심만 배운 느낌입니다. 플러터가 처음이시라면 강사의 플러터 초급 강의를 선행하시거나, 오준석의 플러터 생존코딩을 통해 문법이나 위젯의 개념을 이해하시며 보신다면 전혀 무리가 없을 것 같습니다. 입문, 초보자들에게는 시간 낭비 없는 지름길, 기존 개발자들에게는 날개를 달아주는 강의라 평하고 싶네요. 앞으로도 좋은 강의 부탁드리겠습니다. 정말 감사합니다.
2020-04-24
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!