![[플러터 상태관리] Bloc 마스터 코스 기초부터 응용까지!강의 썸네일](https://cdn.inflearn.com/public/courses/330400/cover/429fd761-1a91-43b2-90fe-26f1be5956d4/330400-eng.png?f=avif&w=420)
[플러터 상태관리] Bloc 마스터 코스 기초부터 응용까지!
개발하는남자
이 영상 시리즈에서 Bloc에 대해 최대한 이해가 될 수 있도록 설명 및 예제소스가 포함되어있습니다.
초급
Flutter, bloc, stream
플러터 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 패턴인 Cubit 기반으로 한 이 강의는 정말 추천 드립니다. 강의를 다 듣고 실습을 마친 상황에서 느낀 점 몇자 적어 봅니다. <장점> 1> Flutter 에서 알아야 될 핵심 지식을 거의 대부분 다룸 ~ Firebase Authentication, Cloud Firebastore, Firebase Storage ~ 상태관리 : Cubit ~ 중요 컨트롤 : PageView, SliderBar ~ 모델링 : JsonSerializable, Equatable 2> 강사님의 열정 굿! ~ Flutter 초보자들에게 가급적 자세히 설명해 주려고 하는 의지. ~ 오류가 거의 없는 샘플 <아쉬운 부분> ~ 어느 정도 플러터를 접한 사람에게는 정리가 좀 안되어 있다는 느낌 예) 한가지 소스를 한번에 끝내지 않고, 기능 추가에 따른 수정과 개선이 잦음 물론 단점이 어떤 사람이 보기에는 장점이 될 수도 있습니다만, 전체적인 총평은 정말 훌륭한 강의라고 생각되고 강사님의 노력과 전달하려고 하는 의지를 많이 느낄 수 있었습니다. 추가로 강의가 계획되어 있다면 아래 부분을 다뤘줬으면 좋겠습니다. ~ Google, Apple 이외의 Social 인증 (email/password, 카카오, 유투브, ..) ~ Cubit 대신 Bloc 으로 처리 ~ 각종 쓸만한 패키지, 컴포넌트 소개 ~ 인증 프로세스의 다른 예 ~ 페이징 처리의 다른 사용 예 끝으로, 좋은 강의를 제공해 주셔서 감사드립니다. 덕분에 그동안 궁금했던 부분이 많이 해소가 되었습니다.
플러터에 관심이많은 학생입니다 잘보고 수강평 잘남길게요~
강의 내용부터가 새롭습니다. 클론강의나 쇼핑몰같은 기존에 이미 있는 서비스를 바탕으로 한 강의가 대부분인것 같은데, 이 책리뷰는 서비스화 해보고 싶을만큼 매력적인 주제이고 그 안에서 배울게 많네요. 좋았던 점 몇가지 적습니다. 1. 화려하진 않지만 깔끔한 UI (학습을 위한 강의 이기에 ui에 집중하지 않았지만 완성도 있는 심플함...) 2. 디렉토리 구조 설계 및 각 장단점 (매우 공감) 3. 중간중간 문제가 발생했을때 처리해 나아가는 과정까지 그대로 제공 4. 개발을 하면서 리팩토링까지 (이미 리팩토링 한 코드를 입력한게 아니라 의식의 흐름대로 개발하고 리팩토링해 나가는 형식이 좋았음) 5. Cubit을 이용한 BLOC패턴 반복 사용으로 자연스럽게 학습됨 강의 너무 잘 들었습니다. 시간 내서 한번 더 학습 할 계획입니다. 앞으로도 좋은 강의 부탁드리겠습니다! ps, 최근 출간하신 '개발하는남자의 핸즈온플러터' 신경 많으쓰셨더라고요. 플러터 학습을 위해 함께 보면 좋을 것 같습니다. 감사합니다!
우선.... 너무 감사드린다고 말씀드리고싶습니다.. 1. 현재 회사에서 앱개발자 없이 상태관리를 setStatus 로만 상태관리를 진행되어있어서 매일 오류에 직면하고 있는 와중에 상태관리를 개발하는남자님의 무료강의를 들으면서 모든 setStatus 를 bloc 으로 현재 리팩토링겸 진행중이고 많은 도움이 되었습니다 ㅠㅠ. 2. 강의에서 goRouter 를 사용해보고 나서 goRoter 의 핵심을 족집게 강의로 알려주십니다! ( 회사에선 AutoRouter 를 사용하고있는데 goRouter 가훨씬..좋은것 같습니다 ㅠㅠ ) 3. 그리고 모델생성할때 frezzed 대신 JsonSearlizable 사용하는게 코드 유연성도 좋고 정말 좋은것 같습니다!! *** 결론 : 이 강의 하나면 정말 실무에서도 큰 문제없이 해결할수 있습니다..!!! 그리구 질문&답변이 엄청 빠르게 해주셔서 금방금방해결되어서 좋았습니다~
다 보지는 못했지만 정말 좋은 강의입니다.
![[Python 초보] Flutter로 만드는 ChatGPT 음성번역앱강의 썸네일](https://cdn.inflearn.com/public/courses/333668/cover/94589a80-ab05-4bd1-ad98-1e42b75a47fc/333668.png?f=avif&w=420)
![[코드팩토리] [입문] Dart 언어 4시간만에 완전정복강의 썸네일](https://cdn.inflearn.com/public/courses/328577/cover/d7cd62c2-db07-45d8-af8d-a3fa728cd8e7/inflearn-logo.jpg?f=avif&w=420){kind=logo}
![[Unity] 함께 만들어가는 방치형 게임 개발강의 썸네일](https://cdn.inflearn.com/public/courses/334447/cover/a4464cfb-be08-4a40-b6e2-00060b912c1a/334447.png?f=avif&w=420)
