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

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

(0개의 수강평)

7명의 수강생
공개되지 않은 강의입니다.
지식공유자 · The Coding Papa
67회 수업· 총 9시간 50분수업
6개월동안 무제한 시청
수료증 발급 강의
수강 난이도 '입문, 초급'
지식공유자의 다른 강의
연관 로드맵
아직 다른 강의가 없어요 ㅠㅠ
연관 로드맵이 없어요 ㅠㅠ

이런 걸 배울 수 있어요

  • 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를 배우고 싶으신 분
  • 한글말 알아들으시고, 영어 알파벳 읽으시는 분

선수 지식

  • 한글
  • 알파벳
  • 컴퓨터 켜고 끄는 방법

지식공유자 소개

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

교육과정

모두 펼치기 67 강의 9시간 50분
섹션 3. Instagram Flutter 프로젝트 시작
10 강의 61 : 42
안드로이드 스튜디오 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 피드 화면
11 강의 124 : 47
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 프로필 화면
25 강의 136 : 33
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 화면
2 강의 11 : 58
우리는 Search페이지 대신 Follow/Unfollow페이지로 사용하자
01 : 49
Follow/Unfollow 페이지 레이아웃
10 : 09
섹션 7. camera 페이지
1 강의 18 : 55
Camera 페이지 레이아웃
18 : 55
섹션 8. 로그인 & 가입 화면
8 강의 83 : 53
로그인 페이지 생성
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. 소스코드
1 강의
파이널 소스코드입니다

공개 일자

2019년 12월 9일 (마지막 업데이트 일자 : 2019년 12월 9일)

수강 후기

첫 수강평의
주인공이 되어주세요! ✏️
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스