[무작정 플러터] Flutter + Firebase 넷플릭스UI 클론 코딩 - goormEDU

[무작정 플러터] Flutter + Firebase 넷플릭스UI 클론 코딩

하이브리드앱은 아는데 Flutter는 모른다구? 가장 빠르게 앱 개발을 공부할 수 있는 Flutter를 시작하세요!

Lecture Introduction
Difficulty
Easy
Category
Programming - Mobile Programming
Tag
flutter, 플러터, firebase, 파이어베이스, 넷플릭스클론, 클론프로젝트
Target Audience
- 무작정 따라하며 만들어보는 학습 스타일을 선호하는 분
- Flutter를 처음 접하시는 분
- 일단 시도해보며 고민하는 걸 좋아하는 분
- 객체 지향 프로그래밍이 무엇인지 알고 계신 분

모바일 프로젝트 해보고 싶은데
안드로이드만 해선 부족할 것 같고,
더 많은 사람들이 제 앱을 사용하면 좋겠어요

그런데 iOS와 안드로이드에서 모두 쓸 수 있는
앱 만드려면 시간이 너무 오래 걸리겠죠...?





앱 개발, Flutter와 함께라면
가장 빠르게 시작할 수 있어요



구글이 개발한 개발 프레임워크 Flutter
앱, 웹, 데스크탑앱 가리지 않습니다

처음 등장했을 땐 Dart 언어를 익숙하게 사용할 수
있어야 한다는 장벽이 있었지만,
지금은 React Native의 인기를 훌쩍 넘어섰죠

Flutter를 사랑하는 수많은 개발자들은
높은 생산성, 빠른 개발속도, 뛰어난 앱 성능
Flutter의 장점으로 꼽습니다




🙌넷플릭스 UI를 내 손으로!


매력덩어리 Flutter!
좀 더 재밌게 배울 방법 없냐구요?

여러분과 친근한 서비스를 직접 만들어보세요


휴식시간을 빠르게 훔쳐가는 넷플릭스의
UI를 완성하며 Flutter를 배워봅시다



🤔어렵지 않냐구요?

'무작정 플러터'는 각 코드에 대한 설명보다
일단 코드를 따라 작성하며 여러분이 고민하고
터득하셔야 할 포인트를 잡아드리는 강좌
입니다

강좌 설명이 부족할 수 있기에 추후 '뽕뽑는 플러터'에서
위젯이나 로직에 대한 강좌를 따로 보여드릴 예정이니
참고해주세요!

앗, 초반 4개 강의의 편집 퀄리티와 속도가
그리 좋지 않아 좀 불편하실 수 있습니다

그 이후 강의는 원활하게 들으실 수 있어요!!



저 이거 궁금해요🖐


개발 환경 뭐 필요해요?

Flutter로 개발할 수 있는 환경이라면 종류와
상관 없이 어떤 개발 환경이라도 좋습니다

다만 따로 설치 과정을 설명하는 강의는 없으니
미리 준비해주시길 부탁드립니다

Flutter 개발환경 세팅하기



강의 자료 볼 수 있나요?

강의 자료는 여기서 확인하세요!

🍇 전체 소스 코드 레포
🍋 강의 회차별 소스코드
🍓 유튜브에서도!



꼭 강좌대로 만들어야 하나요?

강의자의 코드라고 해서 모두 정답은 아닙니다

여러분 스스로 코드를 완성했다면 그것만으로
충분히 정답이니 자신감을 가지세요!

저 또한 개발자로써 더욱 발전하기 위해
강좌를 찍고 여러분께 보여드리게 되었으니
저와 어려분 모두 함께 성장해나갔으면 합니다



질문했는데 왜 답변 안 주세요?

지금 제가 나라의 부름을 받아 4월부터
6월 초까지 훈련소에 들어갈 예정
입니다

이 기간동안 질의응답이 어려운 점
양해 부탁드립니다 ㅠㅠ









'구만사'가 직접 들어봤다💙


나한테 맞는 강좌일지 고민하는 분들을 위해
구름을 만드는 사람들이 먼저 들어봤어요!



이런 분에게 꼭 필요해요

👉 FULL 자막모드! 친절하게 듣고 싶다면 Pick!
👉 따라 만들며 배우는 스타일을 선호한다면 Pick!



한 번 더 고민해주세요

🤔 Flutter의 개념적 학습을 원한다면 Hmm...
🤔 모르는 개념을 참지 못한다면 Hmm...










강좌가 마음에 드셨나요?
커피 한 잔이면 충분합니다:)



권태뽕

'기발자이너'를 꿈꾸는 권태뽕입니다

중학교때부터 프로그래밍을 해왔고
이후 창업을 목표로 여러 개발과 관련된
활동을 진행하고 있습니다

2019년 창업을 시도해보았고 그 경험을 통해
제 아이디어로 창업하는 일을 하고 싶게 되어
개발 공부와 강좌 제작에 몰두하게 되었습니다

제 공간에 놀러오세요:)

📒 블로그
📘 페이스북
📗 깃허브


이력

2020. 02. 고려대학교 정보보호학부 졸업
2016. 02. 한성과학고등학교 조기 졸업

2019. 07. ~ 2019. 09.
(주) 보이저엑스 인턴
Flutter 앱/백엔드 서버 유지보수 총괄

2018. 12. ~ 2020. 02.
고려대학교 정보보호학부 개발동아리
DevKor 초대 회장 역임

2018. 06. ~
오투잡/위시켓 프리랜서 개발자

2017. 08. ~ 2017. 12.
소프트웨어 마에스트로 8기 멘티 과정 수료

2017. 12. ~ 2018. 06.
유튜브 데이터분석 스타트업 'Picasso' 공동 창업


 

all Icon made by Freepik from www.flaticon.com

Preview
Expand All
  • 01
    #0. 넷플릭스UI 개발
  • 네비게이션 탭이 있는 앱 프로젝트 구조 설정하기
    홈 화면에 상단 바 추가하기
Curriculum
Expand All
  • 01
    #0. 넷플릭스UI 개발
  • Intro
    네비게이션 탭이 있는 앱 프로젝트 구조 설정하기
    홈 화면에 상단 바 추가하기
    영화 모델 만들고 더미 데이터 생성하기
    홈 화면에 이미지 캐로셀 슬라이더 위젯 추가하기
    홈 화면에 원형/사각형 이미지 슬라이더 위젯 추가하기
    상세 보기 화면 만들기
    프로필 화면 만들기
  • 02
    #1. 파이어베이스와 넷플릭스UI 연동
  • 플러터와 파이어베이스 연동하기1. 파이어베이스 콘솔 설정
    플러터와 파이어베이스 연동하기2. 플러터 코드 작성하기
    검색 화면/기능 만들기
    찜한 콘텐츠 화면/기능 만들기
  • 03
    #2. 넷플릭스UI 클론코딩 마무리
  • Outro
    Tip. 앱 아이콘 만들기
Instructor Introduction
user
권태형Teacher

Lecture Reviews
  • No reviews have been written.

Free


Average Rating
0.0
Difficulty
Easy
Lecture Period
Unlimited