강의

멘토링

커뮤니티

BEST
개발 · 프로그래밍

/

모바일 앱 개발

[Bloc 응용] 실전 앱 만들기 (책 리뷰 앱) : SNS 로그인, Firebase 적용, Bloc 상태 관리, GoRouter

단순 클론코딩이 아닌, 실전 앱을 만들어보며 플러터 상태관리 Bloc을 훈련하는 것이 목적인 강의입니다.

(4.7) 수강평 14개

수강생 224명

난이도 중급이상

수강기한 무제한

  • 개발하는남자
실습 중심
실습 중심
클론코딩
클론코딩
모바일앱
모바일앱
flutter
flutter
실습 중심
실습 중심
클론코딩
클론코딩
모바일앱
모바일앱
flutter
flutter

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

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

4.7

5.0

011414

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 으로 처리 ~ 각종 쓸만한 패키지, 컴포넌트 소개 ~ 인증 프로세스의 다른 예 ~ 페이징 처리의 다른 사용 예 끝으로, 좋은 강의를 제공해 주셔서 감사드립니다. 덕분에 그동안 궁금했던 부분이 많이 해소가 되었습니다.

5.0

winuss

96% 수강 후 작성

강의 내용부터가 새롭습니다. 클론강의나 쇼핑몰같은 기존에 이미 있는 서비스를 바탕으로 한 강의가 대부분인것 같은데, 이 책리뷰는 서비스화 해보고 싶을만큼 매력적인 주제이고 그 안에서 배울게 많네요. 좋았던 점 몇가지 적습니다. 1. 화려하진 않지만 깔끔한 UI (학습을 위한 강의 이기에 ui에 집중하지 않았지만 완성도 있는 심플함...) 2. 디렉토리 구조 설계 및 각 장단점 (매우 공감) 3. 중간중간 문제가 발생했을때 처리해 나아가는 과정까지 그대로 제공 4. 개발을 하면서 리팩토링까지 (이미 리팩토링 한 코드를 입력한게 아니라 의식의 흐름대로 개발하고 리팩토링해 나가는 형식이 좋았음) 5. Cubit을 이용한 BLOC패턴 반복 사용으로 자연스럽게 학습됨 강의 너무 잘 들었습니다. 시간 내서 한번 더 학습 할 계획입니다. 앞으로도 좋은 강의 부탁드리겠습니다! ps, 최근 출간하신 '개발하는남자의 핸즈온플러터' 신경 많으쓰셨더라고요. 플러터 학습을 위해 함께 보면 좋을 것 같습니다. 감사합니다!

5.0

bht9011

23% 수강 후 작성

다 보지는 못했지만 정말 좋은 강의입니다.

수강 후 이런걸 얻을 수 있어요

  • 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,629

수강생

38

수강평

62

답변

4.8

강의 평점

2

강의

프로필

블로그 : 개발하는남자 블로그

유튜브 : 개발하는남자 유튜브

깃허브 : 개발하는남자 깃허브

소개

개발을 즐기는 사람이 되고 싶은 개발자.

안녕하세요 개발하는남자 개남입니다. 

이력

2024.07 📚 개발하는남자의 핸즈온 플러터 책 출간

2023.07 💻 인프런 플러터 Bloc 응용 강의

2023.03 💻 인프런 플러터 Bloc 기초 강의 

커리큘럼

전체

57개 ∙ (13시간 56분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

14개

4.7

14개의 수강평

  • 011414님의 프로필 이미지
    011414

    수강평 7

    평균 평점 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님의 프로필 이미지
    winuss

    수강평 1

    평균 평점 5.0

    5

    96% 수강 후 작성

    강의 내용부터가 새롭습니다. 클론강의나 쇼핑몰같은 기존에 이미 있는 서비스를 바탕으로 한 강의가 대부분인것 같은데, 이 책리뷰는 서비스화 해보고 싶을만큼 매력적인 주제이고 그 안에서 배울게 많네요. 좋았던 점 몇가지 적습니다. 1. 화려하진 않지만 깔끔한 UI (학습을 위한 강의 이기에 ui에 집중하지 않았지만 완성도 있는 심플함...) 2. 디렉토리 구조 설계 및 각 장단점 (매우 공감) 3. 중간중간 문제가 발생했을때 처리해 나아가는 과정까지 그대로 제공 4. 개발을 하면서 리팩토링까지 (이미 리팩토링 한 코드를 입력한게 아니라 의식의 흐름대로 개발하고 리팩토링해 나가는 형식이 좋았음) 5. Cubit을 이용한 BLOC패턴 반복 사용으로 자연스럽게 학습됨 강의 너무 잘 들었습니다. 시간 내서 한번 더 학습 할 계획입니다. 앞으로도 좋은 강의 부탁드리겠습니다! ps, 최근 출간하신 '개발하는남자의 핸즈온플러터' 신경 많으쓰셨더라고요. 플러터 학습을 위해 함께 보면 좋을 것 같습니다. 감사합니다!

    • 개발하는남자
      지식공유자

      너무 좋은 수강평 남겨주셔서 감사합니다. 그리고 좋으셨던 부분을 읽어보니 얼마나 강의에 집중하셨고 공부하셨는지를 느낄 수 있어서 더욱 힘이 나는 수강평입니다. 앞으로 더욱 도움이되는 영상강의 공유 하도록 노력하겠습니다 ps 책까지 구매해주셔서 너무 감사합니다~!

  • bht9011님의 프로필 이미지
    bht9011

    수강평 67

    평균 평점 5.0

    5

    23% 수강 후 작성

    다 보지는 못했지만 정말 좋은 강의입니다.

    • 개발하는남자
      지식공유자

      끝까지 완주 하시길 응원합니다. ^^ 긍정적인 리뷰 감사합니다.

  • 열심히님의 프로필 이미지
    열심히

    수강평 6

    평균 평점 5.0

    5

    93% 수강 후 작성

    우선.... 너무 감사드린다고 말씀드리고싶습니다.. 1. 현재 회사에서 앱개발자 없이 상태관리를 setStatus 로만 상태관리를 진행되어있어서 매일 오류에 직면하고 있는 와중에 상태관리를 개발하는남자님의 무료강의를 들으면서 모든 setStatus 를 bloc 으로 현재 리팩토링겸 진행중이고 많은 도움이 되었습니다 ㅠㅠ. 2. 강의에서 goRouter 를 사용해보고 나서 goRoter 의 핵심을 족집게 강의로 알려주십니다! ( 회사에선 AutoRouter 를 사용하고있는데 goRouter 가훨씬..좋은것 같습니다 ㅠㅠ ) 3. 그리고 모델생성할때 frezzed 대신 JsonSearlizable 사용하는게 코드 유연성도 좋고 정말 좋은것 같습니다!! *** 결론 : 이 강의 하나면 정말 실무에서도 큰 문제없이 해결할수 있습니다..!!! 그리구 질문&답변이 엄청 빠르게 해주셔서 금방금방해결되어서 좋았습니다~

    • 개발하는남자
      지식공유자

      닉네임처럼 열심히해주셔서 감사합니다~! 실무 프로젝트에서 진행중에 계시는 군요 ^^ 도움이 되셨다니 다행입니다. 앞으로도 궁금하신 사항이 있으면 메일 보내주시면 도움 드릴 수 있도록 하겠습니다 . 감사합니다 ~!

  • pc.doomco님의 프로필 이미지
    pc.doomco

    수강평 4

    평균 평점 5.0

    5

    100% 수강 후 작성

    플러터에 관심이많은 학생입니다 잘보고 수강평 잘남길게요~

    • 개발하는남자
      지식공유자

      감사합니다 ~! 이 강의가 pc.doomco님께 도움이 되었으면 좋겠습니다 ^^ 평 남겨주셔서 감사합니다 ~!

₩66,000

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

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

비슷한 강의

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