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

Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase) 대시보드

(4.6)
182개의 수강평 ∙  2,291명의 수강생

66,000원

지식공유자: 오준석
총 89개 수업 (12시간 24분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

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

안드로이드와 iOS 개발을 한 번의 코드로 작성할 수 있는 Flutter 입문 강좌입니다.

✍️
이런 걸
배워요!
Flutter를 이용한 모바일 앱 개발
Flutter를 이용한 인스타그램 클론 코딩

2022. 11월 인스타그램 클론 파트 영상 전면 재촬영하였습니다

iOS+Android, 한 번의 코드로 OK!
플러터로 시작하는 모바일 앱 개발 입문.

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

안드로이드와 iOS를
하나의 코드로

높은 생산성은 물론
네이티브 성능까지!

전망이 기대되는
프레임워크
하나의 코드로
크로스플랫폼 앱 개발을!

Dart 언어
별도의 언어를 배우지
않아도 가능한
앱 개발!

플러터(Flutter)안드로이드와 iOS 개발을 하나의 코드로 작성할 수 있는 프레임워크입니다.

플러터는 구글에서 만든 Dart 언어로 작성하는데, 그 형태가 C나 자바, 자바스트립트와 흡사합니다.
따라서 플러터를 다루기 위해서는 따로 언어를 학습할 필요가 없습니다.
플러터를 학습하다보면 자연스럽게 Dart 언어에 익숙해질 수 있습니다.

이 강의에서는 플러터의 샘플 앱을 분석하기 위한 기본 위젯들의 사용 방법을 알아봅니다.
기본 위젯을 다룬 다음에는 인스타그램 클론 앱을 만들어 보면서 플러터의 기초를 익히게 됩니다.


이 강의는
이런 목표를 가지고 있습니다

  • Flutter의 기초와 기본 위젯을 학습합니다.
  • Firebase와 연동하여 인스타그램 클론 앱을 만들어봅니다.

Flutter와 Firebase로 만드는 인스타그램 클론 앱


이 강의를
이런 분께 추천합니다

Flutter를 이용한 모바일 앱 개발에 관심 있으신 분

다른 언어 학습 없이 모바일 앱 개발을 하고 싶은 분

안드로이드와 iOS를 동시에 개발 하고 싶은 분


수강 전 참고해주세요!

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

강의 선택 가이드

본인이 공부해야 할 강의가 맞는지 확인해 보세요.

 

연관 로드맵


이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
Flutter을 배우고 싶으신 분
다른 언어를 따로 익히지 않고도 모바일 앱 개발을 하고 싶은 분
안드로이드와 iOS를 동시에 개발하고 싶은 분
📚
선수 지식,
필요할까요?
프로그래밍 언어 지식 (C, 자바, 자바스크립트 등)

안녕하세요
오준석 입니다.
오준석의 썸네일
교육하고 책 쓰는 개발자 오준석입니다.
'오준석의 생존코딩' 유튜브 채널과 생존코딩 (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/
커리큘럼 총 89 개 ˙ 12시간 24분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Flutter 소개
섹션 5. 인스타그램 클론 2022 리뉴얼
00. 전체소스 및 강의 안내
강의에 사용하는 라이브러리 버전에 대한 중요 공지 02:19
01. 인스타그램 클론 리뉴얼 소개 미리보기 01:04 02-0. 화면 설계 미리보기 01:30
02. 화면 설계, 뼈대 작성 13:53
02-1. LiveTemplate 수정하여 stless 시 import도 되도록 하기 01:05
03-0. TabPage에 화면 연결 설계 미리보기 01:08
03. TabPage에 화면 연결 05:03
04-0. HomePage UI 설계 미리보기 01:10
04. HomePage UI 작성 16:45
05-0. AccountPage UI 설계 미리보기 00:52
05. AccountPage UI 작성 15:50
06-0. SearchPage UI 설계 미리보기 00:42
06. SearchPage UI 작성 09:42
07-0. CreatePage UI 설계 미리보기 01:49
07. CreatePage UI 작성 10:23
08. ImagePicker 라이브러리로 사진 선택 21:59
09. Android minSdkVersion 수정 02:14
10. [iOS] 이미지 피커 필수 권한 설정 07:05
11. FlutterFire CLI 설치 12:09
Firebase 관련 패키지 충돌에 관한 중요 공지
12. Firebase 프로젝트 설정 06:36
13. Firebase로 이메일 로그인 기능 구현 16:55
14. Profile 화면 닉네임 설정, 로그인 화면 UI 수정 06:25
15. 인증 정보를 보여주기 07:30
16. Firestore에 글쓰기 18:48
17. Firestore에서 글 읽기 20:22
18. Storage에 사진 업로드 11:07
19. 게시물 Detail 화면 작성 09:46
20. Hero 위젯으로 애니메이션 적용 02:50
21. Firebase 규칙을 인증한 사용자만 가능하도록 수정 02:24
22. 프로필 사진 업데이트 07:58
[iOS] 22-1 빌드 에러 해결 01:34
23. 내 사진만 보이게 하기 08:43
24. 게시물 수 표시 03:26
섹션 6. 아카이브 - 과거 영상
인스타그램 클론 소개 미리보기 02:56 화면 설계, 뼈대 작성 (22.3.24 업데이트) 미리보기 10:06
HomePage UI 작성 (22.3.24 업데이트) 17:28
Account 페이지 UI 작성 12:10
Search 페이지 UI 작성 05:45
Create 페이지 UI 작성 07:07
갤러리에서 사진 불러오기 (22.4.1 업데이트) 10:07
로그인 페이지 UI 작성 03:19
Firebase와 Google 로그인 기능 구현 (22.4.1 업데이트) 09:33
User 정보 표시하기 (22.3.24 업데이트) 04:29
Firebase Storage와 Firestore를 사용하여 게시물 업로드하기 (수업노트 확인) 13:05
StreamBuilder로 Firestore의 데이터 읽어오기 05:00
게시물 보는 화면 UI 작성 07:20
Hero 위젯으로 애니메이션 구현하기, Firestore에 단발성 로딩 구현 06:28
iOS를 위한 파이어베이스 설정 04:12
인스타그램 클론에 Null Safety 적용 35:25
인스타그램 클론에 Null Safety 후 에러 수정 11:17
인스타그램 클론에 flutter_lint 적용 12:17
android embedding v2 수정 및 안드로이드 각종 빌드 에러 해결 미리보기 16:42
섹션 8.
섹션 9.
강의 게시일 : 2019년 02월 14일 (마지막 업데이트일 : 2023년 01월 26일)
수강평 총 182개
수강생분들이 직접 작성하신 수강평입니다.
4.6
182개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
osb3476 thumbnail
5
해당 링크에 인스타그램 강의를 들으면서 겪었던 에러들을 정리해두었습니다. 모쪼록 다른분들께 도움이 되었으면 좋겠습니다😊 https://github.com/sinbee0402/clone_Instagram/tree/main
2023-06-28
김동혁 thumbnail
5
직장인인 관계로 4-5일정도 나눠서 완강했습니니다. 2회독 하면서 코드도 2번 쳤고요! Flutter에 대한 전반적인 기초강의라서 만족했습니다. 다만 강의에서 사용된 라이브러리가 오래되어 현재 소스코드와 맞지 않아서 외부라이브러리 부분부터 너무 시간이 막혔습니다. 소스코드를 따로 올려놓으신거 먼저 찾아볼 생각하지않고 구글링으로 해결한게 많아서 뜻밖에 공부가 더된면도 있긴 합니다. 혹시 들으실 분들은 외부라이브러리 사용하는 부분부터는 강사님이 링크로 올려놓은 깃헙에 가서 소스를 보시면서 들어야 막힘없이 진행됩니다. 일단 강의가 오래됐어도 사후AS가 있으니 부담없이 꼭 들으시고 이거 듣고나서는 플러터 기초는 완전히 익힐 수 있다고 보면됩니다. 강추합니다. 저는 이강의 듣고 오준석 선생님 나머지 강의 그냥 패키지 할인으로 다 구매했습니다용 들으시는 분들에게 팁 1. 중반 외부라이브러리부분은 강의로 어떤 기능을 하는지 이해만 하고 실제 소스코드 따라치는건 깃헙에 가서 따라치기 2. 외부 라이브러리 실제 사이트 들어가서 사용법 한번 보기 3. 코드 최소 2번 이상 쳐보기
2021-04-25
Ed.M thumbnail
5
재촬영 수강평) 새로 올려주신 2022.11월 영상 하루만에 정주행했습니다. 역시나 지루할 틈 없이 너무 유익했습니다. 무엇보다도 변화된 firebase 연결 및 DB 데이터 조작방법, firebaseAuth로 이메일 인증 구현, firestorage로 이미지 업로드 등등 그리고 iOS 빌드 에러 해결방법까지 공유해 주셔서 정말 감사합니다. 늘 새로운 변화에 쉽게 적응하게 도와주시고 강의구매자로서 이런 AS 영상은 감동입니다. ㅎㅎ 감사합니다. 안드로이드 개발자로서 정말 큰 도움이 되었습니다. 다양한 위젯의 핵심 사용법과 문제 해결방법, 그리고 입문임에도 완성도가 높은 인스타클론 예제와 firebase 연동을 통해 Flutter 학습 시간을 몇 배는 줄인 것 같아 매우 만족합니다. 바로 중급 들어가야겠습니다. ㅋㅋ 지름길 두고 구지 돌아갈 이유는 없는것 같아서 강추합니다.
2019-10-17
kyeonguk96 thumbnail
5
서버 연동하는 부분에서 발생한 오류 때문에 2주 동안 고군분투했습니다. 그러는 동안 정말 수없이 많은 질문을 올렸는데, 정말 친절하게 하나하나 답변해주시고, 해결을 위해 함께 힘 써주시네요!! 만족도 100000000000000000000000000000000000000000!!!
2019-08-28
황원규 thumbnail
5
잘 봤습니다! 다음번엔 중급강좌를 꼭 써주셨으면 합니다!
2019-03-12
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!