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

Flutter 중급 1편 - 클린 아키텍처 대시보드

(4.8)
57개의 수강평 ∙  795명의 수강생
121,000원

월 24,200원

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

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

플러터 앱에 클린 아키텍처를 적용하여 좀 더 나은 코드, 유지보수 하기 좋은 코드를 작성하는 방법을 배울 수 있습니다. 중급 이상으로 가기 위한 필수 강의입니다.

✍️
이런 걸
배워요!
플러터 앱에 클린 아키텍처 적용하기
관심사 분리를 통해 소스코드를 쉽게 관리하기
복잡한 수정사항을 쉽게 수정하기
언제 코드를 다시 봐도 금방 코드를 이해할 수 있는 코드 구조

더 견고하고, 더 안정적인 모바일 앱! 
클린 아키텍처로 플러터 한 단계 레벨 업.

더 좋은 구조의 앱 아키텍처란? 📖

이 강의에 관심이 있으신 분들은 이미 제 Flutter 강의 몇 개는 보셨거나, 간단한 앱 한 두 가지는 만들어 보셨을 겁니다. 그리고 아마도 다음과 같은 고민들을 하셨을 것입니다.

플러터 앱 개발자의 고민!

‘더 나은 앱을 위한 프로젝트 구조는 어떤 것일까?’ 
‘참고할 만한 좋은 구조의 프로젝트 샘플은 없을까?’ 
실무에서는 어떤 구조로 앱을 개발할까?’ 

이런 고민을 하시는 분들께 도움을 드리기 위해 이 강의를 준비했습니다. 함께 도전해보실까요?


클린 아키텍처
적용해야 할 세 가지 이유 🚩

이 강의에서는 플러터 앱에 클린 아키텍처를 적용하면서 이러한 부분을 해소해 나갑니다.
클린 아키텍처는,

  • 1️⃣ 프레임워크에 독립적이고 
  • 2️⃣ 테스트를 쉽게 할 수 있으며 
  • 3️⃣ 기능 수정이나 추가가 용이합니다.

따라서, 좋은 앱 개발을 하기 위해 꼭 필요한 개념이라고 할 수 있습니다.


두 가지 앱을 
클린 아키텍처로 직접 
개발해봅니다 📲

다음 두 가지 앱을 클린 아키텍처를 적용하여 개발합니다.

  • 이미지 검색 앱: 외부 API를 통해 이미지를 검색할 수 있는 간단한 앱입니다.
  • 노트 앱: 로컬 DB에 저장되는 노트 앱입니다.

직접 만들어보세요!

이미지 검색 앱

  • 검색어를 입력하여 이미지 검색
  • 네트워크 오류시 적절한 오류 처리

노트 앱

  • 노트 작성, 수정, 삭제
  • 삭제 취소
  • 여러 조건으로 정렬
  • 로컬 DB에 저장

이 강의만의 특징을 
알려드립니다 🔍

클린 아키텍처를 적용하는 과정을 단계별로 심도있게 학습합니다.

  • ✅ 특정 라이브러리 사용시 왜 그 라이브러리를 사용하게 되었는지 라이브러리 사용 전과 후를 비교하여 설명합니다.
  • ✅ 복잡한 개념은 도식을 활용하여 설명합니다.
  • ✅ 모든 소스 코드와 강의에 사용한 슬라이드를 제공합니다.

강의 수강 후, 여러분의 코드 구조는 이렇게 달라집니다!

발전한 코드 구조, 직접 경험해보세요.


자주 묻는 질문이 
궁금하다면? 💬

Q. 강의를 수강하기에 적절한 지식은 어느 정도일까요?

제 강의 중 최소한 'Flutter 중급 - Http통신, 상태관리'와 'Flutter 응용 - 공공 API를 활용한 앱 만들기'를 들으시거나 그에 상응하는 지식이면 됩니다. Future, Stream, Provider 를 이해하고 있는 것이 도움이 됩니다.

Q. 강의에서 사용하는 소스 코드가 제공되나요?

강의에서 다룬 모든 소스 코드와 슬라이드가 제공됩니다.


강의 선택 가이드

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

 

선수 강의

MVVM을 모르신다면 우선 이 강의를 선행하시는 것이 좋습니다.

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

Open API를 활용하고
MVVM 패턴 학습 과정

연관 로드맵

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
클린 아키텍처를 모바일 앱에 적용하고 싶은 분
좀 더 나은 구조의 앱 개발에 관심이 있는 분
Flutter 중급, 응용 수업을 들었거나 그에 상응하는 지식을 가진 분
Flutter로 간단한 앱 개발을 할 수 있는 분
📚
선수 지식,
필요할까요?
Dart 문법
Flutter 기본 지식
Flutter 비동기 프로그래밍 지식 (Future, Stream)
Flutter 상태관리 (Provider)
MVVM 패턴

안녕하세요
오준석 입니다.
오준석의 썸네일
교육하고 책 쓰는 개발자 오준석입니다.
'오준석의 생존코딩' 유튜브 채널과 생존코딩 (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/
커리큘럼 총 46 개 ˙ 10시간 12분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의 안내
00 강의 소개 미리보기 04:14
소스 코드 및 강의에서 사용한 슬라이드
섹션 1. 이미지 검색 앱 - 파일 한 개 짜리 앱 부터 클린 아키텍처를 적용하기 까지
01 모델 클래스 작성 13:54
02 UI 작성 17:28
03 이미지 검색 기본 버전 완성 15:34
04 기능 분리하기 08:00
05 InheritedWidget을 활용한 객체 주입 18:37
06 Stream을 활용하여 데이터 다루기 10:45
07 라이브러리 없이 MVVM 구현 06:51
08 ViewModel과 Test 23:52
09 Mockito를 활용한 테스트 23:40
10 JsonSerializable과 Equatable 17:29
11 Freezed 11:29
플러터 업그레이드 후 freezed 빌드 실패 해결 방법 (Flutter 3.7.3, Dart 2.19.2 기준) 미리보기 05:23
12 Provider 07:38
13 ChangeNotifierProvider, Consumer 14:04
14 클린 아키텍처 21:38
15 에러 처리 33:24
16 상태를 불변상태로 관리하기 18:48
17 Use Case 15:27
18 DI (의존성 주입) 미리보기 19:23 19 클린 아키텍처 정리 미리보기 08:18
클린 아키텍처 참고
섹션 2. 노트 앱 - Clean Architecture, MVVM, Sqflite, Provider, Use Case
20 디렉토리 구조 미리보기 05:46
21 라이브러리 설정 05:00
22 노트 모델 클래스, NoteRepository 작성 11:31
23 Sqflite 12:44
24 Sqflite Test 코드 작성 14:13
24-1 [업데이트] Sqflite3 테스트시 sqlite3.dll 또는 libsqlite3.so 파일이 없다고 에러나는 경우 해결 방법 03:10
25 Use Case 작성 09:58
26 첫 번째 ViewModel 작성 14:04
27 ViewModel에서 다룰 상태 클래스 작성 04:17
28 두 번째 ViewModel 작성 09:33
29 첫 화면 UI 작성 33:06
30 두 번째 화면 UI 작성 28:10
31 DI 설정 16:00
32 새 노트 작성, 노트 표시 기능 29:29
33 노트 삭제, 취소 기능 04:01
34 노트 수정 11:14
35 Use Case 활용 16:29
36 정렬 기능 구현 14:46
37 Mockito를 활용한 Test 코드 작성 15:30
38 정렬 기능 작성 20:05
39 UI 몇 가지 수정 09:14
40 끝 인사 02:31
섹션 3. 보너스
freezed를 기본 sealed class 로 마이그레이션 가이드 05:30
강의 게시일 : 2021년 12월 14일 (마지막 업데이트일 : 2023년 09월 12일)
수강평 총 57개
수강생분들이 직접 작성하신 수강평입니다.
4.8
57개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
개꾸꾸 thumbnail
3
내용은 구성은 좋아요. 간단한 프로젝트를 빠르게 생성하고 만들어보고 바꿔가면서 학습하는 방식도 좋습니다. 다만, 실시간 강의가 아니고 녹화한 인터넷 강의 아닌가요 ? 중간중간에 생각지 않은 에러나 의외의 상황에 헤매거나 그걸 자세한 설명없이 후다닥 수정 하시고 넘어가서,,, 다른 강의들은 이런것은 편집하거나 자막으로 설명을 하시던데,,, 아쉽습니다.
2022-06-15
김재승 thumbnail
5
완강했습니다. 플러터를 배우고 있는 입장에서 프로젝트를 어떻게 구성해야 할지에 대한 가이드라인을 제시하고, 실전에 적용할 핵심 내용들로 꽉꽉 채웠다는 느낌을 받았습니다. 플러터를 공부하시거나 아키텍처에 대한 고민을 하고 계시는 분이라면 이 강의를 꼭 들어보기를 추천드립니다. 좋은 강의 감사합니다!!
2022-01-15
정다희 thumbnail
5
혼자서 익히기 너무 힘든 분야인데, 강의 덕분에 버틸 수 있었습니다. 실전에서 사용하기 좋은 유용한 예제를 통해 설명 해 주셔서 비전공자 분들도 익히기에 좋지 않을까 싶습니다. 왜냐면 제가 완전한 비전공자 이지만 잘 배우고 있거든요!! 이전 강의들부터 차근차근 듣다보면 실력이 향상되는 본인을 느낄 수 있으실거에요. 수강평 잘 안남기는데 너무 좋아서 자세하게 남겼습니다ㅎㅎ..!!감사합니다.
2022-03-29
굥굥 thumbnail
5
플러터 관련 강의 자료들이 많이 없어서 혼자 공부하기에 너무 힘든 와중에 정말 귀한 플러터 강좌인 것 같아요!! 플러터 중급 강좌라고 해서 단순히 플러터나 다트 문법에만 국한된 강좌가 아닌 앱을 만들기 위해 어떤 구조로 어떻게 프로젝트를 구성해야 하는지 MVVM과 클린아키텍처를 적용해 알려주시기 때문에 중급 강좌 그 이상의 가치를 느낄 수 있었습니다!!
2021-12-29
Eunjin Jeong thumbnail
5
클린아키텍처에 대한 이해가 잘 되는 강의에요
2024-02-06
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!