Thumbnail
BEST 개발 ・ 프로그래밍 모바일 앱 개발
Flutter 인스타그램 클론 2.0
(4.7)
10개의 수강평 ∙ 288명의 수강생

33,000원

지식공유자 : 오준석
총 28개 수업˙총 3시간 3분
평생 무제한 수강
수료증 발급 강의
중급이상 대상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
내 목록 추가 246 공유
중급자를 위해 준비한
[개발 ・ 프로그래밍] 강의입니다.

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

✍️
이런 걸
배워요!
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 언어

안녕하세요
오준석 입니다.
오준석의 썸네일
교육하고 책 쓰는 개발자 오준석입니다.
'오준석의 생존코딩' 유튜브 채널과 생존코딩 (https://survivalcoding.com) 교육 플래폼을 운영중입니다.
저서
오준석의 플러터 생존코딩 (한빛미디어 2020)
오준석의 안드로이드 생존코딩: 코틀린 편 (한빛미디어 2018)
될 때까지 안드로이드 (루비페이퍼 2018)
주요경력
현) 세민직업전문학교 정보기술개발 직업훈련교사
수원스마트앱개발학원 운영
LG전자 MC사업부
일본 아이치현 (株)東海理科 Security사업부
일본 아이치현 (株)日本テクシード IT사업부
LinkedIn: https://www.linkedin.com/in/%EC%A4%80%EC%84%9D-%EC%98%A4-295623b0/
커리큘럼 총 28개 ˙ 3시간 3분의 수업
이 강의는 영상, 수업 노트이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. 파이어베이스 연동
앱 추가 06:46
인증 설정 04:39
섹션 2. 로그인 / 로그아웃
로그인 07:19
로그인 상태에 따른 분기 04:45
로그아웃 03:46
섹션 3. 프로필 표시하기
프로필 표시하기 04:44
섹션 4. 게시물 읽어오기
Firestore 준비 05:23
게시물 모아보기 07:54
둘러보기 08:05
Hero 애니메이션 03:10
섹션 5. 게시물 작성
Storage 준비 02:46
갤러리에서 사진 불러오기 03:53
사진 준비 02:33
이미지 업로드 및 DB에 저장 12:31
섹션 6. 팔로우 / 언팔로우
팔로우와 언팔로우 규칙 08:18
UI 분기 05:38
게시물, 팔로우, 팔로워 수 표시 13:56
섹션 7. 홈 화면에 게시물 표시
홈 화면에 게시물 표시 13:07
섹션 8. 게시물 좋아요
좋아요 로직 05:45
좋아요 UI 표시 02:16
이벤트 처리 06:27
섹션 9. 댓글
댓글 표시 UI 살펴보기 04:26
댓글 목록 확인 페이지 05:28
댓글 작성 로직 05:44
섹션 10. 완성
강좌 마무리 00:50
강의 게시일 : 2020년 01월 09일 (마지막 업데이트일 : 2020년 01월 20일)
수강평 총 10개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.7
10개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
itotb thumbnail
이번 기회로 Flutter 와 더불어 Firebase 에 대해서도 많이 알게 됐네요~
2021-01-22
edu thumbnail
좋은강의 감사합니다.
2020-12-04
cid thumbnail
두번째 강의 완강!! 데코레이션 잘 해보겠습니다
2021-01-03
이보성 thumbnail
너무 좋은강의 감사합니다!..
2020-08-17
이일원 thumbnail
도움되었습니다
2020-07-03

33,000원

내 목록 추가 246 공유
지식공유자 : 오준석
총 28개 수업˙총 3시간 3분
평생 무제한 수강
수료증 발급 강의
중급이상 대상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스