Flutter11 Dart - Null Safety Dart - Null Safety Dart 언어는 이제 Null Safety를 지원한다. Null Safety를 적용하면 코드의 유형은 기본적으로 nullable이 아니다. Null Safety를 적용하면 null에 의한 Exception을 런타임이 아닌 컴파일 타임에 체크하게 된다. Nullable과 Non-Nullable의 구분 기본적으로 선언하는 변수는 Nullable이 아니며, Nullable로 선언할 경우?를 붙인다. int a1=10; int? a2=10; Non-Nullable 변수 선언과 동시에 초기화 필요 Non-Nullable 변수는 선언과 동시에 초기화가 필요하다. 초기화하지 않으면 컴파일 에러가 발생한다. int a1; // compile error int? a2; var 타입에서의.. 2021. 5. 31. Flutter Animation(플러터 애니메이션) - 1 (암시적 애니메이션) Flutter Animation(플러터 애니메이션) - 1 (암시적 애니메이션) 오랜만에 포스트를 작성하게 되었네요. 이번 포스트에서는 Flutter Animation에 대하여 알아보겠습니다. 목차 Table of Contents 암시적 애니메이션(Implicit Animation) Flutter의 애니메이션 라이브러리를 사용하면 UI에서 위젯에 모션을 추가하고 시각 효과를 만들 수 있습니다. 위 라이브러리에 설정된 하나의 위젯이 애니메이션을 관리합니다. 이러한 위젯을 통칭하여 암시 적 애니메이션 또는 암시 적으로 애니메이션 된 위젯이라고 하며, ImplicitlyAnimatedWidget 클래스를 구현합니다 ✨암시적 애니메이션 위젯들은 자동으로 변경사항을 애니메이션 합니다 특징 ⚡ 애니메이션을 사용하면.. 2020. 3. 31. Flutter(플러터)가 Dart(다트)언어를 사용하는 이유 Flutter(플러터)가 Dart(다트) 언어를 사용하는 이유 오랜만의 포스팅으로 돌아왔습니다! 이 글에서는 Flutter가 Dart언어를 어째서 사용하는지 이유에 대하여 알아보도록 하겠습니다. Flutter(플러터)와 Dart(다트) Flutter팀에서 초기 언어를 선택할 때 12개 이상의 언어를 평가하였다고 합니다. 그중 UI 구축 방식이 Dart와 가장 일치하여 Dart를 선택하게 되었다고 합니다. Dart는 2011년 Java Script를 대체하기 위해 발표되었습니다. 하지만 아래와 같은 이유로 인하여 많이 사용되지 않았습니다. 다트가 그동안 외면받아왔던 이유 ❗JS를 대체하기 위해서라면 TypeScript 등의 다른 언어를 사용할 수 있었음 ❗Dart는 언어적 특성이 그렇게 세련되어 보이지 않.. 2020. 2. 2. Flutter - WidgetTest(위젯 테스트) 작성해보기 Flutter - WidgetTest(위젯 테스트) 작성해보기 flutter_test 패키지를 사용하여 widget을 test 하는 방법에 대하여 알아보도록 하겠습니다. 목차 Table of Contents flutter_test package 위젯 클래스를 테스트하려면 flutter_testFlutter SDK와 함께 제공되는 패키지에서 제공하는 몇 가지 추가 도구가 필요합니다. flutter_test패키지는 위젯을 테스트하기 위해 다음과 같은 도구를 제공합니다 - WidgetTester 구축하고 테스트 환경에서 위젯과 상호 작용할 수 있습니다. - testWidgets() 함수를 이용하여 일반 test() 함수 대신 사용합니다. - Finder클래스는 테스트 환경에서 위젯을 검색할 수 있습니다. - .. 2019. 12. 17. Dart - Test 작성하기(test package) Dart - Test 작성하기(test package) dart의 test package를 사용하여 테스트를 작성하는 방법에 대하여 알아보도록 하겠습니다 목차 Table of Contents test package https://pub.dev/packages/test#writing-tests test | Dart Package A full featured library for writing and running Dart tests. pub.dev test package는 Dart에서 테스트를 작성하고 실행하는 표준 방법을 제공합니다. 테스트 실행하기 1. 단일 파일 테스트 실행하기 pub run test [test file] //exsample pub run test test/first_test.dart.. 2019. 12. 13. Flutter - BLoC 패턴 알아보기 Flutter - BLoC 알아보기 BLoC 패턴에 대하여 알아보도록 하겠습니다. 목차 Table of Contents BLoC 패턴이란? BLoC (business Logic Component)는 파올로 소아레스와 콩 후이라는 개발자에 의해 디자인되었고 2018년 DartConf에서 발표되었습니다. BLoC는 Presentation Layer와 business Logic을 분리하여 코드를 작성할 수 있도록 해줍니다. BLoC는 스트림을 이용하여 만들어집니다. 위젯은 Sinks (입구)를 통하여 BLoc에 이벤트를 보냅니다. BLoC객체는 위젯으로부터 이벤트를 전달받으면 필요한 Repository 등으로부터 데이터를 전달받아 business Logic을 처리합니다. business Logic을 처리한 후.. 2019. 12. 13. Flutter - Row,Column정렬하기 (MainAxisAlignment, CrossAxisAlignment) Flutter - Row, Column 정렬하기 (MainAxisAlignment, CrossAxisAlignment) axis는 중심선이라는 뜻입니다. crossaxis 횡축, mainaxis는 주축 이라는 뜻으로 해석할 수있습니다. 그렇다면 MainAxixAlignment와 CrossAxisAlignment 속성을 사용하여 행(row) 또는 열(column)에서 child widget을 어떻게 정렬할 수 있을까요 ? MainAxixAlignment와 CrossAxisAlignment을 사용하여 Row , Column에서 정렬하는 방법에 대하여 알아보도록 하겠습니다. 목차 Table of Contents 위젯 정렬하기 (Aligning Widgets) - 행(Row)의 경우 주축은 가로를 기준으로 합니.. 2019. 12. 2. Dart 언어 Future 알아보기 Dart 언어 Future 알아보기 dart future에 대하여 자세히 알아보겠습니다. dart dev의 내용을 한글로 번역한 글입니다. https://dart.dev/codelabs/async-await Asynchronous programming: futures, async, await Learn about and practice writing asynchronous code in DartPad! dart.dev 목차 Table of Contents future란? future는 비동기 작업의 결과를 나타내며 미완료(value를 생성하기 전)또는 완료(value 생성)의 두 가지 상태를 가질 수 있습니다. - 미완성 비동기 함수를 호출하면 완료되지 않은 미래가 반환됩니다. 미래에는 함수의 비동기 작.. 2019. 11. 25. Dart 언어 Stream 알아보기(Dart 비동기 프로그래밍) Dart 언어 Stream 알아보기(Dart 비동기 프로그래밍) Dart 언어의 Stream에 대하여 알아보겠습니다. 목차 Table of Contents Stream 이란?? 스트림은 데이터나 이벤트가 들어오는 통로입니다. 앱을 만들다 보면 데이터를 처리할 일이 많은데, 어느 타이밍에 데이터가 들어올지 확실히 알기 어렵습니다. 스트림은 이와 같은 비동기 작업을 할 때 주로 쓰인다. 예컨대 네트워크에서 데이터를 받아서 UI에 보여주는 상황을 생각해보면, 언제 네트워크에서 데이터를 다 받을지 알기 어렵습니다. 신호가 약한 와이파이를 쓸 수도 있고, 빵빵한 통신을 쓰고 있을 수도 있다. 이런 문제를 스트림은 데이터를 만드는 곳과 소비하는 곳을 따로 둬서 이 문제를 해결할 수 있습니다. 스트림이란 데이터의 추.. 2019. 11. 25. Dart 언어 컨벤션 알아보기 Dart 언어 컨벤션 알아보기 https://dart.dev/guides/language/effective-dart Effective Dart Best practices for building consistent, maintainable, efficient Dart libraries. dart.dev 다트 공식 문서의 Effective Dart를 한국어로 해석한 글입니다. 목차 Table of Contents 개요 지난 몇 년 동안, 우리는 많은 Dart 코드를 작성했으며 잘 작동하는 것과 그렇지 않은 것에 대해 많은 것을 배웠습니다. 일관되고 강력하며 빠른 코드도 작성할 수 있도록 이를 공유하고 있습니다. 두 가지 중요한 주제가 있습니다. 1. 일관성을 유지하십시오. 형식화 및 케이스와 관련하여 어떤 .. 2019. 11. 24. Dart 다트언어에 대하여 알아보기 다트 Dart 다트 언어에 대하여 알아보기 다트 언어에 대하여 알아보도록 하겠습니다. 아래의 다트 Document 원문에 대한 내용입니다. https://dart.dev/guides/language/language-tour#class-variables-and-methods A tour of the Dart language A tour of all of the major Dart language features. dart.dev 목차 Table of Contents 왜 다트를 해야할까 ? 다트는 구글이 자바스크립트를 대체하기 위해 2011년 개발한 웹 프로그래밍용 언어이지만 2018년이 될 때까지 배울 필요가 없는 프로그래밍 언어 중 하나로 여겨졌다. 하지만 다트는 새로운 프로그래밍 언어로, 나날이 큰 인.. 2019. 11. 21. 이전 1 다음
