Inflearn brand logo image
Inflearn brand logo image
개발 · 프로그래밍

/

모바일 앱 개발

Flutter로 메신저앱 만들기

Flutter의 Riverpod 상태 관리와 Firebase를 활용해서 메신저 앱을 제작합니다.

(5.0) 수강평 4개

수강생 84명

FlutterFirebaseriverpoddartAndroid

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

이런 걸 배울 수 있어요

  • Riverpod 을 활용한 상태관리

  • Firebase Auth를 활용한 전화번호 인증 가입 및 로그인

  • Cloud Storage를 활용한 이미지 / 동영상 파일 업로드

  • Firestore의 Transation / Batch

  • Flutter 와 Firebase 서비스를 활용한 채팅 (1:1 / 그룹)

  • 미디어 메시지 전송 (이미지 / 동영상)

  • 답글 메시지

  • 푸시 알림 (채팅 메시지 알림)

  • 다국어 / 테마 변경

  • Flutter Animation

Flutter로 대한민국 대표 메신저앱
KTalk 만들기!

Flutter 로 만드는 메신저앱!

실무에서 사용할 수 있는 다양한 기능을 학습할 수 있도록 강의를 만들었습니다.
유명 메신저앱을 만들며 꼭 필요한 플러터 관련 기능을 학습해 보세요!

1. 전화번호 인증 및 회원가입 / 로그인

  • Firebase Authentication 의 전화번호 인증을 사용해서 회원가입 및 로그인 기능을 구현합니다.

2. Light/Dark Theme

  • Riverpod 을 사용해서 밝음, 어두움 테마 기능을 구현합니다.

3. 다국어

  • Riverpod, flutter_localizations, intl 패키지를 사용해서 다국어 기능을 구현합니다.

4. 채팅방 생성/텍스트 메시지 전송

  • 친구 목록에서 1:1 채팅방을 생성하고 텍스트 메시지를 전송 기능을 구현합니다.

5. 이미지 메시지 전송

  • firebase storage, image_picker 를 사용해서 이미지 메시지 전송 기능을 구현합니다.

6. 동영상 메시지 전송

  • firebase storage, image_picker, flutter_file_downloader 를 사용해서 동영상 메시지 전송 기능을 구현합니다.

7. 답글

  • flutter animation 을 사용해서 답글 기능을 구현합니다.

8. 그룹 채팅

  • 3명 이상이 참여하는 그룹 채팅 기능을 구현합니다.

9. Toast 메시지 알림

  • fluttertoast 를 사용해서 새로운 메시지 알림 기능을 구현합니다.

10. Push Notification 메시지 알림

  • flutter_local_notifications 을 사용해서 Push 메시지 알림 기능을 구현합니다.

수강 전 참고 사항

실습 환경

  • 실습 환경으로는 Windows 10, Android Studio를 요구합니다.

  • Flutter 개발 환경이 구축되어 있어야 합니다. (강의에서는 3.22.1 버전을 사용합니다.)

  • 수강생에게는 최종 소스 코드와 실습 자료(이미지 파일 등)를 제공합니다.

  • Flutter 기초 지식 및 상태 관리 기초 지식이 필요하며, Flutter를 이용해 To-do 앱 내지 간단한 메모장을 만든 경험이 있다면 충분히 수강하실 수 있습니다.

  • 강의 내용은 Android에 맞춰져 있습니다.


학습 대상

  • 메신저 앱을 만들고 싶으신 분

  • Todo 앱 다음 단계로 넘어가고 싶은 분

  • Riverpod 상태 관리를 학습하고 싶은 분

  • 각종 Firebase 서비스를 경험하고 싶은 분

선수 지식 및 유의사항

  • Flutter로 간단한 앱을 만들 정도의 스킬

  • 상태관리에 대한 기초 지식

  • 2024년 11월 1일 부터, Firebase 의 각종 서비스를 사용하기 위해서는 서비스 사용량에 따라 요금이 책정되는 Blaze 요금제를 이용하도록 변경되었습니다. Blaze 요금제를 이용하기 위해서는 신용카드 등록이 필요합니다. 다만, 무료 사용량을 초과하지 않는 이상, 요금이 청구되지 않으며 강의 내용은 무료 사용량 내에서 충분히 작업이 가능할 것으로 생각합니다. 자세한 내용은 Firebase 의 요금 정책을 참고바랍니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 메신저 앱을 만들고 싶으신 분

  • Riverpod 상태 관리를 학습하고 싶은 분

  • Firebase 의 주요 서비스를 경험하고 싶은 분

선수 지식,
필요할까요?

  • Flutter로 간단한 앱을 만들 정도의 스킬

  • 상태관리에 대한 기초 지식

안녕하세요
DEV MOO입니다.

189

명

수강생

12

개

수강평

100

개

답변

5.0

점

강의 평점

2

개

강의

안녕하세요

한국, 일본에서 웹 개발 및 안드로이드 앱 개발자로 활동했습니다.
프로그래밍 강사로도 활동하면서 지식을 전파하여 사람을 가르친다는 일에
책임감을 갖고 학생분들이 성장하는 모습에 보람을 느끼고 있습니다.

excusme@naver.com

더보기

커리큘럼

전체

75개 ∙ (18시간 52분)

해당 강의에서 제공:

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

수강평

전체

4개

5.0

4개의 수강평

  • 투먼쓰님의 프로필 이미지
    투먼쓰

    수강평 2

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    카카오톡 / 인스타 두 강의 모두 들었습니다. 겹치는 내용이 많이 있을 줄 알았는데, 두 강의 모두에서 각자 새롭게 배울 수 있는 부분을 넣으시려고 꼼꼼히 신경쓰신것 같아요. 좋은 강의 감사드립니다.

    • fletcher_seth2335님의 프로필 이미지
      fletcher_seth2335

      수강평 5

      ∙

      평균 평점 5.0

      5

      21% 수강 후 작성

      좋은 강의 만들어주셔서 감사합니다 ^^ Flutter를 이용해서 카카오톡 클론코딩을 해보고 싶었는데 강사님 덕분에 해당 코드의 구조에 대해서 한층 더 깊게 이해할 수 있게 되어 정말 좋습니다 ^^

      • DEV MOO
        지식공유자

        감사합니다!

    • 강민성님의 프로필 이미지
      강민성

      수강평 1

      ∙

      평균 평점 5.0

      5

      100% 수강 후 작성

      기존 실력은 플러터로 간단한 앱만 여러개 만들었는데 그때마다 뭔가 부족한 느낌이었습니다. 이번에 채팅앱 만들기 강의를 통해서 실전에서 사용 가능할 만한 앱의 기능들을 구현할 수 있어서 매우 유익했습니다. riverpod 사용방법을 몰라서 애를 먹었는데 강의를 보면서 상태관리가 어떤식으로 사용되는지 생각하며 공부할 수 있었습니다. 플러터 초보에서 막히신 분이라면 꼭 이 강의를 추천하고 싶습니다!!

      • DEV MOO
        지식공유자

        감사합니다!

    • 011414님의 프로필 이미지
      011414

      수강평 6

      ∙

      평균 평점 5.0

      5

      100% 수강 후 작성

      처음 쭉 한번 듣고, 두번째는 처음부터 끝까지 따라해 봤습니다. 전체적으로 군더더기 없고 깔끔한 소스여서,, 공부하기도 굉장히 좋았고, 많은 것을 얻을 수 있는 강의였습니다. 다만, 한가지 아쉬운 점은 Flutter 강의 임에도 불구하고, Android 버전만 가능하다는 부분입니다. 이 부분만 보완이 된다면,, 채팅과 관련된 거의 모든 기능이 들어 있는 훌륭한 Flutter 강의가 될 것으로 자부합니다. 강의 준비하시느라 정말 고생 많으셨습니다.

      DEV MOO님의 다른 강의

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

      Flutter로 SNS 앱 만들기강의 썸네일

      Flutter로 SNS 앱 만들기

      DEV MOO

      Flutter의 Provider / StateNotifier 상태 관리와 Firebase를 활용해서 SNS 앱을 제작합니다.

      초급

      초급

      Flutter, dart, Firebase

      비슷한 강의

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

      Flutter로 SNS 앱 만들기강의 썸네일

      Flutter로 SNS 앱 만들기

      DEV MOO

      Flutter의 Provider / StateNotifier 상태 관리와 Firebase를 활용해서 SNS 앱을 제작합니다.

      초급

      초급

      Flutter, dart, Firebase

      [2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js강의 썸네일

      [2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js

      David

      "요즘 누가 유료로 웹서비스 구축하나, Firebase의 모든 것" 강의가 Vue.js로 새로 돌아왔습니다. 1인 창업을 꿈꾸는 초급 개발자를 위한 바이블이 되어드립니다.

      초급

      초급

      Firebase, Vue.js, PWA

      350개의 개인 앱을 만들어 월급의 7배 수익을 달성한 방법

      프로그래밍좀비

      350개의 앱을 통해 월급의 2~7배를 벌게 된 7년간의 여정과 노하우를 모두 담았습니다. 이제는 당신이 그 주인공이 될 차례입니다.

      초급

      초급

      Android, Google Ads, admob

      하울의 안드로이드 인스타그램 클론 만들기강의 썸네일

      하울의 안드로이드 인스타그램 클론 만들기

      하울

      이 강좌를 통해서 인스타그램 앱을 만들 수 있습니다.

      초급

      초급

      Android, Kotlin, 클론코딩

      따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]강의 썸네일

      따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

      John Ahn

      이 강의를 통해서 리액트와 파이어베이스를 이용해서 채팅 어플리케이션을 만들수 있습니다.

      초급

      초급

      React, Firebase, 웹앱

      [Python 초보] Flutter로 만드는 ChatGPT 음성번역앱강의 썸네일

      [Python 초보] Flutter로 만드는 ChatGPT 음성번역앱

      다비

      Python 배우긴 했는데, 어떻게 활용할지 막막한 분을 위한 강의입니다. 프로그램 기초지식을 99.9% 활용!!! 어려운 코드를 최소화하여 기본 예제코드를 가지고 만드는 Flutter 음성번역앱에 도전해보세요. chatGPT와 대화하고, 외국인 친구와 하는 대화를 번역해주고, 음성으로 이미지를 그리고, 파인튜닝으로 대화앱을 업그레이드합니다.

      초급

      초급

      Python, Flutter, ChatGPT

      너네 백엔드 하고 싶은 거 있으면 얼마든지 해 난 괜찮어 왜냐면 나는 파이어베이스가 있어강의 썸네일

      너네 백엔드 하고 싶은 거 있으면 얼마든지 해 난 괜찮어 왜냐면 나는 파이어베이스가 있어

      제주코딩베이스캠프

      프론트엔드 개발자인데 로그인 기능을 구현하지 못해 아쉬웠던 적 있으신가요? DB를 이용해 데이터를 저장하고 불러오는 기능을 구현하고 싶지만 쿼리를 공부하기는 부담스러우셨나요? 파이어베이스라면 쉽게 가능합니다! 리액트와 파이어베이스의 힘으로 유저 인증, 데이터 저장, 호스팅 등 웹 개발에 필수적인 기능들을 같이 구현해봅시다! (해당 강의는 22년 8월 녹화로 파이어베이스의 메이저 업데이트를 반영한 강의입니다.)

      초급

      초급

      Firebase, React

      Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)강의 썸네일

      Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

      짐코딩

      Vue3 & Firebase(v10)를 활용하여 커뮤니티를 만드는 강의로 Vue3 실전 활용법, Firebase 기초부터 실전, 최신 웹 기술 활용법, 지식공유자 경험 공유 등 다양한 방면으로 개발자로써 한 단계 성장할 수 있도록 돕습니다!

      중급이상

      중급이상

      Vue.js, Firebase, Quasar

      FlutterFlow 쉽게하는 노코드 앱개발강의 썸네일

      FlutterFlow 쉽게하는 노코드 앱개발

      U진

      코딩 없이도 나만의 앱을 만들 수 있다! 🚀 초보자도 따라 할 수 있는 노코드 입문 강의! FlutterFlow를 활용한 실전 앱 개발로 쉽고 빠르게 앱을 완성해보세요.

      입문

      입문

      FlutterFlow, Firebase, No-code

      풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기강의 썸네일

      풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

      정재남

      개발부터 배포까지! 하나의 서비스를 완성하기 위한 험난한 여정을 여과없이 보여드립니다. 처음 써보는 기술들을 잔뜩 도입하여 좌충우돌 우당탕탕하면서도 어떻게든 헤쳐나갈 수 있어요!

      초급

      초급

      React, GraphQL, Firebase

      초보자를 위한 Dart Practice강의 썸네일

      초보자를 위한 Dart Practice

      오디-평범한개발자

      Flutter 개발을 하려면 Dart를 알아야 합니다. Dart의 꼭 필요한 내용만 콕콕 집어 연습하고, 익히는 과정입니다.

      입문

      입문

      dart, Flutter

      개발하는 정대리 다트 기초 문법강의 썸네일

      개발하는 정대리 다트 기초 문법

      개발하는 정대리

      플러터 개발에 사용되는 다트 언어를 알아보는 강좌 입니다

      입문

      입문

      Flutter, dart

      쉬운 모바일 테스트 자동화 시작하기 : Appium Studio강의 썸네일

      쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

      QA대디

      Android 및 iOS 장치에서 테스트 자동화 개발이 궁금하신 모든 분을 위한 강의입니다. 이 강의를 통해 모바일 장치에서 자동화 테스트를 수행할 수 있게 됩니다.

      입문

      입문

      Appium Studio, 소프트웨어 테스트, QA(품질보증)

      Flutter로 만드는 LLM 챗봇 (feat. Gemini)강의 썸네일

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

      강병진

      Flutter가 처음이신가요? Flutter Contributor가 처음부터 하나씩 소개해드립니다! Gemini를 활용한 AI 프로젝트로 Flutter 개발을 시작해보세요

      초급

      초급

      Flutter, 챗봇, gemini

      React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling강의 썸네일

      React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling

      브라이트코딩

      이 강의를 통해 파이어베이스로 DB의 관계를 구현하는 방법을 배우시게 됩니다. 빠르게 리액트 풀스택 개발자가 될 수 있습니다. 고용이 불안정한 지금 이 시대에는 새로운 기술을 배워 자신의 가치를 올려야 합니다. 그리고 무언가를 만들어야 합니다. 그 사이드 프로젝트와 아이디어를 구현 할 때 데이터의 "관계"를 구현할 수 있어야 합니다. 이 강의는 파이어베이스 "파이어스토어"로 "관계"를 구현할 수 있도록 도와 드립니다.

      초급

      초급

      Firebase, React, firestore

      윤재성의 안드로이드를 위한 자바(JAVA) 프로그래밍강의 썸네일

      윤재성의 안드로이드를 위한 자바(JAVA) 프로그래밍

      소프트캠퍼스

      안드로이드 앱개발을 위해 꼭 필요한 자바 부분을 선별해서 강의를 만들었습니다. 총 강의 시간 13시간 30분입니다. 안드로이드 개발하기전에 한번 정리 하시면 많은 도움이 될것입니다. 유튜브 소프트캠퍼스 채널에 더 많은 강의가 있습니다. 많은 도움이 되었으면 합니다. 강사 윤재성 강사

      입문

      입문

      Java, Android

      파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기강의 썸네일

      파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

      신휴창

      파이어베이스에 대한 소개와 파이어베이스의 기능을 이용한 웹, 안드로이드 어플리케이션을 만드는 강좌 입니다.

      초급

      초급

      Android, Firebase

      [Unity] 함께 만들어가는 방치형 게임 개발강의 썸네일

      [Unity] 함께 만들어가는 방치형 게임 개발

      Pinous

      해당 강의는 방치형 게임을 만들어가면서 수익 창출을 목적으로 한 모바일 게임 개발을 진행하는데 중점을 두고 있습니다.

      중급이상

      중급이상

      C#, Unity, Firebase

      ₩46,200

      30%

      ₩66,000