자동 재생
자동 완성
이전 강의
완료하고 계속하기
[레이아웃편] Flutter로 인스타그램 맹글어버리자!
진심으로 감사드립니다^^
여러분의 1분이 더욱더 퍼펙트한 코스를 만듭니다!! 사랑합니다. (1분 설문조사)
Slack 가입 링크
Dart언어 간단하게 배워버리기 [개발 경험이 없으신분들을 위한 강의입니다]
Dart 언어 끝내버리자 - 첫시간! (137:20)
Dart 언어 끝내버리자 - 둘째시간! (29:28)
[Windows] Flutter 설치
[Windows] Flutter 인스톨편 첫번째 (6:30)
[Windows] Flutter 인스톨편 두번째 (2:35)
[Windows] Flutter 인스톨편 세번째 (5:43)
[MAC] Flutter 설치
[MAC] Flutter 인스톨편 첫번째 (10:08)
[MAC] Flutter 인스톨편 두번째 (15:21)
[MAC] Flutter 인스톨편 세번째 (12:12)
Instagram Flutter 프로젝트 시작
안드로이드 스튜디오 Flutter 프로젝트 생성 (2:09)
IDE & AVD (4:23)
첫 코딩 시작 & 위젯 생성 (7:05)
메인 페이지 생성 (2:54)
새파일 생성 & 코드 나누기 (3:10)
프로젝트에 필요한 assets을 포함시켜보자 (4:29)
asset 이미지를 사용해보자 (4:08)
StatelessWidget VS StatefulWidget (4:01)
Bottom Navigation Menu 만들어보자 (12:21)
Widget List 대신 IndexedStack (3:36)
Instagram 피드 화면
ListView 생성 (16:57)
App bar & Material color (12:34)
레이아웃 디자인(column, row) (4:24)
캐시네트워크이미지(Cached Network Image) (18:20)
Feed Header 레이아웃 (13:55)
Feed action 버튼 레이아웃 (5:04)
Feed 'likes' 레이아웃 (8:08)
Feed Caption 레이아웃 (10:04)
Caption/Comment 레이아웃 디자인 분해 (2:02)
Comment 위젯 생성 (27:40)
Feed 레이아웃 끝내버리자 | Flutter inspector 사용하기 (5:32)
Instagram 프로필 화면
Profile 레이아웃 애니메이션 분해하기 (1:33)
Profile 페이지 생성 (4:46)
profile 사이드메뉴 분해하기 (1:14)
Stack위젯의 children 순서에 대해서 (1:23)
Profile Slide menu 에니메이션 (16:36)
Profile 커스텀 App Bar (7:18)
Slide Menu 레이아웃 (9:41)
Custom Scroll View (8:28)
Custom Scroll View 사용해보기 (1:12)
Header 프로필 사진 레이아웃 (3:25)
[추가] set & get 키워드 알아보자 (4:26)
Profile Header information (12:37)
Profile Username 레이아웃 (3:22)
Profile username BIO 레이아웃 (0:41)
Edit Profile 버튼 레이아웃 (6:02)
코드 정리하기 (1:20)
디바이스 화면 크기 가져오기 (4:53)
Profile 이미지 Tab Bar & 커스텀 Animation (10:04)
Selected Tab bar color (3:58)
커스텀 Tab Animation (8:18)
Profile GridView 데모 이미지 (6:42)
변수 사용하기 (1:13)
AnimatedIcon 사용법 (8:11)
이미지 로딩중 Placeholder 보여주자 (3:39)
커스텀 Slide menu 위젯으로 변경하기 (6:31)
[추가] Gridview 이미지가 Slide Menu에서 보이는 현상 고치기 (3:08)
follow/unfollow 화면
우리는 Search페이지 대신 Follow/Unfollow페이지로 사용하자 (1:49)
Follow/Unfollow 페이지 레이아웃 (10:09)
camera 페이지
Camera 페이지 레이아웃 (18:55)
로그인 & 가입 화면
로그인 페이지 생성 (7:10)
로그인 Form 생성 (48:37)
커스텀 로딩 위젯 (9:30)
로그인화면 메인화면 와따가따 (5:08)
가입 화면 생성하자 (7:27)
가입화면 Sign up form 만들기 (8:54)
로그인화면 가입화면 사이 Toggle (8:08)
키보드 input 레이아웃 문제 해결(Column 대신 ListView) (4:52)
소스코드
파이널 소스코드입니다
마지막편 할인쿠폰입니다!
우리는 Search페이지 대신 Follow/Unfollow페이지로 사용하자
강의가 곧 준비됩니다.
이미 등록한 경우,
로그인이 필요합니다.
.
잠금을 해제하기 위해서 등록을 해주세요