![[플러터 상태관리] Bloc 마스터 코스 기초부터 응용까지!강의 썸네일](https://cdn.inflearn.com/public/courses/330400/cover/429fd761-1a91-43b2-90fe-26f1be5956d4/330400-eng.png?w=420)
[플러터 상태관리] Bloc 마스터 코스 기초부터 응용까지!
개발하는남자
이 영상 시리즈에서 Bloc에 대해 최대한 이해가 될 수 있도록 설명 및 예제소스가 포함되어있습니다.
초급
Flutter, bloc, stream
BEST
[Bloc 응용] 실전 앱 만들기 (책 리뷰 앱) : SNS 로그인, Firebase 적용, Bloc 상태 관리, GoRouter
단순 클론코딩이 아닌, 실전 앱을 만들어보며 플러터 상태관리 Bloc을 훈련하는 것이 목적인 강의입니다.
중급자를 위해 준비한
[모바일 앱 개발] 강의입니다.
이런 걸 배울 수 있어요
Flutter
Bloc 상태관리
GoRouter를 이용한 라우트 처리
Dio를 활용 Naver Open API 사용
Firebase Database
Firebase SNS 로그인 (Google, Apple)
플러터 Bloc은 실무에 어떻게 쓰냐고요?
이 강의에서 확인해보세요! 🤗
단순 유틸성 앱은 만들 수 있는데...
다양한 기능이 포함된 규모가 있는 서비스 앱은 어떻게 만들 수 있을까 고민하고 계신가요?
단순 따라하기식 클론코딩 NO! Flutter Bloc을 통한 상태관리
Naver Book API를 활용한 책 리뷰 앱 만들기!
이번 강의는?
- 실무에서 사용할 수 있는 다양한 기능들을 담아 함께 개발하며 학습할 수 있도록 만들었습니다.
- 단순히 코드 입력하고 따라하는 방식이 아닌 구조 설명 및 flow 등을 설명하여 앱을 만들어가면서 생길 수 있는 궁금한 사항들을 다뤘습니다.
- Naver open API를 신청하여 활용하는 방법과 파이어베이스를 활용하여 데이터베이스 인증시스템 및 파일 업로드 등 실전에서 활용할 수 있는 기능들을 학습할 수 있도록 정리되었습니다.
학습 내용 📚
1. 프로젝트 세팅
- 프로젝트 생성 및 Github 연동
- 초기 플러터 프로젝트 의존성
- 기본적 프로젝트 프레임 세팅
- 폴더 구조 설명
- 앱 실행 Flow 설명
- 기본 route 설정
2. 외부 연동
- Naver Open API 책 api 신청 및 Post Man을 활용 api 사용
- 파이어베이스 프로젝트 연동 및 설정
- Naver Open API 와 파이어베이스 데이터 flow 설명
- Dio를 통한 Naver Open API 세팅
3. Splash 페이지 / 앱 소개 페이지
- 앱 실행 시 항상 마주하는 페이지 및 앱 최초 실행 시 앱을 소개하는 페이지를 간단히 만들어봅니다.
4. SNS 로그인 및 회원가입
- 파이어베이스 SNS 로그인 Google과 Apple을 설정해봅니다.
- GoRouter를 통해 로그인 및 회원가입 상태에 따라 자동 Routing하는 방법을 학습합니다.
- 간단한 정보로 회원가입을 진행하지만 프로필 이미지도 입력받아 파일업로드하는 방법도 알아봅니다.
5. 검색
- 네이버 책 API를 통해 데이터를 받아와 화면을 만들어줍니다.
- 네이버 Open API의 Pagination을 살펴보고 페이징 처리를 하는 방법을 학습합니다.
6. 책 상세페이지 및 리뷰 작성 페이지
- 네이버 책 API를 바탕으로 상세 페이지를 만들어봅니다.
- 리뷰 정보가 있을 때와 없을 때의 화면을 구성한 다음, 리뷰 작성 기능까지 적용해봅니다.
7. 리뷰 상세페이지
- 회원 리뷰를 확인할 수 있는 페이지를 만들어봅니다.
- 다른 사람의 공감을 얻을 수 있도록 좋아요 기능을 적용해봅니다.
8. 회원 페이지
- 회원 페이지에서 어떤 작품들을 리뷰했는지 확인할 수 있도록 만들어봅니다.
- 리뷰 정보가 마음에 드는 회원의 정보를 앞으로도 확인할 수 있도록 즐겨찾기 기능을 통해 팔로우/팔로잉 기능을 구현해봅니다.
9. 홈 화면
- 최신 리뷰어 정보 / 인기있는 리뷰어 Top 10 정보로 홈 화면을 구성하고 만들어봅니다.
- PageView를 통해 가로로 나열하는 위젯을 만들어봅니다.
번외편 - 1편
- 번외편으로 즐겨찾는 리뷰어들의 소식만을 확인할 수 있는 페이지를 만들어볼 것입니다.
- 홈화면에서 최신리뷰 TOP10만 볼 수 있던 부분을 더보기 메뉴를 통해 더 많은 리뷰를 최신 순서로 확인할 수 있도록 구성을 합니다.
번외편 - 2편
- 리뷰어 페이지에서 마이페이지로 접근할 때 즐겨찾기 메뉴 대신 설정 메뉴를 통해 닉네임, 한줄 소개, 프로필 이미지를 변경할 수 있도록 개선합니다.
- 로그아웃 버튼을 통해 다른 계정으로도 접근할 수 있도록 개선합니다.
예상 질문 Q&A 💬
Q. 플러터 최신 버전이 호환되나요?
강의 준비 시점에서 플러터 최신 버전 3.10.0 버전으로 작업되었습니다. 메이저 버전이 바뀌지 않는 한 호환에 문제는 없을 것입니다.
Q. 플러터 입문자도 이해할 수 있을까요?
프로젝트 생성부터 폴더 구성, 화면 구성하는 기초적인 부분도 다루긴 하지만 앱 만들기의 핵심이 되는 상태관리 및 API 활용 등에 다루기 때문에 다소 어렵게 느껴지실 수는 있습니다. 하지만 입문자라도 [Bloc 마스터 코스 기초부터 응용까지]의 영상을 통해 학습을 마치셨다면 충분히 이 강의를 통해 실력을 상승시킬 수 있을 것입니다. 단지 입문자라면 한 번 영상 보는 것만으로는 내용이 마스터되지는 않으실 테니 반복해서 학습하시는 것을 추천드립니다.
Q. 상태 관리를 Bloc으로 선택하신 이유가 있을까요?
앱 개발에 있어서 상태관리는 필수입니다. 상태관리를 도와주는 라이브러리가 많이 존재합니다. 어떤 걸 사용하더라도 앱은 개발할 수 있습니다. 하지만 Bloc을 통해 강의를 만든 이유는 국내/해외 커뮤니티에서 대규모 프로젝트의 경우 가장 적합한 상태관리로 단연 Bloc을 선택하고 있기 때문입니다. 저 역시 Bloc으로도, Getx으로도 프로젝트를 진행해 보았지만 유지보수 측면에서 Bloc에 장점이 많았습니다. 하여 이번 강의에서는 Bloc을 선택하였고 무료강의 [Bloc 마스터 코스 기초부터 응용까지]도 Bloc 기반으로 제작하였습니다. Bloc을 실전으로 응용해보면서 직접 Bloc을 활용하게 하여 더욱 학습에 도움이 되고자 선택한 이유도 있습니다.
Q. Bloc을 잘 몰라도 이번 강의를 통해 배울 수 있나요?
이번 강의는 Bloc 사용에 익숙해지기 위한 목적의 프로젝트입니다. 하여 Bloc에 대한 설명은 생략합니다. 반드시 Bloc을 학습하시고 시청하는 것을 권장드리며, 제가 오픈한 무료강의 [Bloc 마스터 코스 기초부터 응용까지]를 바탕으로 학습하시는 것을 추천드립니다.
Q. 번외편은 무엇인가요?
번외편은 기존 계획했던 기능이 아니었지만 강의를 준비하면서 번외편의 기능까지 포함하여 공부하면 수강하시는 분들에게 도움이 될 것 같아 추가할 영상들입니다. 즉, 번외편은 추후 업데이트되는 수업 영상이 되겠습니다. 이 강의를 수강하시면 추가 비용 없이 업데이트되는 수업 역시 학습하실 수 있습니다.
Q. 사용된 소스는 제공되나요?
앱을 만들기 위해 디자인 리소스 및 완성된 풀소스 역시 제공됩니다. 풀소스만으로 소스 분석하셔도 도움이 되겠지만, 아무래도 처음부터 함께 만들어가면서 학습하면 좀 더 이해가 될 것입니다.
이런 분들께
추천드려요!
학습 대상은
누구일까요?
간단한 앱 정도는 만들어봤지만 실전 앱을 만드는 데 도움이 필요하신 분들
Bloc 상태관리를 실전 앱에서 어떻게 활용하는지 배우고 싶으신 분들
1인 개발자로 앱을 서비스 하고 싶으신 분들
[플러터 상태관리] Bloc 마스터 코스 기초부터 응용까지! 강의를 학습하신 분들
선수 지식,
필요할까요?
[플러터 상태관리] Bloc 마스터 코스 기초부터 응용까지! 무료 강의 학습 후 수강해주세요. (기초 Bloc 사용법에 대해서는 다루지 않습니다.)
1,532
명
수강생
34
개
수강평
61
개
답변
4.8
점
강의 평점
2
개
강의
프로필
블로그 : 개발하는남자 블로그
유튜브 : 개발하는남자 유튜브
깃허브 : 개발하는남자 깃허브
소개
개발을 즐기는 사람이 되고 싶은 개발자.
안녕하세요 개발하는남자 개남입니다.
이력
2024.07 📚 개발하는남자의 핸즈온 플러터 책 출간
2023.07 💻 인프런 플러터 Bloc 응용 강의
2023.03 💻 인프런 플러터 Bloc 기초 강의
커리큘럼
전체
57개 ∙ (13시간 56분)
해당 강의에서 제공:
수업자료
강의 게시일:
마지막 업데이트일:
수강평
전체
14개
4.7
14개의 수강평
011414수강평 6
∙
평균 평점 5.0
5
100% 수강 후 작성이제야 한바퀴 돌아서 수강평을 남깁니다. 시중에 별로인 강의도 많고, 괜찮은 강의도 많고 수많은 서적과 사이트, 강의를 봤는데요. Bloc 패턴인 Cubit 기반으로 한 이 강의는 정말 추천 드립니다. 강의를 다 듣고 실습을 마친 상황에서 느낀 점 몇자 적어 봅니다. <장점> 1> Flutter 에서 알아야 될 핵심 지식을 거의 대부분 다룸 ~ Firebase Authentication, Cloud Firebastore, Firebase Storage ~ 상태관리 : Cubit ~ 중요 컨트롤 : PageView, SliderBar ~ 모델링 : JsonSerializable, Equatable 2> 강사님의 열정 굿! ~ Flutter 초보자들에게 가급적 자세히 설명해 주려고 하는 의지. ~ 오류가 거의 없는 샘플 <아쉬운 부분> ~ 어느 정도 플러터를 접한 사람에게는 정리가 좀 안되어 있다는 느낌 예) 한가지 소스를 한번에 끝내지 않고, 기능 추가에 따른 수정과 개선이 잦음 물론 단점이 어떤 사람이 보기에는 장점이 될 수도 있습니다만, 전체적인 총평은 정말 훌륭한 강의라고 생각되고 강사님의 노력과 전달하려고 하는 의지를 많이 느낄 수 있었습니다. 추가로 강의가 계획되어 있다면 아래 부분을 다뤘줬으면 좋겠습니다. ~ Google, Apple 이외의 Social 인증 (email/password, 카카오, 유투브, ..) ~ Cubit 대신 Bloc 으로 처리 ~ 각종 쓸만한 패키지, 컴포넌트 소개 ~ 인증 프로세스의 다른 예 ~ 페이징 처리의 다른 사용 예 끝으로, 좋은 강의를 제공해 주셔서 감사드립니다. 덕분에 그동안 궁금했던 부분이 많이 해소가 되었습니다.
- 개발하는남자지식공유자
011414님 진심이 담긴 수강평 감사합니다. 또한 장점과 아쉬운 부분까지 말씀해 주시니 부족한 점이 어떤 것인지 알 수 있었습니다. 강의를 준비하면서 최대한 쉽고 이해를 주기 위해서 노력하면서 만들었는데 그 부분을 느끼셨다니 이보다 좋은 수강평은 없는 것 같습니다. 최근 ^^:; 개인적인 문제로 유튜브나 인프런 강의등을 작업하지 못하고 있는 실정입니다만 이렇게 좋은 평을 읽고 나니 힘이 나네요 ~! 개인적인 문제는 앞으로 3개월 내에 해결될 예정이라 그 이후에 추가로 요청 주신 내용을 인프런이나 유튜브에 공유 하도록 노력하겠습니다. 다시한번 감사합니다 ^^
- winuss
수강평 1
∙
평균 평점 5.0
5
96% 수강 후 작성강의 내용부터가 새롭습니다. 클론강의나 쇼핑몰같은 기존에 이미 있는 서비스를 바탕으로 한 강의가 대부분인것 같은데, 이 책리뷰는 서비스화 해보고 싶을만큼 매력적인 주제이고 그 안에서 배울게 많네요. 좋았던 점 몇가지 적습니다. 1. 화려하진 않지만 깔끔한 UI (학습을 위한 강의 이기에 ui에 집중하지 않았지만 완성도 있는 심플함...) 2. 디렉토리 구조 설계 및 각 장단점 (매우 공감) 3. 중간중간 문제가 발생했을때 처리해 나아가는 과정까지 그대로 제공 4. 개발을 하면서 리팩토링까지 (이미 리팩토링 한 코드를 입력한게 아니라 의식의 흐름대로 개발하고 리팩토링해 나가는 형식이 좋았음) 5. Cubit을 이용한 BLOC패턴 반복 사용으로 자연스럽게 학습됨 강의 너무 잘 들었습니다. 시간 내서 한번 더 학습 할 계획입니다. 앞으로도 좋은 강의 부탁드리겠습니다! ps, 최근 출간하신 '개발하는남자의 핸즈온플러터' 신경 많으쓰셨더라고요. 플러터 학습을 위해 함께 보면 좋을 것 같습니다. 감사합니다!
- 개발하는남자지식공유자
너무 좋은 수강평 남겨주셔서 감사합니다. 그리고 좋으셨던 부분을 읽어보니 얼마나 강의에 집중하셨고 공부하셨는지를 느낄 수 있어서 더욱 힘이 나는 수강평입니다. 앞으로 더욱 도움이되는 영상강의 공유 하도록 노력하겠습니다 ps 책까지 구매해주셔서 너무 감사합니다~!
- 열심히
수강평 6
∙
평균 평점 5.0
5
93% 수강 후 작성우선.... 너무 감사드린다고 말씀드리고싶습니다.. 1. 현재 회사에서 앱개발자 없이 상태관리를 setStatus 로만 상태관리를 진행되어있어서 매일 오류에 직면하고 있는 와중에 상태관리를 개발하는남자님의 무료강의를 들으면서 모든 setStatus 를 bloc 으로 현재 리팩토링겸 진행중이고 많은 도움이 되었습니다 ㅠㅠ. 2. 강의에서 goRouter 를 사용해보고 나서 goRoter 의 핵심을 족집게 강의로 알려주십니다! ( 회사에선 AutoRouter 를 사용하고있는데 goRouter 가훨씬..좋은것 같습니다 ㅠㅠ ) 3. 그리고 모델생성할때 frezzed 대신 JsonSearlizable 사용하는게 코드 유연성도 좋고 정말 좋은것 같습니다!! *** 결론 : 이 강의 하나면 정말 실무에서도 큰 문제없이 해결할수 있습니다..!!! 그리구 질문&답변이 엄청 빠르게 해주셔서 금방금방해결되어서 좋았습니다~
- 개발하는남자지식공유자
닉네임처럼 열심히해주셔서 감사합니다~! 실무 프로젝트에서 진행중에 계시는 군요 ^^ 도움이 되셨다니 다행입니다. 앞으로도 궁금하신 사항이 있으면 메일 보내주시면 도움 드릴 수 있도록 하겠습니다 . 감사합니다 ~!
개발하는남자님의 다른 강의
지식공유자님의 다른 강의를 만나보세요!
비슷한 강의
같은 분야의 다른 강의를 만나보세요!
![[초중급] Flutter Todo 앱 - FlutterBloc강의 썸네일](https://cdn.inflearn.com/public/courses/330279/cover/4c0a7253-08fe-464d-a668-cd6e742597c8/330279-eng.png?w=420)
![[Python 초보] Flutter로 만드는 ChatGPT 음성번역앱강의 썸네일](https://cdn.inflearn.com/public/courses/333668/cover/94589a80-ab05-4bd1-ad98-1e42b75a47fc/333668.png?w=420)
![[Unity] 함께 만들어가는 방치형 게임 개발강의 썸네일](https://cdn.inflearn.com/public/courses/334447/cover/a4464cfb-be08-4a40-b6e2-00060b912c1a/334447.png?w=420)
![[코드팩토리] [입문] Dart 언어 4시간만에 완전정복강의 썸네일](https://cdn.inflearn.com/public/courses/328577/cover/d7cd62c2-db07-45d8-af8d-a3fa728cd8e7/inflearn-logo.jpg?w=420){kind=logo}