요즘 Flutter 를 배우면서 예전에 책으로 공부하던 것과는 다르게
유튜브 및 유데미, 그리고 공식 문서가 엄청 잘 되어 있던 것에 놀랐습니다.
나중에 저도 참고할 겸 해서 작성해봐요 ㅎㅎ
가장 먼저 알아야 하는 곳은 아래 두 곳이라고 생각합니다.
공식 사이트와 공식 유튜브 채널에 좋은 내용이 지속적으로 업데이트 됩니다.
그리고 공식 유튜브 채널에는 매주 위젯 하나씩 소개하고 개발에 대한 영상이 계속 업데이트 되고 있어요.
https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw
처음 진입하는 것으로 가장 추천하는 것은 Udemy 사이트 입니다.
가장 세일을 많이할 때에는 11,000원에 강좌를 구매할 수 있습니다
그리고 보통 아래 쿠폰 사이트에서 쿠폰을 적용하면 11000 ~ 13000원에 강좌 구매 가능한데요.
https://couponcause.com/stores/udemy-coupon-codes/?matchtype=e&device=c&network=g&creative=380376069778&keyword=udemy%20coupon&adgroup=14309385040&locaton=1030756&position=1t1&gclid=EAIaIQobChMIjPOpv4zL5AIV0amWCh0E0ACbEAAYASAAEgLSjvD_BwE/
추천하는 강좌는 아래와 같습니다. 영어이지만 강좌라서 단어 등이 어렵지 않아요.
따라하기도 쉽게 만들어져 있어서 충분히 좋습니다.
1. Angela Yu 아래 강좌는 Flutter 팀과 같이 제작했습니다, 강좌 퀄리티도 높고 실무에 쓰일만한 앱을 직접 여러개 만들어보면서
배우므로 도움이 많이 됩니다. 가장 추천드리는 강좌입니다.
https://www.udemy.com/flutter-bootcamp-with-dart/
이 강좌를 하나 보고 바로 아래 앱을 구글 플레이에 등록할 수 있었습니다. (Super Easy Pomodoro Timer 앱)
https://play.google.com/store/apps/details?id=io.github.bearcola.awesome_simple_pomodoro&hl=ko
2. Maximilian Schwarzmüller 의 강좌인데요. 이것도 여러 개 앱을 만들어 볼 수 있고 특히 State 관리에 대한 Provider 에 대한 내용도 나와서 State Management 학습에도 도움이 되었습니다.
https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/
3. Stephen Grider 의 강좌인데요. RxDart, BLOC 등의 조금은 어려운 주제가 나오지만 Reactive 관련된 내용도 배울 수 있어 도움이 많이 됩니다 .
https://www.udemy.com/course/dart-and-flutter-the-complete-developers-guide/
추가적으로 Udacity 에 구글에서 직접 올린 Flutter 짧은 무료 강좌가 있습니다.
이것도 도움이 됩니다 .
https://www.udacity.com/course/build-native-mobile-apps-with-flutter--ud905
구글에서 만든 Flutter 코드랩도 따라하면서 배우기 좋습니다!
https://codelabs.developers.google.com/?cat=Flutter
다음으로는 구독하면서 정보를 얻는 Flutter 관련 유튜브 채널입니다
Udemy 강좌의 경우에는 소액이지만 돈이 들기 때문에 무료로 배우기 싶다면 유튜브 채널도 좋습니다.
재생목록을 확인하시면 주제별로 묶여있어서 도움이 됩니다.
1. Reso Coder (Flutter 및 안드로이드 관련 영상이 많습니다)
https://www.youtube.com/channel/UCSIvrn68cUk8CS8MbtBmBkA
2. Net Ninja (Javascript 및 웹 관련 내용을 많이 다루는데 이번에 Flutter 튜토리얼도 올리고 있습니다)
https://www.youtube.com/playlist?list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ
3. MTECHVIRAL
https://www.youtube.com/channel/UCFTM1FGjZSkoSPDZgtbp7hA
4. Programming Addict (리액티브 프로그래밍 관련 내용)
https://www.youtube.com/channel/UCy4TEe4CGipnHotkBztYvng
5. FilledStacks
https://www.youtube.com/channel/UC2d0BYlqQCdF9lJfydl_02Q/featured
6. Paul Halliday
https://www.youtube.com/channel/UCYJ9O6X1oFt7YGXpfRwrcWg
7. 코딩파파 (개인적으로 다른 채널을 추천하지만 한글로 되어 있는 장점이 있습니다)
https://www.youtube.com/channel/UCUH2DSbsNUz2sW3kBNn4ibw
그리고 아래 Medium 블로그도 도움이 됩니다.
https://medium.com/flutter-community
https://medium.com/@sagarsuri56
https://medium.com/@aseemwangoo
https://medium.com/@KarthikPonnam
추가적으로 아래 Github 샘플들도 참고하세요
https://github.com/flutter/samples
https://github.com/lohanidamodar/flutter_ui_challenges
https://github.com/basarozcan/awesome-flutter
https://github.com/FilledStacks/flutter-tutorials
https://github.com/pedromassango/my_flutter_challenges
https://github.com/iampawan/FlutterExampleApps
https://github.com/iampawan/Flutter-UI-Kit
https://github.com/ibhavikmakwana/FlutterPlayground
https://github.com/SAGARSURI/MyMovies
https://github.com/Flutterando/whatsapp_flutter_mobile
https://github.com/Flutterando/whatsapp_flutter_web
https://github.com/mjohnsullivan/berlin_transport
https://github.com/KalleHallden/Netflix_Clone
https://github.com/seenickcode/tourismandco
https://github.com/dilipkaklotar/flutter_marvel_app_ui_master
https://github.com/dvmjoshi/netflix_clone
https://github.com/KalleHallden/Instagram
https://github.com/ResoCoder/flutter-bloc-vanilla-tutorial
https://github.com/Solido/awesome-flutter
https://github.com/burhanrashid52/WhatTodo
https://github.com/RedBrogdon/flutterflip
https://github.com/roughike/inKino
https://github.com/brianegan/flutter_architecture_samples
https://github.com/mjohnsullivan/flutter-by-example
https://github.com/nisrulz/flutter-examples
그리고 Flutter 관련 라이브러리는 아래에서 찾으면 됩니다
Dart 관련해서 웹에서 바로 테스트해보려면 아래 dartpad 에서 가능합니다.
추가적으로 추가할 것이 생기면 이 글을 업데이트 할게요 ~
무엇보다 위에서 감을 익힌 다음에 직접 만들어보는 것이 중요한 것 같아요
즐거운 한가위 되세요 :)
대단치는 않지만, JSON to Dart (https://javiercbk.github.io/json_to_dart/) 추천 드립니다 ㅎㅎ
단, 58.5 시간이나 계속되는 강좌는... 정말 끝이 없었네요 ㅋㅋ 들어도 들어도 들어도 아직 20시간... 25시간.... 넘나 힘든 시간이었습니다. 허나 배우고 나니 정말 좋습니다 ㅋ
그리고 구글에서 해주는 Widget of the week 도 구독해서 보고있는데, "모든 것은 위젯이다" 라고 할수 있는 플러터는 다양한 위젯이 있어서 적재적소에 사용 하는 것이 중요한데 1분 정도의 짧은 영상에 특정 위젯이 어떤 것이며 어떻게 사용하는지 아주 쉽게 알려줍니다. 참 좋기도 하며, 구글에서 적극 미는 것 같아 더 좋으네요 ^^
얼마전에 구글 플러터 팀이 회사에 왔었는데 아직 공개하긴 어렵지만
자기들이 가지고 있는 1000만 유저가 넘는 앱도 지금 플러터로 바꾸고 있다고 하더라고요
그리고 기존 안드로이드 프로젝트를 플러터로 바꿔주는 것도 준비하고 있었는데
워낙 생산성이 좋다보니 그냥 새로 하는게 더 빨라서 그 프로젝트는 홀딩되는 형식이 되었다고 하네요;;
구글에서 플러터를 확실히 밀어주긴 하나봐요 ~
아이오닉도 지원하는 앵귤러를 플러터가 지원안하는데..
페이스북에서 이부분을 개선하고자 하고 있지만 태생적인 성능상 이슈를 가지고 옵니다.
물론 웹 구현을 React 로 한다면 React Native 가 좋은 대안이 될 수 있으며 ionic 또한 좋은 대안 입니다.
장단점의 경우에는 아래 영상 참고하시면 좋을 것 같습니다 ~
https://flutter.dev/docs/development/platform-integration/platform-channels
위를 참고하시면 method channel 을 이용해서 필요한 부분은 네이티브로 구현하셔서 적용하시면 됩니다.
추천합니다 ㅎㅎ
이건 왜 그런건지 아시나요? (예: 장바구니에 담긴 금액 12,100원 -> 결제단계 22.000 이런 식입니다.)