출처: https://software-creator.tistory.com/11
플러터를 빠르게 배우려면
어떻게 UI를 코드로 만드는지 알아야합니다.
다트를 공부하고 플러터를 배우는 것도 좋지만
플러터를 갖고 위젯을 조금씩 수정하고, 핫리로딩해보다가
모르는 게 나올 면 그때 다트를 찾아보는 게 효율적입니다.
제가 추천하는 학습 순서는 다음과 같습니다.
일단 위젯과 레이아웃의 사용법에 익숙해지고,
그 다음에 구글이 제공한 풍부한 예제를 분석해보고
실제 앱을 만들어보는 겁니다.
추천 사이트 및 학습 순서
1.코드랩 2.플러터 레이아웃 튜토리얼 문서 3.구글 플러터 예제 (갤러리) 분석 4.플러터 행성 만들기 튜토리얼 5.실제 앱 제작
1. 코드랩- 첫 플러터 앱 만들기 1, 2
-
구글 코드랩은 정말 설명이 깔끔한 편이고, 플러터 튜토리얼도 잘 되어 있습니다.
-
배울 수 있는 것 : 첫 플러터앱 만들기, 위젯 개념 잡기, 리스트뷰 만들어보기, 버튼 클릭(Interactivity), 다른 페이지로 넘어가기 (Routing)
2. 플러터 레이아웃 튜토리얼 문서
- 플러터도 위젯과 레이아웃의 종류가 다양한데요. 그 차이를 알아야 플러터를 자연스럽게 쓸 수 있죠. 이 문서를 보면 Row, Column, Expanded의 차이부터 시작해, 각종 레이아웃들(GridView, ListView, Stack )이 다 나와 있습니다. 무엇보다 예제 코드가 짧아서 바로 실행해 보기 좋죠.
- 배울 수 있는 것 : 레이아웃에 대한 깊은 이해
3. 구글 예제 분석
- 이런 게 있었나 싶은 위젯이나 기능들이 정말 많습니다. 꼭 폰에 넣어서 확인하면서 소스 분석해보세요.
- 배울 수 있는 것 : 쿠퍼티노 디자인, 구글 표준 코드
4. 행성 정보 앱 만들기 (미디엄 글)
- 5개의 포스트에 걸쳐 플러터의 기본 기능을 알려줍니다.
- 디자인이 깔끔한데다가 2페이지로 구성된 앱이라 어떻게 페이지를 이동하는지 알 수 있습니다.
- 배울 수 있는 것 : 이쁘게 레이아웃 잡기, Routing(페이지 이동), 애니메이션, 전반적인 복습
마무리
사실 여기까지 했으면 기본적으로 UI만드는 건 무리가 없습니다.
이제 제대로 앱을 만드려면 아래의 것들을 천천히 찾아보시면 되요.
- 안드로이드, ios 네이티브 코드 쓰기
- 웹에서 데이터 받아서 파싱하기
- 각종 플러그인(로컬 데이터 베이스, 파이어베이스, 지도) 써보기
- 위젯 깊이 알기 (렌더링 과정, inheritedWidget)
저도 이 글에서 소개한 글을 통해 플러터를 배웠고, 같은 순서로 튜토리얼을 만들어보려고 합니다~!
아, 그리고 전 유데미 플러터 과정은 좀 안 맞더군요. 별로 안 배웠는데 문제를 풀어야되서요.
영상으로 배우실 거면 유튜브 TensorProgramming도 좋습니다.
설명이 깔끔합니다.
세부적인 것도 다 풀어서 이야기해줍니다.
여기는 왜 async를 쓰고, isolate는 왜 쓰고, 왜 모델을 쓰는지 등 차근차근 말해주죠.
이해가 잘 됩니다. 단점은 영어란 거죠.
그래도 무료 영상 중에 이정도 퀄리티인 곳은 없습니다.
그럼 플러터 개발을 즐기실 수 있기를 바라며 글을 마치도록 하겠습니다.