[플러터 상태관리] Bloc 마스터 코스 기초부터 응용까지!

이 영상 시리즈에서 Bloc에 대해 최대한 이해가 될 수 있도록 설명 및 예제소스가 포함되어있습니다.

(4.9) 수강평 24개

수강생 1,373명

개발하는남자

flutter

모바일앱

플러터

상태관리

Flutter bloc stream

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

Bloc을 사용하는이유
Stream
flutter_bloc_widget
bloc과 cubit 비교
bloc_concurrency 이벤트 핸들링
bloc간 통신 방법

플러터 bloc은 실무에 어떻게 쓰냐고요?
이 강의에서 확인해보세요! 🤗

플러터 bloc의
기본부터 응용까지 📌

플러터에는 상태 관리 라이브러리가 다양하게 존재합니다. bloc, getx, provider, riverpod 등 개발자 취향에 맞춰 사용되고 있습니다. 하지만 국내/해외 커뮤니티에서 대규모 프로젝트에서 가장 적합한 상태 관리 라이브러리는 단연 Bloc을 꼽고 있습니다. 무슨 이유에서 bloc이 대규모 프로젝트에 적합한지 알아보고 사용 방법까지 살펴보면서 실무 프로젝트에 Bloc을 사용할 수 있도록 도움을 드리고자 영상을 만들었습니다.

본 강의는 제가 정리한 내용 및 실무에서 사용한 경험을 바탕으로 제작된 영상입니다. 강의에서는 플러터 bloc 기본부터 응용, 사용법을 학습할 수 있습니다. 또한 단순한 사용법만 알고 넘어가는 것이 아닌 다른 상태관리 getx와 비교하여 무엇이 다른지 알 수 있습니다. 상태관리 없이 개발은 어떻게 되는지와 다른 상태관리 Getx를 사용할 때를 비교하면서 Bloc의 특성을 알 수 있습니다.

왜 bloc을 사용해야 할까요? 🧐

뷰 영역과 비즈니스 영역을 쉽게 구분할 수 있다.
테스트하기 쉽고, 재사용을 가능하게 해준다.
이벤트 트래킹을 통합적으로 관리할 수 있다.
많은 개발자가 하나의 코드 베이스로 일을 처리할 수 있다.
Github에서 가장 높은 Star 수를 받은 플러터 상태관리 라이브러리입니다.

학습 내용 📚

1. 왜 블록을 배워야 하는가?

bloc을 사용해야 하는 이유 5가지에 대해서 간단하게 알아봅니다.

2. Stream 이해하기

bloc의 기본 구조는 stream입니다. 스트림이 무엇인지 간단하게 이해하고 넘어갑시다.

3. Flutter_bloc 위젯 (상/하)

플러터 bloc widget에는 어떤 것들이 있는지 반드시 알아야 하는 위젯들과, 알아두면 좋은 위젯들로 나누어 알아봅니다.

4. 더하기 기본 예제로 보는 Bloc/Cubit

Bloc core에 대해 더하기 예제를 통해 Bloc/Cubit을 알아봅니다. getx와 어떻게 구조가 다른지 비교하여 알아봅니다.

5. Bloc과 Cubit 중 Bloc이 좋은 이유는?

bloc에는 cubit에 없는 기능들이 있습니다. 그 부분을 알아봅니다.

6. Bloc_concurrency 패키지 살펴보기

Bloc에서 사용되는 transformer 옵션을 통해 기본적으로 제공되는 이벤트 제어 방식을 알아봅니다.

7. 사용자 조회 만들기

사용자 조회 API를 통해 setState 방식, Getx방식, Cubit 상태 관리 방식 2가지 모두 살펴봅니다.

8. bloc 간 통신 방법

bloc과 bloc 간 의존성을 맺지 않으면서 통신하는 방법을 알아봅니다.

예상 질문 Q&A 💬

Q. 플러터 입문자도 이해할 수 있을까요?

다트 문법과 플러터 위젯 만들 정도 되신다면 찬찬히 반복해서 보시면 충분히 이해할 수 있습니다.

Q. 플러터 최신 버전으로 진행하시나요?

3.x 버전으로 큰 무리 없이 빌드 및 테스트가 될 것입니다.

Q. 예제 소스가 있나요?

예제 소스가 필요한 영상에는 github에서 소스를 받을 수 있도록 준비하였습니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

플러터 상태관리 하나 이상 사용할 수 있는 사람
플러터 상태관리에 대해 배우고 싶은 사람
플러터 bloc 을 배우고 싶은 사람

선수 지식,
필요할까요?

flutter
dart
상태관리

안녕하세요
입니다.

1,594

명

수강생

개

수강평

개

답변

4.8

점

강의 평점

개

강의

프로필

블로그 : 개발하는남자 블로그
유튜브 : 개발하는남자 유튜브
깃허브 : 개발하는남자 깃허브

소개

개발을 즐기는 사람이 되고 싶은 개발자.
안녕하세요 개발하는남자 개남입니다.

이력

2024.07 📚 개발하는남자의 핸즈온 플러터 책 출간
2023.07 💻 인프런 플러터 Bloc 응용 강의
2023.03 💻 인프런 플러터 Bloc 기초 강의

커리큘럼

전체

13개 ∙ (5시간 8분)

섹션 1. [플러터 상태관리] Bloc 마스터 코스 기초부터 응용까지!

13개 ∙ (5시간 8분)

1. 0화 시리즈 소개
05:38
2. 1화 왜 Bloc인가?
08:10
3. 2화 Stream이 무엇인가?
10:37
4. 3화 Flutter_bloc 위젯 (상)
24:34
5. 4화 Flutter_bloc 위젯 (하)
22:18
6. 5화 더하기 예제로 보는 bloc/cubit
37:13
7. 6화 bloc 과 cubit 중 뭐가 좋아?
31:37
8. 7화 bloc concurrency 패키지 사용법
18:25
9. 8-1화 이론+setState 방식 :사용자 조회 예제로 보는 bloc 상태관리 2가지 방법
43:21
10. 8-2화 getx 방식 :사용자 조회 예제로 보는 bloc 상태관리 2가지 방법
06:50
11. 8-3화 상속 방식 :사용자 조회 예제로 보는 bloc 상태관리 2가지 방법
22:20
12. 8-4화 copyWith 방식 :사용자 조회 예제로 보는 bloc 상태관리 2가지 방법
14:54
13. 9화 bloc간 통신방법
01:02:15

강의 게시일:

마지막 업데이트일:

수강평

전체

24개

4.9

24개의 수강평

iuiu
수강평 5
∙
평균 평점 4.6
5
31% 수강 후 작성
Thật tốt khi có thể có được những kiến thức cơ bản về khối.
- devman
  지식공유자
  Cảm ơn bạn đã để lại một đánh giá tốt. Chúng tôi sẽ cố gắng chia sẻ kiến thức thông qua các bài giảng tốt hơn trong tương lai. Cảm ơn
fourbbbb
수강평 4
∙
평균 평점 4.8
4
100% 수강 후 작성
Hiện tại, tôi đã thanh toán khóa học trả phí trên ứng dụng review sách và lấy khóa học theo khối làm điều kiện tiên quyết. Trong số các gói quản lý nhà nước, không có nhiều bài giảng đề cập đến Khối. Trước hết, việc có thể nghe những bài giảng hay miễn phí là rất hữu ích. Phần hơi thất vọng có thể là do các bài giảng bạn đưa trên YouTube được phát hành dưới dạng bài giảng miễn phí. Nội dung tôi muốn truyền tải rất hay nhưng cảm giác bài giảng hơi thiếu tổ chức. Tôi cảm thấy việc sửa lỗi mất nhiều thời gian hơn là truyền tải nội dung. Tôi cảm thấy như có ít sự tập trung hơn vào nội dung khối. Tất nhiên, việc cùng nhau trải qua quá trình này rất hữu ích, nhưng có vẻ như nó hơi sai lệch so với mục đích của bài giảng.
- devman
  지식공유자
  Cảm ơn bạn đã đánh giá tốt. Tôi xin lỗi vì bạn cảm thấy thiếu một cái gì đó. Trong tương lai, tôi sẽ trở thành người chia sẻ kiến thức, chuẩn bị và chia sẻ một cách có hệ thống hơn. Cảm ơn bạn ^^
pcdoomco2688
수강평 4
∙
평균 평점 5.0
5
100% 수강 후 작성
Cảm ơn bạn đã cung cấp một bài giảng tuyệt vời miễn phí. Tôi sẽ lắng nghe cẩn thận.
- devman
  지식공유자
  Tôi hy vọng bài giảng này sẽ hữu ích ^^ Cảm ơn bạn đã đánh giá tốt ~!
coen
수강평 52
∙
평균 평점 5.0
5
8% 수강 후 작성
Cảm ơn bạn vì bài giảng thực sự tuyệt vời.
- devman
  지식공유자
  Cảm ơn bạn rất nhiều vì đánh giá tích cực! Mình sẽ tiếp tục là người chia sẻ kiến thức, chia sẻ những thông tin hay ^^ Cảm ơn bạn ~!
dwaynehan46326
수강평 8
∙
평균 평점 5.0
5
92% 수강 후 작성
Thật tuyệt vời khi mỗi lý thuyết đều có mã ví dụ và được giải thích chi tiết! Tôi hy vọng bạn chụp được nhiều hình ảnh của bài giảng.
- devman
  지식공유자
  Cảm ơn bạn đã đánh giá tuyệt vời! Tôi sẽ chuẩn bị và chia sẻ những bài giảng hữu ích trong tương lai. Cảm ơn sức mạnh của bạn!!

무료

개발하는남자님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

[Ứng dụng Block] Tạo ứng dụng thực tế (app review sách): đăng nhập SNS, ứng dụng Firebase, quản lý trạng thái Bloc, GoRouter

devman

Mục đích của khóa học này là đào tạo Khối quản lý trạng thái Flutter bằng cách tạo một ứng dụng thực tế, thay vì mã hóa bản sao đơn giản.

Intermediate

Flutter, bloc, Firebase

[Ứng dụng Block] Tạo ứng dụng thực tế (app review sách): đăng nhập SNS, ứng dụng Firebase, quản lý trạng thái Bloc, GoRouter

devman

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

Phát triển ứng dụng Flutter ngay bây giờ [Danh sách việc cần làm]

kookh09875453

Trong khóa học này, bạn sẽ học cách phát triển ứng dụng di động bằng Flutter. Không còn phải học phát triển ứng dụng Android và iOS riêng biệt nữa! Phát triển giao diện người dùng trong ứng dụng Flutter, liên kết giao diện người dùng với API phụ trợ và tìm hiểu nhà cung cấp mẫu quản lý trạng thái có thể quản lý dữ liệu trên toàn cầu.

Basic

Flutter

Phát triển ứng dụng Flutter ngay bây giờ [Danh sách việc cần làm]

kookh09875453

Tạo dịch vụ kiếm tiền trong 4 tuần cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE

dingcodingco

Không biết code cũng OK! Biến ý tưởng của bạn thành doanh thu thực tế chỉ trong 4 tuần. Sử dụng AI và các công cụ mới nhất, tạo đồng thời website và app rồi kết nối ngay với dịch vụ.

Beginner

Flutter, Next.js, cursor

Tạo dịch vụ kiếm tiền trong 4 tuần cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE

dingcodingco

[Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng Flutter

huhjuang5228

Khóa học này dành cho những người đã học Python nhưng chưa chắc chắn về cách sử dụng nó. Tận dụng 99,9% kiến thức cơ bản của chương trình!!! Hãy thử tạo ứng dụng dịch giọng nói Flutter bằng mã ví dụ cơ bản bằng cách giảm thiểu mã khó. Trò chuyện với chatGPT, dịch cuộc hội thoại với bạn bè nước ngoài, vẽ hình ảnh bằng giọng nói và nâng cấp ứng dụng hội thoại với tinh chỉnh.

Basic

Python, Flutter, ChatGPT

[Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng Flutter

huhjuang5228

Tạo ứng dụng/máy chủ bài kiểm tra trong 1 giờ với Flutter và Django [Full Stack]

taebbong

Đây là bài giảng về cách tạo một ứng dụng bài kiểm tra đầy đủ với Flutter và Django! Trở thành nhà phát triển full-stack với khóa học full-stack này với rất nhiều điều để học hỏi :)

Basic

Django, Flutter

Tạo ứng dụng/máy chủ bài kiểm tra trong 1 giờ với Flutter và Django [Full Stack]

taebbong

Flutter로 만드는 LLM 챗봇 (feat. Gemini)

jasonkang

Mới dùng Flutter ư? Flutter Contributor sẽ hướng dẫn bạn từ đầu! Bắt đầu phát triển Flutter với dự án AI ứng dụng Gemini.

Basic

Flutter, Chatbot, gemini

Flutter로 만드는 LLM 챗봇 (feat. Gemini)

jasonkang

Người không chuyên cũng có thể phát triển ứng dụng cổ phiếu sử dụng AI và dữ liệu công cộng trong 2 giờ (Cách viết code theo cảm hứng miễn phí với Gemini pro)

codebridge

Lập trình, bạn vẫn còn làm một mình sao? Giờ đây là thời đại AI thay thế 95% công việc cho bạn. Khóa học này thay vì ghi nhớ ngữ pháp phức tạp, sẽ hướng dẫn bạn cách biến AI mạnh mẽ 'Gemini Pro' của Google thành đối tác phát triển AI 24/7 của bạn. Trong VS Code, giống như công cụ trả phí Cursor AI, bạn sẽ học miễn phí cách trò chuyện với AI để nắm vững các nguyên lý cơ bản của Flutter, và thông qua các dự án thực tế ở mức độ chuyên nghiệp, biến ý tưởng thành hiện thực.

Beginner

Flutter, Generative AI, Vibe Coding

codebridge

[Code Factory] [Giới thiệu] Chinh phục hoàn toàn ngôn ngữ Dart trong 4 giờ

codefactory

Nếu bạn học ngôn ngữ Dart thông qua khóa học này, bạn có thể nâng cấp lên cấp độ mà bạn có thể bắt đầu sử dụng Flutter!

Beginner

Flutter, oop, Functional Programming

[Code Factory] [Giới thiệu] Chinh phục hoàn toàn ngôn ngữ Dart trong 4 giờ

codefactory

Phát triển game bằng AI trong 2 tiếng dành cho người không chuyên: Chinh phục hoàn toàn nguyên lý cốt lõi phát triển game (Flutter Flame, Gemini, Claude)

codebridge

Khóa học này sẽ trở thành con đường tắt nhanh nhất và chắc chắn nhất để biến những giấc mơ mơ hồ của bạn thành hiện thực. Giờ đây, trí tưởng tượng của bạn sẽ trở thành bản thiết kế game tuyệt vời nhất. Cùng với AI, bạn có thể hoàn thành game đầu tiên của mình một cách thú vị thông qua việc trò chuyện, giống như lắp ráp LEGO vậy.

Beginner

Flutter, Game Planning, game-programming

Phát triển game bằng AI trong 2 tiếng dành cho người không chuyên: Chinh phục hoàn toàn nguyên lý cốt lõi phát triển game (Flutter Flame, Gemini, Claude)

codebridge