꾸준히 개발할 만두

동기의 예시 void aFunction(){ //step1 print('Hello Moon!'); //step2 syncLoad('image from 'NASA'); //step3 print('Hello jupiter!'); } step 1 -> step 2 -> step 3 step 2 이미지 load에 특정 시간 소요된다. 하지만 step 3는 step2가 완료될 때까지 실행할 수 없다. 비동기의 예시 void aFunction(){ //step1 print('Hello Moon!'); //step2 asyncLoad('image from 'NASA'); //step3 print('Hello jupiter!'); } step2 이미지 load되는 동안 기다리지 않고, step3 먼저 출력한다. 고객이..

Flutter에서 여러 개의 페이지 간 이동을 구현하도록 돕는 Routes & Navigation에 대해 학습했다. 페이지를 Stack과 유사하게 push해서 쌓고, pop해서 다시 지워내는 방법으로 이동시킨다. Flutter 공식 문서 : [flutter.dev/docs/cookbook/navigation/navigation-basics] class FirstRoute extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('First Route'), ), body: Center( child: ElevatedBut..

Widget이 계속해서 반복되는 경우, Extract Widget을 사용해 개별적인 Widget으로 해당 Widget을 추출해낼 수가 있다. vscode를 사용하고 있는 경우, 1) 원하는 Widget위에 커서를 놓는다. 2) 전구 모양을 클릭한다. 3) Extract Widget을 누른다. 만약 내가 reusableCard라는 Widget을 추출해냈다면, StatelessWidget을 확장한 class가 생성된다. Widget을 사용할 때 따로 설정하고 싶은 값들이 있다면, Class 내부에서 변수로 지정해준 후, Widget 사용시 해당 값을 지정해주면 된다, 예를 들어 ReusableCard의 경우 Container의 color(colour) 와 GestureDetector의 onTap에 대한 함수..

Row에 Icon들을 넣는 과정에서 A RenderFlex overflowed by 58 pixels on the right 메세지가 떴다. Icon이 화면 범위를 넘어서면 Icon을 유연하게 아래로 이동시키는 방법은 없는지 구글링해보았다. SafeArea를 써보고, Expanded도 써보고, Flexible을 써보고 이런저런 방식을 적용해보다가 Wrap이라는 Widget을 발견했다! Container( child: Wrap( children: [ ... ], ), ), Container로 감싸고 child로 Wrap 위젯을 Row대신 넣어주었더니, 아래와 같이 만족스러운 결과를 얻었다. Flutter Widget Video: youtu.be/z5iw2SeFx2M

Dart에서 Arrow Functions을 이용해 single line의 함수의 경우 간단하게 표현할 수가 있다. 예를 들어, 아래와 같은 add function을 Arrow Functions으로 표현해보려 한다. int add() { return 5 + 2 } int add() => 5 + 2; 함수에 인자를 넣는 경우에는 아래와 같은 형식으로 함수를 작성하면 된다. int add(int n1, int n2){ return n1 + n2 } int add(int n1, int n2) => n1 + n2;