Flutter 인스타그램 클론 2.0

Flutter 인스타그램 클론 2.0

(0개의 수강평)

15명의 수강생
28,050원 33,000원
(15% 할인, 5일 남음)
지식공유자 · 오준석
27회 수업· 총 2시간 45분수업
평생 무제한 시청
수료증 발급 강의
수강 난이도 '활용'

이런 걸 배울 수 있어요

  • Flutter에서 Firebase를 활용하는 방법
  • Firebase 인증을 활용한 구글 계정으로 로그인/로그아웃
  • NoSQL 데이터베이스인 Firestore 활용 방법
  • Firebase Storage를 활용한 파일 저장 방법과 DB와의 관계
  • NoSQL 데이터베이스에서 데이터 구조 설계 방법
  • Stream, StreamBuilder를 활용한 리액티브 프로그래밍
  • Future를 활용한 비동기 프로그래밍

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

🗒 강의소개

2019년 상반기까지는 저도 플러터에 대한 확신이 없었는데요. 앱을 출시하고 오프라인에서 교육을 하다보면서 점점 확신을 가지게 된 해 였습니다.
간결하게 앱을 개발하려면 플러터를 선택해야 한다고 확신합니다.
그래서 기존 플러터 입문 강좌에서 다룬 인스타그램 클론 예제를 업그레이드하여 인스타그램 클론 2.0 강좌를 출시했습니다.
기존 강좌랑 다루는 영역이 겹치는 부분이 있어서 두 강좌가 서로 상호보완적인 성격을 가지고 있습니다.

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

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

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

             

📱 구현 기능

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

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

😎 강좌의 특징

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

🙌 여기서 다루는 툴

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

🙋🏻‍♂️ 강의 관련 예상 질문

Q. 이 강의에서는 어떤 프로그램을 사용하나요?
A. Flutter와 Firebase를 사용합니다.

Q. 비전공자도 들을 수 있나요?
A. 가능합니다. 하지만 Flutter 입문 강좌를 먼저 듣는 것을 추천합니다.

Q. 이 강의를 마치면 어떤 것을 할 수 있나요?
A. 간단한 서비스 앱을 만드는 방법을 터득할 수 있습니다.

수강 대상

  • 간단한 서비스 앱 개발 방법을 배우고 싶으신 분
  • Flutter 입문 과정에서 다룬 인스타그램 클론을 업그레이드 하고 싶은 분들

선수 지식

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

지식공유자 소개

'안드로이드 생존코딩' 유튜브 채널을 운영하고 있는 교육하는 개발자 오준석입니다.

저서
오준석의 안드로이드 생존코딩: 코틀린 편 (한빛미디어 2018)
될 때까지 안드로이드 (루비페이퍼 2018)
주요경력
현) 세민직업전문학교 직업훈련교사
수원스마트앱개발학원 개원
LG전자 MC사업부
일본 아이치현 (株)東海理科 Security사업부
일본 아이치현 (株)日本テクシード IT사업부
LinkedIn: https://www.linkedin.com/in/%EC%A4%80%EC%84%9D-%EC%98%A4-295623b0/

교육과정

모두 펼치기 27 강의 2시간 45분
섹션 1. 파이어베이스 연동
2 강의 11 : 25
앱 추가
06 : 46
인증 설정
04 : 39
섹션 2. 로그인 / 로그아웃
3 강의 15 : 50
로그인
07 : 19
로그인 상태에 따른 분기
04 : 45
로그아웃
03 : 46
섹션 3. 프로필 표시하기
1 강의 04 : 44
프로필 표시하기
04 : 44
섹션 4. 게시물 읽어오기
4 강의 24 : 32
Firestore 준비
05 : 23
게시물 모아보기
07 : 54
둘러보기
08 : 05
Hero 애니메이션
03 : 10
섹션 5. 게시물 작성
4 강의 21 : 43
Storage 준비
02 : 46
갤러리에서 사진 불러오기
03 : 53
사진 준비
02 : 33
이미지 업로드 및 DB에 저장
12 : 31
섹션 6. 팔로우 / 언팔로우
3 강의 27 : 52
팔로우와 언팔로우 규칙
08 : 18
UI 분기
05 : 38
게시물, 팔로우, 팔로워 수 표시
13 : 56
섹션 7. 홈 화면에 게시물 표시
1 강의 13 : 07
홈 화면에 게시물 표시
13 : 07
섹션 8. 게시물 좋아요
3 강의 14 : 28
좋아요 로직
05 : 45
좋아요 UI 표시
02 : 16
이벤트 처리
06 : 27
섹션 9. 댓글
3 강의 15 : 38
댓글 표시 UI 살펴보기
04 : 26
댓글 목록 확인 페이지
05 : 28
댓글 작성 로직
05 : 44
섹션 10. 완성
1 강의 00 : 50
강좌 마무리
00 : 50

공개 일자

2020년 1월 9일 (마지막 업데이트 일자 : 2020년 1월 9일)

수강 후기

첫 수강평의
주인공이 되어주세요! ✏️
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스