인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
개발 · 프로그래밍

/

모바일 앱 개발

Flutter 입문 확장판 - 인스타그램 클론 2.0

이 강좌는 Firebase와 Flutter를 사용해서 간단한 서비스 앱을 어떻게 만들 수 있는지 방향성을 제시하는데 목적을 가지고 있습니다.

(4.5) 수강평 29개

수강생 497명

Thumbnail

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

이런 걸
배워요!

  • Flutter에서 Firebase를 활용하는 방법

  • Firebase 인증을 활용한 구글 계정으로 로그인/로그아웃

  • NoSQL 데이터베이스인 Firestore 활용 방법

  • Firebase Storage를 활용한 파일 저장 방법과 DB와의 관계

  • NoSQL 데이터베이스에서 데이터 구조 설계 방법

  • Stream, StreamBuilder를 활용한 리액티브 프로그래밍

  • Future를 활용한 비동기 프로그래밍

따라 만드는 인스타그램 클론,
플러터 + 파이어베이스로 OK.

Flutter와 Firebase를 활용한 인스타그램 앱 + 서버

2019년 상반기까지는 저도 플러터에 대한 확신이 없었는데요. 앱을 출시하고 오프라인에서 교육을 하다보면서 점점 확신을 가지게 된 해였습니다. 간결하게 앱을 개발하려면 플러터를 선택해야 한다고 확신합니다.

그래서 기존 플러터 입문 강좌에서 다룬 인스타그램 클론 예제를 업그레이드하여 인스타그램 클론 2.0 강좌를 출시했습니다.
기존 강좌랑 다루는 영역이 겹치는 부분이 있어서 두 강좌가 서로 상호보완적인 성격을 가지고 있습니다.

구글 로그인/로그아웃, 구글 프로필 활용, 사진 첨부, 게시물 작성까지가 기존 강좌에서 다룬 내용이고.
인스타그램 클론 2.0 강좌에서는 추가 기능으로 팔로우/언팔로우, 게시물 표시, 좋아요/취소, 댓글 달기, 댓글 목록, 게시물에 좋아요 수/마지막 댓글 표시 기능을 구현합니다. 


누가 들으면 좋을까요?

플러터로 UI 작성을 할 줄 알고, 다트 문법을 숙지하고 있다면 이 강좌를 들으실 수 있습니다.
참고로 환경설정이나 UI 작성은 이 강좌에서 다루지 않습니다.
제가 미리 작성해둔 UI 코드 위에서 기능 구현을 해 나가는 방식이니까 기초 부분은 플러터 입문 강좌를 먼저 보시는 것을 추천드립니다.

실제로 플러터로 앱을 만들게 되면 UI 코딩과 로직 부분 코딩이 완전히 분업화될 수 있습니다. 이번 강좌에서는 로직을 주로 작성한다고 생각하시면 됩니다.
다트 문법은 플러터 입문 강좌에도 포함되어 있고 유튜브 영상으로도 볼 수 있으니까 필요하실 때 보시면 되겠습니다.


직접 만들 수 있어요.

 

구현 기능

이 강좌에서 클론 코딩하는 기능은 다음과 같습니다. 기존 'Flutter 입문' 강좌에서 추가된 기능은 볼드체로 표시했습니다.

  • 소셜 로그인 / 로그아웃
  • 프로필 정보 표시
  • 사진 첨부해서 게시물 작성
  • 팔로우 / 언팔로우
  • 홈 탭에 게시물 표시 (최근 댓글, 댓글 수, 좋아요 표시)
  • 게시물 좋아요 / 취소
  • 게시물에 댓글 작성
  • 댓글 목록 표시

Flutter 입문 - 안드로이드, iOS 개발을 한 번에
플러터로 시작하는 모바일 앱 개발


강의 특징

  • 'Flutter 입문' 강좌를 들었거나 그에 상응하는 기본 지식을 가진 분들을 대상으로 합니다.
  • 'Flutter 입문' 강좌에서 다룬 내용과 일부 겹치는 주제를 다른 방법으로 설명하기 때문에 두 강좌는 서로 상호보완 됩니다.
  • UI 작성을 미리 해 둔 시작 프로젝트를 수정하는 방식으로 진행되며 별도의 UI 작성 내용은 포함되지 않습니다.
  • 기능 구현을 중심으로 설명합니다.

수강 전 참고해주세요!

  • Flutter 2와 Dart 2.12부터 지원하는 Null Safety 적용 전에 찍은 영상입니다.
  • 따라서 영상대로 따라가려면 강의 내용을 참고하여 Dart 버전을 2.7 이하로 설정하고 수강하셔야 합니다.
  • 강의 영상과 동일한 라이브러리 버전을 사용하시면 영상대로 진행할 수 있습니다.
  • 라이브러리 버전을 최신으로 할 경우에는 직접 해당 문서를 통해 해결하셔야 합니다.
  • 비정기적으로 최신 버전을 적용하여 Github을 업데이트 합니다.

여기서 다루는 툴

  • 'Flutter 입문' 강좌를 들었거나 그에 상응하는 기본 지식을 가진 분들을 대상으로 합니다.
  • 'Flutter 입문' 강좌에서 다룬 내용과 일부 겹치는 주제를 다른 방법으로 설명하기 때문에 두 강좌는 서로 상호보완 됩니다.
  • UI 작성을 미리 해 둔 시작 프로젝트를 수정하는 방식으로 진행되며 별도의 UI 작성 내용은 포함되지 않습니다.
  • 기능 구현을 중심으로 설명합니다.

예상 질문 Q&A

Q. 이 강의에서는 어떤 프로그램을 사용하나요?

Flutter와 Firebase를 사용합니다.

Q. 비전공자도 들을 수 있나요?

가능합니다. 하지만 Flutter 입문 강좌를 먼저 듣는 것을 추천합니다. (선수 지식을 확인해주세요.)

Q. 이 강의를 마치면 어떤 것을 할 수 있나요?

간단한 서비스 앱을 만드는 방법을 터득할 수 있습니다.

선수 강의

Flutter 입문 -
안드로이드, iOS 개발을 한 번에

한 번의 코드로
안드로이드와 iOS 개발, 플러터 입문

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 간단한 서비스 앱 개발 방법을 배우고 싶으신 분

  • Flutter 입문 과정에서 다룬 인스타그램 클론을 업그레이드 하고 싶은 분들

선수 지식,
필요할까요?

  • 기초 수준의 Flutter UI 작성 방법

  • Dart 언어

안녕하세요
오준석입니다.

수강생 수

9,583

수강평 수

648

강의 평점

4.7

강의 수

13

교육하고 책 쓰는 개발자 오준석입니다.
'오준석의 생존코딩' 유튜브 채널과 생존코딩 (https://survivalcoding.com) 교육 플래폼을 운영중입니다.

저서
오준석의 플러터 생존코딩 (한빛미디어 2020)
오준석의 안드로이드 생존코딩: 코틀린 편 (한빛미디어 2018)
될 때까지 안드로이드 (루비페이퍼 2018)

주요경력
오렌지(OhRange) 대표
세민직업전문학교 정보기술개발 직업훈련교사
수원스마트앱개발학원 운영
LG전자 MC사업부
일본 아이치현 (株)東海理科 Security사업부
일본 아이치현 (株)日本テクシード IT사업부

LinkedIn: https://www.linkedin.com/in/junsuk5/

커리큘럼

전체

31개 ∙ (3시간 25분)

  • 앱 추가

    06:46

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

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!