Dart & Flutter 공부 시작

유투브에서 Dart와 Flutter에 대한 기초 강의 영상을 찾아보니 한글은 잘 안보이고 영어 강의는 꾀있다. 이 중에는 유료강의로 꼬시기 위한 맛보기 영상도 있고, 책을 보는 것보다 못한 허접한 강의도 있었는데, 우선 Academind 채널의 영상을 보기 시작.  

 

 

5시간 44분 짜리 영상인데 dart에 대한 강의 내용은 1시간 44분쯤 지나서 시작된다. 그전까지는 수업을 위한 환경을 준비하는 것에 대한 얘기(VS code 설치, 안드로이도 스튜디오 설치, flutter 설치 등등)

 

2:56:50  코드가 깔끔해 보일 수있도록 하는 팁 (Writing clean code tip)

dart의 경우 widget 안에 widget이 들어가고 그 안에 또 widget이 들어가는 형태로 작성 되기 때문에 코드가 복잡해 보인다. 따라서 가독성을 조금이라도 높이기 위해 각 argument를 입력하고  닫기괄호 ')'를 한 후 쉼표 ','를 찍어주자. 그리고 단축키 shift+alt+f (auto formatting)를 누르면 정렬됨. 

 

stateless 는 내부에 state가 없으며, input data가 변할 시 build를 다시 한다. 

stateful 은 내부에 state가 있으며, input data 뿐만아니라 내부의 state가 변경될 때 build를 한다. 

 

3:30:40  Refactor 단축키 

단축키 ctrl+shift+R

 

3:59:10  VS code 단축키. crtl +space는 관련 단어(해당 위치에 들어갈 수있는..method, variable. function 등등) 

 

4:03:19 Container()에 대한 설명

4:43:00 쯔음에서 final과 const의 차이점에 대한 설명

const : compile-time constant

final : run-time constant

 

5:42:50 Summary

 

후기 

간단한 앱을 만들면서 그 과정에서 필요한 Dart의 문법이나 특징 등에 대한 설명들을 해준다. 이 외에 몇가지 유용한 단축키나 코딩할때 좋은 습관에 대한 얘기도 있었는데, 특히나 가독성이 떨어지는 Dart를 위해 auto formating을 위해 ) 뒤에 쉼표(,)를 찍어주는 것이 특이하면서도 꾀 유용한 듯하다. 

그나저나 동영상에서는 예약어나 미리 만들어진 class명 위에 마우스를 가져다 대면 그에 대한 정의를 포함하는 document로 갈 수 있는 link가 생기던데 왜 나한테는 안생기지.

맛보기로 봤는데 꾀 흥미가 생긴다. 좀더 깊이 알아봐야겠다.  

 

Dart & Flutter 공부하는데 도움되는 사이트

1. Flutter 홈페이지

2. Dart 홈페이지(튜토리얼)

3. getinthere님 블로그

 

Dart & Flutter 공부하는데 도움되는 유투브 채널(영어)

1. Flutter

2. Academind

3. RetroPortal Studio

4. Fireship 

5. FilledStacks