플러터(Flutter)

플러터를 빠르게 배우기 좋은 4개의 사이트

에드 신 2018. 11. 7. 13:55
반응형
플러터를 빠르게 배우기 좋은 4개의 사이트

플러터를 빠르게 배우려면

어떻게 UI를 코드로 만드는지 알아야합니다.

다트를 공부하고 플러터를 배우는 것도 좋지만

플러터를 갖고 위젯을 조금씩 수정하고, 핫리로딩해보다가

모르는 게 나올 면 그때 다트를 찾아보는 게 효율적입니다.

제가 추천하는 학습 순서는 다음과 같습니다.

일단 위젯과 레이아웃의 사용법에 익숙해지고,

그 다음에 구글이 제공한 풍부한 예제를 분석해보고

실제 앱을 만들어보는 겁니다.

1. 코드랩- 첫 플러터 앱 만들기 1, 2

  • 구글 코드랩은 정말 설명이 깔끔한 편이고, 플러터 튜토리얼도 잘 되어 있습니다.

  • 배울 수 있는 것 : 첫 플러터앱 만들기, 위젯 개념 잡기, 리스트뷰 만들어보기, 버튼 클릭(Interactivity), 다른 페이지로 넘어가기 (Routing)

     

2. 플러터 레이아웃 튜토리얼 문서
  • 플러터도 위젯과 레이아웃의 종류가 다양한데요. 그 차이를 알아야 플러터를 자연스럽게 쓸 수 있죠. 이 문서를 보면 Row, Column, Expanded의 차이부터 시작해, 각종 레이아웃들(GridView, ListView, Stack )이 다 나와 있습니다. 무엇보다 예제 코드가 짧아서 바로 실행해 보기 좋죠.
  • 배울 수 있는 것 : 레이아웃에 대한 깊은 이해

 

3. 구글 예제 분석
  • 이런 게 있었나 싶은 위젯이나 기능들이 정말 많습니다. 꼭 폰에 넣어서 확인하면서 소스 분석해보세요.
  • 배울 수 있는 것 : 쿠퍼티노 디자인, 구글 표준 코드

 

4. 행성 정보 앱 만들기 (미디엄 글)
  • 5개의 포스트에 걸쳐 플러터의 기본 기능을 알려줍니다.
  • 디자인이 깔끔한데다가 2페이지로 구성된 앱이라 어떻게 페이지를 이동하는지 알 수 있습니다.
  • 배울 수 있는 것 : 이쁘게 레이아웃 잡기, Routing(페이지 이동), 애니메이션, 전반적인 복습

 

마무리

사실 여기까지 했으면 기본적으로 UI만드는 건 무리가 없습니다.

이제 제대로 앱을 만드려면 아래의 것들을 천천히 찾아보시면 되요.

  • 안드로이드, ios 네이티브 코드 쓰기
  • 웹에서 데이터 받아서 파싱하기
  • 각종 플러그인(로컬 데이터 베이스, 파이어베이스, 지도) 써보기
  • 위젯 깊이 알기 (렌더링 과정, inheritedWidget)

 

저도 이 글에서 소개한 글을 통해 플러터를 배웠고, 같은 순서로 튜토리얼을 만들어보려고 합니다~!

아, 그리고 전 유데미 플러터 과정은 좀 안 맞더군요. 별로 안 배웠는데 문제를 풀어야되서요.

 

영상으로 배우실 거면 유튜브 TensorProgramming도 좋습니다.

설명이 깔끔합니다.

세부적인 것도 다 풀어서 이야기해줍니다.

여기는 왜 async를 쓰고, isolate는 왜 쓰고, 왜 모델을 쓰는지 등 차근차근 말해주죠.

이해가 잘 됩니다. 단점은 영어란 거죠.

그래도 무료 영상 중에 이정도 퀄리티인 곳은 없습니다.

 

그럼 플러터 개발을 즐기실 수 있기를 바라며 글을 마치도록 하겠습니다.

 

반응형