본문 바로가기
반응형

Frontend, Client24

[Flutter] 플러터 - 다트 : 리스트(List) 다양한 기능 알아보기 아주 기본적인 리스트 개념은 생략하고, 다트에서 제공하는 리스트의 다양한 기능을 알아보자. spread operator var b = [4, 5]; var a = [1, 2, 3, ...b]; // a = [1,2,3,4,5]가 됨 assert(a[3] == 4); assert(a[4] == 5); null-aware spread operator 아래 코드에서 변수 list가 null이면 아무것도 추가되지 않는다. var list2 = [0, ...?list]; assert(list2.length == 1); collection if 리스트 안에서 if를 사용할 수 있다. var flag = true; var a = [1, 2, if(flag) 3]; print(a); //[1, 2, 3] collect.. 2022. 12. 9.
[Flutter] 플러터 - 다트(Dart): Nullable 변수와 late 변수의 이해 다트는 Nullable type을 제공해준다. 초기화하지 않을 경우 값은 null이 된다. 자바에서는 기본타입(int, double..) 등이 null이 될 수 없지만, 다트에서는 nullable이기만 한다면 int 같은 기본타입도 널이 가능하다. ⇒ Object로 취급하기 때문. int? lineCount; assert(lineCount == null); non-nullable일 경우, 반드시 initialize를 해주어야 한다. int lineCount = 0; 그런데, 초기화를 반드시 선언부에서 할 필요는 없고 사용 시점에서 non-null이면 된다. 따라서 아래와 같은 코드도 유효하다. int lineCount; if (weLikeToCount) { lineCount = countLines(); .. 2022. 12. 9.
[Flutter] 플러터 - 위젯(Widget) 알아보기 Flutter UI Docs : https://flutter-ko.dev/docs/development/ui/widgets-intro#basic-widgets위젯 카탈로그 : https://flutter-ko.dev/docs/development/ui/widgets목차1. 위젯이란?2. stateful widget vs stateless widget3. 기본 widget4. Material Components5.입력에 반응하여 stateful 위젯 변경하기6. layout 만들기7. Lifecycle8. examples1. 위젯이란?위젯은 현재 위젯의 상태(State)를 유지하며, 어떻게 화면에 보여지는 지에 대한 정보를 가지고 있다. 쉽게 위젯으로부터 UI를 구성한다고 생각하면 된다. 위젯의 상태(St.. 2022. 11. 2.
[Flutter] 플러터 - 비동기 프로그래밍 다트 비동기 프로그래밍 Docs: https://dart.dev/codelabs/async-await Stream Docs : https://dart.dev/tutorials/language/streams 플러터 공식유튜브 event-loop 설명 영상 : https://www.youtube.com/watch?v=vl_AaCgudcY 참고할만 한 비동기 강의 영상: https://www.youtube.com/watch?v=rk41rBXq3zQ 참고할만 한 비동기 강의 영상2 : https://www.youtube.com/watch?v=HjhPhAUPHos 목차 1. Event-loop - a. isolate란? - b. isolate 장점 - c. event-loop의 작동 방식 - d. backgrou.. 2022. 11. 2.
[Flutter] 플러터 설치 및 프로젝트 생성 - Flutter Install Docs en : https://docs.flutter.dev/get-started/install/macos ko : https://flutter-ko.dev/docs/get-started/install/macos 1. Flutter SDK 설치 주의 : 한글 버전 문서에서는 sdk 다운로드가 안되니 영문 버전에서 다운받자. 다운받은 설치파일을 HOME 디렉토리로 이동시켜주고 더블클릭 → flutter 폴더가 생성된다. 다음으로 경로 설정을 통해 터미널에서 항상 flutter를 찾을 수 있도록 해줘야 한다. 경로 설정을 위한 사전 작업으로 sublime text를 설치한다. Sublime text Download : https://www.sublimetext.com/ Su.. 2022. 11. 2.
[안드로이드] 커스터마이징에 유용한 버튼 참고자료: https://boilerplate.tistory.com/51 버튼에 Ripple 효과 적용하기 Android 버튼에 Ripple Effect를 주는 방법에 대해서 알아보도록 하겠습니다. 먼저 결론부터 말해보자면, 2가지 방법을 추천합니다. 1) MaterialButton, MaterialCardView 를 사용하는 방법 (Android Support Desi.. boilerplate.tistory.com 일반 버튼보다 MaterialButton, MaterialCardView를 쓰는 것이 디자인 커스터마이징에 더 유용하다! 2021. 8. 4.
반응형