본문 바로가기
반응형

Frontend, Client/Flutter10

[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.
반응형