Thumbnail
BEST 개발 · 프로그래밍 모바일 앱 개발
Flutter 인스타그램 클론 2.0
(4.5)
15개의 수강평 ∙ 364명의 수강생

33,000원

지식공유자 : 오준석
총 29개 수업˙총 3시간 3분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
내 목록 추가 436 공유
중급자를 위해 준비한
[모바일 앱 개발, 프레임워크 및 라이브러리] 강의입니다.

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

✍️
이런 걸
배워요!
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 입문 과정에서 다룬 인스타그램 클론을 업그레이드 하고 싶은 분들
📚
선수 지식,
필요한가요?
기초 수준의 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/
커리큘럼 총 29 개 ˙ 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일 (마지막 업데이트일 : 2021년 05월 24일)
수강평 총 15개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.5
15개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
몽우기 thumbnail
될 수 있으면 수강평 안 남기려고 했는데요. 인스타그램 '클론' 강좌 아닌가요? 클론의 의미를 잘 모르시는 건지.. UI는 입문 강좌에서 썼던 코드 그대로 가져오시고, 일부 기능 코드들도 입문 강좌에서 했다고 그대로 복붙하시고, 이게 클론 강좌인가요 아니면 그냥 코드 설명 강좌인가요?.. 제가 강의 특징을 제대로 살펴보지 못한 잘못도 있어서 그냥 들으려고 했는데, 듣다가 이게 무슨.. UI 코드 입문 강좌 때 사용했던 코드 그대로 사용한 건 그렇다 하더라도, 이번 강좌를 위해 비워둔 기능 코드도 사실 입문 강좌 때 했었던 거라며 복붙하고, 파이어베이스 설정할 때도 왜 이렇게 설정해야 하는 지에 대한 자세한 설명도 없고, 차라리 이렇게 진행하실거면 입문 강좌 2편이라고 바꾸시는게 좋을 거 같습니다. 가격도 강의 내용이나 시간을 고려하면 인프런에서는 저렴하지도 않은 편인데.. 다른 분들에게는 추천하고 싶지 않습니다.
2021-03-05
여름 thumbnail
따라하기에 좋았어요 다만 아쉬운부분은 생략하는 부분이 좀 많았어요 조금 더 클론 코딩이라 그런지는 모르겠지만 조금 더 디테일하게 설명들어가면서 학습을 진행하면 개발자입문하는사람들도 이해하면서 할 수 있을거같아요
2021-05-29
라면칼국수비빔면 thumbnail
좋은 강의 감사합니다!
2021-05-24
lhd3839 thumbnail
좋은강의 감사합니다
2021-03-30
차현철 thumbnail
flutter를 이용한 다른 앱을 만들 생각이 있어서 이 강의를 듣게 되었습니다. 차근차근 설명해주시면서 따라갈 수 있어서 좋았고, 버전이 조금 달라 막히는 부분이 있었는데 질문하니 바로 답변해주셔서 잘 해결 되었습니다. 돈이 아깝지 않은 강의였습니다.
2021-03-03

33,000원

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