Thumbnail

[레이아웃편] Flutter로 인스타그램 맹글어버리자! NEW! 2020년 대시보드

7명이 수강하고 있어요.
공개되지 않은 강의로
수강이 제한됩니다.
지식공유자: The Coding Papa
총 67개 수업 (9시간 50분)
수강기한: 
6개월
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공

Android, IOS 인스타그램 App. Flutter 로드맵! 2편-끝내기편까지 마친 후 당신은 Flutter 개발자!

✍️
이런 걸
배워요!
Flutter
Flutter custom layout
Dart language
Flutter Custom Animation
Flutter 디자인 분해하기
Flutter 위젯 생성하기
Flutter Widget
개발과정


[#1 레이아웃 편]

포트폴리오용 Flutter 프로젝트!
매달 10억명의 Active 유저가 있는 인스타그램 만들기!

Firebase(Firestore, Storage, Authenticatin)는 해당 강의에 포함되지 않습니다.
[#2 끝내기편]에 포함됩니다.


🗒 강의소개

  • 이 과정은 총 2개의 코스중에 첫번째인 인스타그램 레이아웃을 다루고 있습니다. 두번째에서는 Firebase를 사용한 서버리스 백엔드를 다룹니다.
  • Flutter는 현 시점 가장 빠르게 성장하는 기술 중에 하나입니다.
  • Flutter 개발에 대한 모든 기본 개념을 다루는 온라인에서 가장 포괄적 인 국내 최강의 Flutter 코스입니다.
  • 현 Flutter 강의는 Dart 언어를 사용하여 아름답고 빠른 고품질의 IOS 및 Android 앱을 만드는 방법을 알려 드립니다.
  • Flutter 개발자로서 알아야 할 중요한 모든 팁을 알려 드립니다.
  • 이 과정을 마치면 Dart언어를 자유 자재로 사용하고, 자신이 원하는 Flutter앱을 만드는 개발자가 될 수 있습니다.
  • 개발자 면접시 이 앱을 포트폴리오에 포함하세요. 면접관에게 감동을 선사합니다!
  • 커스텀 위젯, 에니메이션, 커스텀 에니메이션 등등 아주 디테일하게 인스타그램과 똑같은 앱을 만들어버립니다!
  • 다른 강의들처럼 "따라해봐라" 식의 강의가 아닌, 모든 개념을 이해하시고 넘어가실 수 있게 설명을 합니다.

                              Android Demo                       IOS Demo


🙌 필요한 것들

                                  

  1. 10GB의 여유 공간이 있는 컴퓨터나 맥.
  2. 우리가 사용하는 모든 소프트웨어들은 무료로 다운로드하여 설치 가능합니다.
  3. Flutter로 Window에서 IOS 앱을 빌드할 수 있지만 테스트를 하기 위해서는 MAC OS가 필요합니다.

 

🙋🏻‍♂️ 궁금해요!

Q. 비전공자도 들을 수 있나요?
A. 물론이죠!

Q. 이 강의는 언제 시작하고 언제 끝나나요??
A. 온라인 강의로 이루어져 있습니다. 한번 구입하시면 구입시간부터 3개월간 시청가능하십니다. 한달 안에 통달 가능한 이유로 이렇게 시간을 정했습니다.

Q. 왜 Flutter를 배워야되죠?
A. Dart 언어 한가지 언어로 단 한개의 코드만 작성해서 안드로이드, IOS앱을 만들 수 있어요! 차후에는 그 프로젝트 그대로 데스크탑, 웹 등에도 작동하는 어플리케이션 빌드가 가능해집니다. 또한, Flutter는 다이나믹한 레이아웃을 만드는데 최적화된 언어를 사용하고, Flutter Team이 직접 만든 방대한 Widget(레이아웃 컴포넌트)들을  사용할 수 있습니다.

Q. 이 강의만의 특별한 장점이 있을까요?
A. 흠... 일단 제 강의를 들은 다른 학생들의 코멘트를 보시죠!


몇몇 분들의 제 강의에 대한 의견을 보여드렸습니다^^

또 한가지 중요한 점.

부족하신부분이 혹시라도 있으시면 언제든 코멘트 남겨주시거나,
yangfamilyclub@gmail.com으로 직접 이멜을 주시면 최대한 빠른 업데이트 해드리겠습니다!

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
코딩 처음 접하시는 분
현 개발자 Flutter를 배우고 싶으신 분
한글말 알아들으시고, 영어 알파벳 읽으시는 분
📚
선수 지식,
필요할까요?
한글
알파벳
컴퓨터 켜고 끄는 방법

안녕하세요
The Coding Papa 입니다.
The Coding Papa의 썸네일

현재 Hong Kong에서 Team lead 소프트웨어 엔지니어로 근무중이다. 퇴근 후, 주말에는 애들 똥기저귀를 갈고 열심히 유튜브 강의 제작하면서 국내와 해외의 IT 정보의 갭을 천천히 줄여가는 노력중입니다^^

커리큘럼 총 67 개 ˙ 9시간 50분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 3. Instagram Flutter 프로젝트 시작
안드로이드 스튜디오 Flutter 프로젝트 생성 미리보기 02:10
IDE & AVD 04:24
첫 코딩 시작 & 위젯 생성 07:05
메인 페이지 생성 02:55
새파일 생성 & 코드 나누기 03:10
프로젝트에 필요한 assets을 포함시켜보자 04:29
asset 이미지를 사용해보자 04:08
StatelessWidget VS StatefulWidget 04:02
Bottom Navigation Menu 만들어보자 12:22
Widget List 대신 IndexedStack 16:57
섹션 4. Instagram 피드 화면
ListView 생성 16:57
App bar & Material color 12:34
레이아웃 디자인(column, row) 04:25
캐시네트워크이미지(Cached Network Image) 18:21
Feed Header 레이아웃 13:55
Feed action 버튼 레이아웃 05:05
Feed 'likes' 레이아웃 08:09
Feed Caption 레이아웃 10:05
Caption/Comment 레이아웃 디자인 분해 02:03
Comment 위젯 생성 27:40
Feed 레이아웃 끝내버리자 | Flutter inspector 사용하기 05:33
섹션 5. Instagram 프로필 화면
Profile 레이아웃 애니메이션 분해하기 04:47
Profile 페이지 생성 04:47
profile 사이드메뉴 분해하기 01:15
Stack위젯의 children 순서에 대해서 01:24
Profile Slide menu 에니메이션 16:36
Profile 커스텀 App Bar 07:18
Slide Menu 레이아웃 09:42
Custom Scroll View 08:29
Custom Scroll View 사용해보기 01:12
Header 프로필 사진 레이아웃 03:26
Profile Header information 12:37
Profile Username 레이아웃 03:22
Profile username BIO 레이아웃 00:42
Edit Profile 버튼 레이아웃 04:50
Edit Profile 버튼 outline & background color 01:14
코드 정리하기 01:21
디바이스 화면 크기 가져오기 04:54
Profile 이미지 Tab Bar & 커스텀 Animation 10:04
Selected Tab bar color 03:58
커스텀 Tab Animation 08:18
Profile GridView 데모 이미지 06:42
변수 사용하기 01:14
AnimatedIcon 사용법 08:11
이미지 로딩중 Placeholder 보여주자 03:39
커스텀 Slide menu 위젯으로 변경하기 06:31
섹션 6. follow/unfollow 화면
우리는 Search페이지 대신 Follow/Unfollow페이지로 사용하자 01:50
Follow/Unfollow 페이지 레이아웃 10:09
섹션 7. camera 페이지
Camera 페이지 레이아웃 18:55
섹션 8. 로그인 & 가입 화면
로그인 페이지 생성 07:11
로그인 Form 생성 32:40
커스텀 로딩 위젯 09:31
로그인화면 메인화면 와따가따 05:09
가입 화면 생성하자 07:27
가입화면 Sign up form 만들기 08:54
로그인화면 가입화면 사이 Toggle 08:09
키보드 input 레이아웃 문제 해결(Column 대신 ListView) 04:52
섹션 9. 소스코드
파이널 소스코드입니다
강의 게시일 : 2019년 12월 09일 (마지막 업데이트일 : 2019년 12월 09일)
수강평
수강생분들이 직접 작성하신 수강평입니다.
아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️