Thumbnail
BEST
개발 · 프로그래밍 모바일 앱 개발

Flutter 입문 확장판 - 인스타그램 클론 2.0 대시보드

(4.5)
28개의 수강평 ∙  497명의 수강생
공개되지 않은 강의로
수강이 제한됩니다.
지식공유자: 오준석
총 31개 수업 (3시간 25분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공

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

이 강좌는 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 입문 -
안드로이드, iOS 개발을 한 번에

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

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
간단한 서비스 앱 개발 방법을 배우고 싶으신 분
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/
커리큘럼 총 31 개 ˙ 3시간 25분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. 파이어베이스 연동
앱 추가 06:46
(22. 8. 9 추가) 빌드 에러가 발생하지 않기 위해 조심해야 할 것
인증 설정 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일 (마지막 업데이트일 : 2022년 08월 09일)
수강평 총 28개
수강생분들이 직접 작성하신 수강평입니다.
4.5
28개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
Lavender thumbnail
5
항상 좋은 강의 올려주셔서 감사 드립니다. 올려주신 여러 강의를 하나씩 듣다보면 Flutter 개발에 필요한 내용을 많이 설명해 주십니다. 기초부터 API, 클린 아키텍쳐까지 좋은 구성으로 영상을 만들어 주셨고, 이번 인스타그램 클론 코딩에서도 제게 필요한 좋은 내용들이 있어 좋았습니다. 앞으로도 좋은 강의 기대하겠습니다. 감사합니다.
2022-08-28
김성재 thumbnail
5
좋은 강의 감사합니다.
2022-02-23
서태웅 thumbnail
5
유익해요 ㅎㅎ
2022-04-12
yungjoon2 thumbnail
4
유익합니다. 감사합니다
2023-09-27
김재철( Jay  kim) thumbnail
5
좋아요. 감사합니다.
2022-09-21